/* Memorykapsel 2080: expressive presentation, present-day interactions. */
:root{--glass:rgba(19,27,58,.78);--glass-line:rgba(179,205,255,.22)}
body{background:radial-gradient(circle at 88% 4%,rgba(113,117,255,.17),transparent 28%),radial-gradient(circle at 4% 48%,rgba(58,180,218,.09),transparent 32%),#050817}
.site-header{background:rgba(5,8,23,.72);border-bottom-color:rgba(165,209,255,.18)}
.brand-orb{border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff4df 0 4%,#b6eeff 9%,#ae90ff 27%,#273264 57%,#070b1d 76%);box-shadow:0 0 0 6px rgba(151,184,255,.05),0 0 42px rgba(125,184,255,.31)}
.button{transition:transform .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px)}
.hero{min-height:720px}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#e4efff 1px,transparent 1px);background-size:88px 88px;opacity:.12;z-index:1}
.hero h1{font-size:clamp(60px,7.1vw,104px);max-width:780px}
.hero p{max-width:570px}
.hero-copy{max-width:none;padding-top:105px;padding-bottom:145px}
.trust-row{margin-top:-45px}
.trust-grid{background:rgba(13,18,42,.75);box-shadow:0 28px 90px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)}
.future-showcase{margin-top:90px;margin-bottom:20px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:70px;position:relative}
.future-showcase:before{content:"";position:absolute;inset:-70px 0;background:radial-gradient(ellipse at 73% 45%,rgba(112,129,253,.14),transparent 42%);pointer-events:none}
.future-intro,.future-preview{position:relative}
.future-intro h2{font-size:clamp(38px,4.2vw,67px);line-height:1.02;letter-spacing:-.06em;margin:0 0 22px}
.future-intro h2 em{font-style:normal;color:#b9b1ff}
.future-intro p{font-size:18px;color:#b9c2dc;max-width:520px}
.future-points{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.future-points span{padding:8px 11px;border:1px solid var(--glass-line);border-radius:999px;background:rgba(255,255,255,.035);color:#d7e8fb;font-size:12px;font-weight:750}
.future-preview{min-height:490px;padding:26px 18px 22px;border:1px solid rgba(181,204,255,.17);border-radius:36px;background:linear-gradient(135deg,rgba(32,38,79,.71),rgba(9,17,43,.82)),radial-gradient(circle at 60% 0,rgba(134,219,255,.15),transparent 50%);box-shadow:0 35px 110px rgba(0,0,0,.4);overflow:hidden}
.future-preview:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(151,199,255,.18);border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-21deg);box-shadow:0 0 0 48px rgba(150,180,255,.018),0 0 0 92px rgba(150,180,255,.015);pointer-events:none}
.memory-stream{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.memory-orbit{overflow:hidden}
.memory-bit{--x:-220px;--y:-130px;position:absolute;left:50%;top:48%;width:8px;height:8px;border-radius:2px;background:#b4ecff;box-shadow:0 0 16px 4px rgba(134,223,255,.38);opacity:0;animation:memory-flow 5.8s ease-in-out infinite}
.memory-bit:nth-child(2n){background:#d3b7ff;box-shadow:0 0 16px 4px rgba(180,151,255,.34)}
.memory-bit.bit-1{--x:-270px;--y:-180px;animation-delay:0s}.memory-bit.bit-2{--x:260px;--y:-155px;animation-delay:.75s}.memory-bit.bit-3{--x:-285px;--y:100px;animation-delay:1.5s}.memory-bit.bit-4{--x:275px;--y:155px;animation-delay:2.25s}.memory-bit.bit-5{--x:20px;--y:-225px;animation-delay:3s}.memory-bit.bit-6{--x:-195px;--y:205px;animation-delay:3.75s}.memory-bit.bit-7{--x:190px;--y:198px;animation-delay:4.5s}
@keyframes memory-flow{0%{transform:translate(var(--x),var(--y)) rotate(-22deg) scale(.7);opacity:0}15%{opacity:.85}72%{opacity:.64}100%{transform:translate(0,0) rotate(45deg) scale(.12);opacity:0}}
.preview-label{display:block;text-align:center;color:#b5bdd9;font-size:10px;font-weight:850;letter-spacing:.18em;position:relative;z-index:2}
.preview-capsules{height:410px;display:flex;align-items:center;justify-content:center;gap:10px;perspective:900px;position:relative;z-index:2}
.preview-capsule{width:30%;min-width:145px;height:270px;border:1px solid rgba(195,223,255,.26);border-radius:28px;padding:20px 17px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,rgba(31,64,100,.9),rgba(11,19,49,.94));box-shadow:inset 0 1px rgba(255,255,255,.15),0 22px 55px rgba(0,0,0,.32)}
.preview-capsule.first{transform:rotate(-8deg) translateY(24px);background:linear-gradient(158deg,rgba(76,61,116,.95),rgba(14,19,47,.95))}
.preview-capsule.second{transform:translateY(-12px);height:302px;z-index:1}
.preview-capsule.third{transform:rotate(8deg) translateY(25px);background:linear-gradient(158deg,rgba(105,71,76,.91),rgba(19,21,50,.95))}
.preview-sphere{margin:auto auto 20px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;background:radial-gradient(circle at 36% 29%,#fff8e8 0 5%,#9ceaff 19%,#8e7ad8 47%,#202b65 75%);box-shadow:0 0 38px rgba(164,209,255,.33)}
.preview-capsule small{color:#a6eaff;letter-spacing:.15em;font-size:9px;font-weight:900}
.preview-capsule strong{font-size:16px;line-height:1.2;margin:7px 0}
.preview-capsule>span:last-child{font-size:10px;color:#bec8df}
.archive-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(113,230,255,.21),transparent 23%),radial-gradient(circle at 66% 95%,rgba(157,121,255,.2),transparent 27%),linear-gradient(115deg,#090f28,#121c42 55%,#0a1029)}
.archive-hero:before,.detail-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.8) .7px,transparent 1px);background-size:70px 70px;opacity:.14;pointer-events:none}
.archive-hero .shell{min-height:400px;position:relative;z-index:1}
.archive-hero .shell>div:first-child{max-width:640px}
.archive-hero h1{font-size:clamp(46px,5.5vw,73px);line-height:1.02}
.archive-hero h1 em{font-style:normal;color:#a3e9ff}
.archive-hero p{max-width:560px;color:#c1cce3;font-size:17px}
.archive-hero-orb{width:280px;height:280px;border-radius:50%;display:grid;place-items:center;margin-right:60px;position:relative;background:radial-gradient(circle at 35% 25%,#fff9e8 0 3%,#b2edff 9%,#a892ff 25%,#274678 56%,rgba(9,18,49,.7) 73%);box-shadow:0 0 30px rgba(141,206,255,.3),0 0 110px rgba(145,126,255,.3),inset -21px -23px 45px rgba(0,0,0,.45)}
.archive-hero-orb i{font-size:92px;font-style:normal;text-shadow:0 0 20px rgba(255,255,255,.5)}
.archive-hero-orb span{position:absolute;inset:-30px;border:1px solid rgba(171,221,255,.29);border-radius:50%;transform:rotateX(65deg) rotate(-25deg)}
.archive-hero-orb span.orbit-b{inset:-58px;transform:rotateY(62deg) rotate(30deg)}
.archive-layout{padding-top:34px}
.archive-tabs{display:flex;gap:8px;overflow:auto;padding:7px;margin-bottom:24px;border:1px solid var(--glass-line);border-radius:17px;background:rgba(17,24,54,.74);scrollbar-width:thin}
.archive-tabs a{text-decoration:none;white-space:nowrap;font-size:13px;font-weight:800;color:#ced8ee;padding:10px 15px;border-radius:11px}
.archive-tabs a:hover,.archive-tabs a:focus-visible{background:rgba(144,181,255,.14);color:#fff}
.archive-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:70px}
.archive-stats>div{border:1px solid var(--glass-line);border-radius:17px;padding:19px 22px;background:linear-gradient(140deg,rgba(32,40,82,.7),rgba(10,17,43,.76))}
.archive-stats b{display:block;font-size:30px;line-height:1.2}
.archive-stats span{font-size:11px;color:#adb9d4;text-transform:uppercase;letter-spacing:.1em}
.archive-section{margin-bottom:80px;scroll-margin-top:100px}
.archive-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}
.archive-section-head h2,.archive-composer h2,.recall-panel h2,.account-tools h2{font-size:clamp(32px,3.5vw,50px);line-height:1.06;letter-spacing:-.055em;margin:0 0 10px}
.archive-section-head p{color:#aab6d0;margin:0;max-width:620px}
.archive-search{font-size:12px;color:#c6d1e6;font-weight:800;display:grid;gap:5px;min-width:225px}
.archive-search input{border:1px solid var(--glass-line);background:#0b112a;border-radius:12px;padding:11px 13px;color:#fff}
.capsule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.capsule-tile{min-width:0;border:1px solid rgba(179,205,255,.2);border-radius:25px;overflow:hidden;background:linear-gradient(160deg,#151d41,#0a1029);box-shadow:0 16px 55px rgba(0,0,0,.19);transition:transform .2s,border-color .2s,box-shadow .2s}
.capsule-tile:hover,.capsule-tile.is-dragging{transform:translateY(-4px);border-color:rgba(133,230,255,.65);box-shadow:0 24px 70px rgba(50,102,177,.21)}
.capsule-art{height:210px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 52% 35%,rgba(177,160,255,.35),transparent 33%),radial-gradient(circle at 50% 60%,rgba(103,214,252,.23),transparent 42%),linear-gradient(145deg,#121a3f,#192659 52%,#0e1634)}
.capsule-art img{width:100%;height:100%;object-fit:cover}
.capsule-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(6,11,32,.4),transparent 45%)}
.mini-orb{width:110px;height:110px;border-radius:42% 42% 48% 48%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 24%,#fff7d8 0 4%,#a9edff 9%,#a18be5 27%,#324880 61%,#111b49 78%);box-shadow:0 0 0 12px rgba(178,198,255,.05),0 0 52px rgba(139,198,255,.35),inset -12px -12px 25px rgba(4,13,42,.4)}
.mini-orb:after{content:"";position:absolute;inset:-23px;border:1px solid rgba(171,227,255,.28);border-radius:50%;transform:rotateX(62deg) rotate(-24deg)}
.mini-orb i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.65);filter:blur(11px)}
.capsule-art .mini-orb{animation:capsule-float 5s ease-in-out infinite}
.capsule-art img{transition:transform .6s ease}
.capsule-tile:hover .capsule-art img{transform:scale(1.035)}
.capsule-tile.receiving .capsule-art:before{content:"";position:absolute;left:50%;top:50%;z-index:3;width:25px;height:25px;border-radius:6px;background:radial-gradient(circle,#fff,#93e4ff 48%,transparent 75%);box-shadow:0 0 30px #93e4ff,0 0 65px rgba(143,171,255,.7);pointer-events:none;animation:memory-ingest .9s ease-in forwards}
.capsule-tile.receiving{border-color:#b3e7ff;box-shadow:0 0 40px rgba(131,215,255,.25)}
@keyframes memory-ingest{0%{transform:translate(-500%,250%) rotate(-30deg) scale(1.5);opacity:0}18%{opacity:1}75%{opacity:1}100%{transform:translate(-50%,-50%) rotate(45deg) scale(.1);opacity:0}}
.capsule-meter-label{display:flex;justify-content:space-between;gap:10px;color:#aebbd7;font-size:11px;margin:17px 0 7px}
.capsule-meter-label strong{color:#b0eaff}
.capsule-meter{height:7px;border-radius:100px;overflow:hidden;background:rgba(165,196,245,.15);box-shadow:inset 0 1px 3px rgba(0,0,0,.4);margin-bottom:17px}
.capsule-meter i{display:block;width:var(--capsule-fill);height:100%;border-radius:inherit;background:linear-gradient(90deg,#80deff,#a68dff,#f0b7ff);box-shadow:0 0 14px rgba(155,212,255,.55);animation:capsule-shimmer 3s linear infinite}
.capsule-tile.has-media .capsule-meter i{min-width:3px}
.capsule-tile.is-full{border-color:rgba(248,208,146,.6);box-shadow:0 0 32px rgba(237,183,109,.17)}
.capsule-tile.is-full .capsule-seal{color:#ffe6a8;border-color:rgba(251,210,141,.5);animation:full-glow 2s ease-in-out infinite}
.capsule-tile.is-full .capsule-meter i{background:linear-gradient(90deg,#c5e6ff,#e9b7ff,#ffd597)}
@keyframes capsule-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes capsule-shimmer{0%{filter:brightness(.9)}50%{filter:brightness(1.3)}100%{filter:brightness(.9)}}
@keyframes full-glow{0%,100%{box-shadow:0 0 0 rgba(255,213,151,0)}50%{box-shadow:0 0 19px rgba(255,213,151,.4)}}
.capsule-seal{position:absolute;left:16px;bottom:16px;z-index:1;padding:6px 10px;background:rgba(7,12,30,.72);border:1px solid rgba(201,229,255,.24);border-radius:100px;color:#d5f7ff;font-size:9px;letter-spacing:.17em;font-weight:900}
.capsule-copy{padding:22px}
.capsule-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#9be8ff}
.capsule-copy h3{font-size:22px;line-height:1.17;letter-spacing:-.035em;margin:9px 0}
.capsule-copy h3 a{text-decoration:none}
.capsule-copy p{color:#aebbd7;font-size:13px;margin:5px 0 14px}
.capsule-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid var(--glass-line);padding-top:14px}
.capsule-actions a,.capsule-add{color:#e0f8ff;text-decoration:none;font-size:12px;font-weight:850;cursor:pointer}
.capsule-add{color:#f1c8ff}
.capsule-drop-hint{font-size:11px!important;color:#8293b5!important;margin:10px 0 0!important}
.capsule-tile .status{font-size:11px;margin:5px 0 0}
.archive-empty{grid-column:1/-1;display:grid;place-items:center;gap:10px;min-height:270px;border:1px dashed rgba(185,216,255,.26);background:linear-gradient(130deg,rgba(16,25,59,.7),rgba(10,16,43,.66))}
.archive-empty .mini-orb{transform:scale(.6);margin:-25px}
.archive-empty h3,.archive-empty p{margin:0}
.archive-composer{display:grid;grid-template-columns:.72fr 1.28fr;gap:35px;scroll-margin-top:100px;background:radial-gradient(circle at 0 20%,rgba(117,114,226,.18),transparent 35%),#101833;padding:35px;margin-bottom:90px}
.archive-composer>div>p{color:#adbad6}
.form-note{font-size:12px;color:#aab7d1;margin:0}
.book-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.book-card{min-height:270px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;padding:27px;border:1px solid var(--glass-line);border-radius:23px;background:radial-gradient(circle at 85% 15%,rgba(210,154,255,.14),transparent 30%),linear-gradient(145deg,#1b2047,#10162e)}
.book-card:hover{border-color:#b6dafa;transform:translateY(-3px)}
.book-mark{font:66px/1 Georgia,serif;color:#baa9fa;margin-bottom:auto}
.book-card small{font-size:10px;letter-spacing:.17em;color:#a8eafa;font-weight:900}
.book-card h3{font-size:23px;line-height:1.12;letter-spacing:-.035em;margin:8px 0}
.book-card p{margin:0;color:#9faac4}
.book-open{margin-top:12px;font-size:12px;font-weight:850;color:#e5f8ff}
.archive-details{margin-top:22px;border:1px solid var(--glass-line);border-radius:17px;background:rgba(17,24,54,.72);padding:17px}
.archive-details summary{cursor:pointer;font-weight:850}
.archive-details form{margin-top:18px}
.recall-panel{border:1px solid var(--glass-line);border-radius:26px;padding:38px;background:radial-gradient(circle at 92% 18%,rgba(174,126,255,.21),transparent 29%),linear-gradient(130deg,#131b3a,#0a112b)}
.recall-panel>p{color:#bac5dd}
.recall-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}
.recall-list a{display:grid;text-decoration:none;border:1px solid var(--glass-line);border-radius:14px;padding:16px;background:rgba(255,255,255,.035)}
.recall-list small{color:#a9b6d1}
.recall-list span{font-size:12px;color:#a7eeff;font-weight:800;margin-top:9px}
.prompt-line{border-top:1px solid var(--glass-line);padding-top:18px;font-family:Georgia,serif;font-style:italic;font-size:18px}
.media-rows{display:grid;gap:10px;margin-top:20px}
.media-rows article{display:flex;align-items:center;gap:15px;border:1px solid var(--glass-line);border-radius:14px;padding:12px 16px;background:rgba(19,27,58,.55)}
.media-rows article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(134,193,255,.13);color:#9be9ff;font-size:20px}
.media-rows article>div{display:grid;min-width:0;flex:1}
.media-rows strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-rows small{color:#9daaca}
.media-rows a{color:#bdeeff;text-decoration:none;font-size:12px;font-weight:850}
.account-tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid var(--glass-line);border-radius:26px;padding:35px;background:linear-gradient(130deg,#151c3b,#0b122c)}
.account-tools>div>p{color:#afbbd4}
.account-tools>div>small{display:block;margin-top:11px;color:#aab7d0;max-width:470px}
.account-tools form{border:1px solid var(--glass-line);border-radius:20px;padding:22px;background:rgba(5,9,27,.43)}
.account-tools form h3{margin:0}
.detail-hero{position:relative;overflow:hidden}
.detail-hero .shell{position:relative;z-index:1;min-height:240px}
.detail-hero h1{font-size:clamp(40px,5vw,64px);max-width:820px}
.back-link{display:block;width:max-content;text-decoration:none;color:#b9eefe;font-weight:800;font-size:13px;margin-bottom:18px}
.detail-seal{padding:9px 13px;border:1px solid var(--glass-line);border-radius:100px;color:#a9eafa;letter-spacing:.12em;font-size:11px;font-weight:900}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.detail-side{position:sticky;top:105px;display:grid;gap:15px}
.detail-side .dashboard-card{margin:0}
.detail-side small{color:#9eacc8;overflow-wrap:anywhere}
.memory-message details{border:1px solid var(--glass-line);border-radius:15px;padding:17px;background:rgba(255,255,255,.03)}
.memory-message summary{cursor:pointer;font-weight:850;color:#c5f3ff}
.memory-message details p,.book-timeline p,.moment-timeline p{white-space:pre-wrap;overflow-wrap:anywhere}
.memory-message>small{display:block;color:#9fadca;margin-top:13px}
.detail-heading{display:flex;justify-content:space-between;align-items:start}
.detail-heading>span{color:#a6b4d0;font-size:12px}
.capsule-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}
.capsule-gallery a{aspect-ratio:1.1;border:1px solid var(--glass-line);border-radius:14px;overflow:hidden;background:#111831}
.capsule-gallery img{width:100%;height:100%;object-fit:cover}
.capsule-gallery .empty{grid-column:1/-1}
.voice-zone{margin-top:20px;border:1px solid var(--glass-line);border-radius:16px;padding:22px;background:linear-gradient(110deg,rgba(126,85,188,.12),rgba(59,161,187,.09))}
.voice-zone h3{margin:0}
.voice-zone p{color:#aebbd6;margin:0}
.voice-zone .button{width:max-content}
.memory-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.memory-players article{min-width:0;display:grid;gap:10px;border:1px solid var(--glass-line);border-radius:15px;padding:14px;background:rgba(10,16,39,.72)}
.memory-players strong{overflow-wrap:anywhere;font-size:13px}
.memory-players video{width:100%;aspect-ratio:16/9;border-radius:10px;background:#030610}
.memory-players audio{width:100%}
.memory-players small{color:#9fd9ec}
.pwa-install-hint{display:flex;align-items:center;gap:20px;margin-top:28px;padding:15px 20px;border:1px solid var(--glass-line);border-radius:15px;background:rgba(83,135,205,.08)}
.pwa-install-hint span{white-space:nowrap;font-size:10px;letter-spacing:.14em;font-weight:900;color:#a9edff}
.pwa-install-hint p{margin:0;color:#b6c2dc;font-size:13px}
.moment-timeline,.book-timeline{display:grid;gap:12px;margin:20px 0}
.moment-timeline article,.book-timeline article{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start}
.moment-timeline time,.book-timeline time{font-size:12px;font-weight:850;color:#97e9ff;padding-top:19px}
.moment-timeline article>div,.book-timeline article>div{border-left:2px solid rgba(151,198,255,.28);padding:12px 18px;background:rgba(255,255,255,.025);border-radius:0 13px 13px 0}
.moment-timeline h3,.book-timeline h2{margin:0 0 6px}
.book-detail{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:30px;align-items:start}
.book-detail aside{position:sticky;top:105px}
.book-timeline article>div{padding:26px}
.book-timeline h2{font-size:27px}
.page-hero{position:relative;overflow:hidden;padding:112px 0 88px;background:radial-gradient(circle at 81% 45%,rgba(158,199,255,.19),transparent 24%),radial-gradient(circle at 91% 72%,rgba(173,107,245,.16),transparent 28%),linear-gradient(118deg,#080d22,#121b3b 65%,#0c1230)}
.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(225,237,255,.65) .8px,transparent 1px);background-size:78px 78px;opacity:.13}
.page-hero:after{content:"✦";position:absolute;right:10%;top:18%;font-size:190px;line-height:1;color:rgba(158,202,255,.06);text-shadow:0 0 85px rgba(130,194,255,.25);pointer-events:none}
.page-hero .shell{position:relative;z-index:1}
.page-hero h1{max-width:880px}
.content-card,.form-card,.dashboard-card,.safety-panel,.glass-card{box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 55px rgba(0,0,0,.09)}
.content-card{background:linear-gradient(145deg,rgba(29,38,77,.62),rgba(11,17,43,.7));border-color:var(--glass-line)}
.content-card:before{content:"✦";display:block;color:#9deaff;font-size:22px;margin-bottom:12px}
.form-card,.dashboard-card{border-color:var(--glass-line)}
.site-footer{background:radial-gradient(circle at 5% 0,rgba(107,116,224,.13),transparent 29%),linear-gradient(#060a1b,#030510);border-top-color:rgba(180,214,255,.16)}
.writing-guide{display:flex;align-items:end;flex-wrap:wrap;gap:12px;border:1px solid rgba(153,216,255,.23);border-radius:15px;padding:14px;background:linear-gradient(110deg,rgba(90,124,206,.13),rgba(159,114,225,.1))}
.writing-guide label{min-width:220px;flex:1;color:#bfeeff;font-size:12px;font-weight:850}
.writing-guide select{margin-top:6px}
.writing-guide button{white-space:nowrap;min-height:44px}
.writing-guide small{display:block;width:100%;color:#a8b6d4;line-height:1.5}
.archive-toast{position:fixed;z-index:80;right:24px;bottom:24px;max-width:min(430px,calc(100vw - 32px));border:1px solid rgba(151,233,255,.5);border-radius:15px;padding:15px 19px;background:#152448;color:#e8fbff;box-shadow:0 18px 45px rgba(0,0,0,.36);font-size:13px;font-weight:750}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1050px){.site-header .account-links{display:flex;margin-left:auto}.site-header .header-cta{display:none}.future-showcase{gap:30px}.capsule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-hero-orb{width:220px;height:220px;margin-right:10px}.archive-composer{grid-template-columns:1fr}.detail-layout,.book-detail{grid-template-columns:1fr}.detail-side,.book-detail aside{position:static}}
@media(max-width:700px){.site-header .account-links{display:flex;margin-left:auto}.site-header .account-links a{font-size:11px}.site-header .header-cta{display:none}.nav-toggle{margin-left:0}.header-row{gap:12px}.brand small{font-size:7px;letter-spacing:.13em}.hero{min-height:650px}.hero-copy{padding-top:75px}.future-showcase{grid-template-columns:1fr;margin-top:65px}.future-preview{min-height:390px}.preview-capsules{height:315px}.preview-capsule{min-width:0;width:32%;height:218px;padding:12px 9px;border-radius:17px}.preview-capsule.second{height:240px}.preview-sphere{width:53px;height:53px;font-size:20px}.preview-capsule strong{font-size:12px}.preview-capsule>span:last-child{font-size:9px}.archive-hero .shell{min-height:unset}.archive-hero-orb{display:none}.archive-hero h1{font-size:43px}.archive-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:50px}.archive-stats>div{padding:14px}.archive-stats b{font-size:24px}.archive-tabs a{font-size:11px;padding:9px}.archive-section-head{display:grid}.capsule-grid,.book-cards,.recall-list,.account-tools,.memory-players{grid-template-columns:1fr}.archive-composer,.recall-panel,.account-tools{padding:23px}.capsule-art{height:180px}.capsule-gallery{grid-template-columns:repeat(2,1fr)}.moment-timeline article,.book-timeline article{grid-template-columns:1fr;gap:0}.moment-timeline time,.book-timeline time{padding:0 0 5px}.media-rows article{flex-wrap:wrap}.media-rows a{margin-left:53px}.detail-hero .shell{display:grid;gap:18px}.detail-seal{width:max-content}.future-intro h2{font-size:41px}.page-hero{padding:78px 0 65px}.page-hero:after{right:-12%;font-size:130px}.writing-guide button{width:100%}.pwa-install-hint{display:grid;gap:8px}}
@media(prefers-reduced-motion:reduce){.button,.capsule-tile,.book-card,.capsule-art img{transition:none}.orbit,.memory-bit,.capsule-art .mini-orb,.capsule-meter i,.capsule-tile.is-full .capsule-seal,.capsule-tile.receiving .capsule-art:before{animation:none}}

/* Themed 2080 illustrations and plain-language guides for every public section. */
.page-hero{min-height:590px;padding:0;display:flex;align-items:stretch;isolation:isolate;background:#060a1a}
.page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;animation:hero-drift 18s ease-in-out infinite alternate;transform:scale(1.025)}
.page-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,7,20,.99) 0%,rgba(5,9,23,.96) 34%,rgba(5,9,23,.65) 56%,rgba(5,9,23,.08) 82%),linear-gradient(0deg,#070b1d 0%,transparent 38%)}
.page-hero:before{z-index:-1;opacity:.08}
.page-hero:after{display:none}
.page-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);gap:52px;align-items:end;padding-top:100px;padding-bottom:52px}
.page-hero-copy{align-self:center;max-width:780px;padding:30px 0}
.page-hero h1{font-size:clamp(49px,6vw,79px);text-wrap:balance;margin-bottom:24px}
.page-hero p{font-size:19px;max-width:680px;color:#c7d2e7;text-wrap:pretty}
.simple-guide{border:1px solid rgba(186,223,255,.2);border-radius:22px;padding:22px;background:rgba(8,13,33,.76);backdrop-filter:blur(18px);box-shadow:0 20px 65px rgba(0,0,0,.25);display:grid;gap:11px}
.simple-guide>strong{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#b9f0ff;margin-bottom:3px}
.simple-guide>span{display:grid;grid-template-columns:31px 1fr;gap:11px;align-items:center;color:#dce6f8;font-size:13px;line-height:1.45}
.simple-guide b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(115,230,255,.2),rgba(170,139,255,.22));border:1px solid rgba(177,223,255,.2);color:#b9f1ff}
.theme-book .simple-guide{border-color:rgba(196,159,255,.28)}
.theme-legacy .simple-guide{border-color:rgba(255,204,151,.28)}
.theme-secure .simple-guide{border-color:rgba(129,223,255,.25)}
@keyframes hero-drift{to{transform:scale(1.065) translate3d(-.7%,.35%,0)}}
.explain-story{max-width:900px;margin:0 0 44px;padding:34px;border:1px solid rgba(166,218,255,.2);border-radius:25px;background:radial-gradient(circle at 90% 10%,rgba(165,130,246,.15),transparent 32%),linear-gradient(135deg,rgba(20,30,69,.88),rgba(10,16,39,.82))}
.explain-story h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px}
.explain-story p{color:#c3cee3;font-size:17px;margin:0;max-width:780px}
.backup-note{margin-top:24px}
.device-backup{border:1px solid rgba(145,224,255,.22);border-radius:28px;padding:36px;background:radial-gradient(circle at 90% 4%,rgba(118,187,255,.14),transparent 27%),linear-gradient(135deg,rgba(16,28,62,.9),rgba(8,15,37,.92))}
.device-backup .archive-section-head>a{color:#bceeff;text-decoration:none;font-size:12px;font-weight:850}
.backup-history{margin-top:26px;display:grid;gap:9px}
.backup-history h3{margin:0 0 6px}
.backup-history article{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(175,211,255,.14);border-radius:14px;background:rgba(255,255,255,.025)}
.backup-history article>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(115,230,255,.1);color:#9aebff;font-size:22px}
.backup-history article>div{display:grid;min-width:0;flex:1}.backup-history strong{overflow:hidden;text-overflow:ellipsis}.backup-history small{color:#9eabc5}.backup-history a,.manual-link{color:#bceeff;text-decoration:none;font-size:12px;font-weight:850}
.manual-link{display:block;width:max-content;margin-top:14px}
.archive-health{border:1px solid rgba(185,158,255,.22);border-radius:28px;padding:36px;background:radial-gradient(circle at 8% 0,rgba(170,139,255,.16),transparent 30%),linear-gradient(135deg,rgba(18,24,55,.92),rgba(8,15,35,.94))}
.health-score{flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#101831 55%,transparent 57%),conic-gradient(#91eaff var(--health),rgba(255,255,255,.08) 0);box-shadow:0 0 40px rgba(115,230,255,.12)}
.health-score b{font-size:32px;line-height:1}.health-score span{font-size:10px;color:#9facc7;margin-top:4px}
.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.health-grid article{border:1px solid rgba(177,210,255,.15);border-radius:16px;padding:18px;background:rgba(255,255,255,.025)}
.health-grid article:before{content:"○";display:block;color:#ffd09f;font-size:20px;margin-bottom:7px}.health-grid article.ok:before{content:"✓";color:#7bedc3}.health-grid article.note:before{content:"i";color:#a9dbff}
.health-grid p{color:#aebbd5;font-size:13px;margin:6px 0 0}
@media(max-width:900px){.page-hero{min-height:650px}.page-hero-layout{grid-template-columns:1fr;gap:16px;padding-top:78px}.page-hero-copy{max-width:640px;padding-bottom:0}.simple-guide{max-width:580px}.page-hero-shade{background:linear-gradient(90deg,rgba(4,7,20,.97),rgba(5,9,23,.77)),linear-gradient(0deg,#070b1d,transparent 45%)}}
@media(max-width:700px){.page-hero{min-height:690px}.page-hero-bg{object-position:66% center}.page-hero-layout{padding-top:54px;padding-bottom:28px}.page-hero h1{font-size:43px}.page-hero p{font-size:16px}.simple-guide{padding:17px}.explain-story,.device-backup,.archive-health{padding:23px}.backup-history article{flex-wrap:wrap}.backup-history a{margin-left:51px}.health-grid{grid-template-columns:1fr}.health-score{width:86px;height:86px}.health-score b{font-size:25px}}
@media(prefers-reduced-motion:reduce){.page-hero-bg{animation:none;transform:none}}

/* Private Erinnerungsatlas and time journey */
.memory-atlas{position:relative;overflow:hidden}.memory-atlas:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 14%,rgba(115,230,255,.12),transparent 35%)}
.atlas-form{position:relative;margin:1.5rem 0 2rem;padding:1.25rem;border:1px solid rgba(125,220,255,.18);border-radius:1.25rem;background:rgba(5,10,28,.58)}
.atlas-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.atlas-grid article{position:relative;min-height:190px;padding:1.3rem;border:1px solid rgba(173,152,255,.2);border-radius:1.25rem;background:linear-gradient(155deg,rgba(18,24,54,.94),rgba(7,11,29,.9));overflow:hidden}.atlas-grid article:after{content:"";position:absolute;width:140px;height:140px;right:-58px;bottom:-62px;border:1px solid rgba(115,230,255,.14);border-radius:50%;pointer-events:none}.atlas-grid small,.atlas-grid strong{display:block}.atlas-grid h3{margin:.55rem 0 .35rem}.atlas-grid strong{color:#9cecff}.atlas-grid details{position:relative;margin-top:1rem;z-index:1}.atlas-grid summary{cursor:pointer;color:#d9d0ff}.atlas-grid p{white-space:pre-wrap}.atlas-pulse{display:block;width:14px;height:14px;border:3px solid #78e9ff;border-radius:50%;box-shadow:0 0 0 7px rgba(120,233,255,.09),0 0 26px rgba(120,233,255,.65)}
.time-journey{display:grid;grid-template-columns:1fr minmax(300px,.8fr);gap:2rem;align-items:center;background:linear-gradient(125deg,rgba(20,19,53,.95),rgba(7,15,32,.94));border-color:rgba(193,151,255,.26)}.journey-console{padding:1.3rem;border:1px solid rgba(115,230,255,.18);border-radius:1.4rem;background:rgba(3,8,24,.68)}.journey-console label{display:grid;gap:.45rem}.journey-result{display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem;align-items:center;margin:1rem 0;padding:1rem;border:1px solid rgba(187,159,255,.2);border-radius:1rem;background:rgba(111,75,187,.11)}.journey-result>span{grid-row:1/3;font-size:2rem;color:#9cecff}.journey-result strong,.journey-result small{display:block}.journey-result small{color:#afbad3}
@media(max-width:850px){.atlas-grid{grid-template-columns:1fr 1fr}.time-journey{grid-template-columns:1fr}}
@media(max-width:560px){.atlas-grid{grid-template-columns:1fr}.atlas-form{padding:1rem}.time-journey{gap:1.2rem}.journey-console{padding:1rem}}

/* Recommend Memorykapsel without exposing private archive URLs. */
.recommend-bar{border-top:1px solid rgba(145,210,255,.14);border-bottom:1px solid rgba(145,210,255,.12);background:radial-gradient(circle at 15% 30%,rgba(113,226,255,.12),transparent 28%),radial-gradient(circle at 82% 20%,rgba(172,136,255,.13),transparent 32%),#080d20}.recommend-inner{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:2rem;align-items:center;padding-top:42px;padding-bottom:42px}.recommend-inner h2{margin:.35rem 0;font-size:clamp(27px,3vw,42px)}.recommend-inner p{margin:0;color:#aebbd4}.recommend-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.recommend-actions button{appearance:none;border:1px solid rgba(175,212,255,.2);border-radius:999px;padding:.68rem .9rem;background:rgba(255,255,255,.045);color:#dfe8fb;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.recommend-actions button:hover,.recommend-actions button:focus-visible{transform:translateY(-2px);border-color:rgba(132,231,255,.58);background:rgba(115,230,255,.1)}.recommend-actions .share-main{background:linear-gradient(135deg,#8c6cff,#57dff3);border-color:transparent;color:#06101e;padding-inline:1.15rem}.share-status{grid-column:2;text-align:right;min-height:1.2em;font-size:.8rem;color:#8fefce}.share-note{grid-column:1/-1;text-align:right;color:#8492ad}
@media(max-width:850px){.recommend-inner{grid-template-columns:1fr}.recommend-actions{justify-content:flex-start}.share-status{grid-column:1;text-align:left}.share-note{text-align:left}}
@media(max-width:560px){.recommend-inner{padding-top:32px;padding-bottom:32px}.recommend-actions button{flex:1 1 calc(50% - .55rem)}.recommend-actions .share-main{flex-basis:100%}}