@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111014;--panel:#19171e;--panel2:#211e28;--text:#f4f0f7;--muted:#aaa3b4;--line:rgba(255,255,255,.1);--accent:#c4a6ff;--accent2:#e3d5ff;--shadow:0 24px 80px rgba(0,0,0,.25);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6;transition:background .35s,color .35s;min-height:100vh}body[data-theme="lavender"]{--bg:#171321;--panel:#211b31;--panel2:#2c2440;--text:#f8f3ff;--muted:#c0b3d5;--line:rgba(255,255,255,.12);--accent:#c7a8ff;--accent2:#eadfff}body[data-theme="rose"]{--bg:#21151b;--panel:#2b1b23;--panel2:#3a242f;--text:#fff1f5;--muted:#d2aebc;--line:rgba(255,255,255,.12);--accent:#ffabc9;--accent2:#ffe0eb}body[data-theme="sakura"]{--bg:#231a21;--panel:#30222c;--panel2:#412d3a;--text:#fff4f8;--muted:#d6b9c6;--line:rgba(255,255,255,.12);--accent:#f5b5d0;--accent2:#ffe5ef}body[data-theme="forest"]{--bg:#111b17;--panel:#192620;--panel2:#22352b;--text:#eff8f1;--muted:#a9c0b0;--line:rgba(255,255,255,.1);--accent:#a8dfb6;--accent2:#dff8e4}body[data-theme="cosmic"]{--bg:#101226;--panel:#191c36;--panel2:#24294a;--text:#f3f3ff;--muted:#b3b8db;--line:rgba(255,255,255,.1);--accent:#aeb8ff;--accent2:#e0e4ff}
a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{color:inherit}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.topbar{height:82px;width:min(1280px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:1.65rem;letter-spacing:-.09em}.brand span{color:var(--accent)}.topnav{display:flex;align-items:center;gap:30px;font-size:.88rem;color:var(--muted)}.topnav a{transition:color .2s}.topnav a:hover,.topnav a.active{color:var(--text)}.nav-cta{border:1px solid var(--line);border-radius:999px;padding:10px 16px;color:var(--text)!important}.nav-cta span{margin-left:8px;color:var(--accent)}.icon-btn{border:1px solid var(--line);background:var(--panel);border-radius:13px;width:44px;height:44px;cursor:pointer;font-size:1.15rem;display:grid;place-items:center}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 19px;border-radius:999px;font-weight:700;font-size:.91rem;border:1px solid transparent;cursor:pointer;transition:transform .22s,background .22s,border-color .22s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#1c1724}.primary:hover{background:var(--accent2)}.quiet{background:transparent;border-color:var(--line);color:var(--text)}.quiet:hover{background:var(--panel)}.light{background:#f8f4fc;color:#211b28}.full{width:100%}.eyebrow{font-size:.69rem;font-weight:700;letter-spacing:.19em;color:var(--muted);margin:0 0 14px}.hero{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center;min-height:650px;padding-block:76px}.hero-copy{max-width:590px}.status-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.67rem;letter-spacing:.11em;color:var(--muted);margin-bottom:32px}.status-pill i{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.1}h1{font-size:clamp(3.1rem,6.1vw,5.5rem);font-weight:600;margin:0 0 24px}h1 span,h2 span,.page-title h1 span{color:var(--accent)}.lead{font-size:1.08rem;color:var(--muted);max-width:500px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.micro-proof{display:flex;align-items:center;gap:13px;margin-top:36px;color:var(--muted);font-size:.8rem}.avatar-stack{display:flex}.avatar-stack b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--panel2);border:2px solid var(--bg);margin-left:-6px;color:var(--accent);font-size:.7rem}.avatar-stack b:first-child{margin-left:0}.hero-art{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:350px;height:350px;animation:rotate 28s linear infinite}.orbit-two{width:440px;height:440px;border-style:dashed;animation-direction:reverse;animation-duration:45s}.memory-card{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:23px;background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.025));backdrop-filter:blur(20px);box-shadow:var(--shadow);padding:14px}.card-back{width:230px;transform:translate(-70px,-10px) rotate(-9deg);opacity:.75}.card-front{width:260px;transform:translate(48px,32px) rotate(5deg);z-index:2}.card-label,.card-meta small{font-size:.58rem;letter-spacing:.16em;color:var(--muted)}.fake-photo{height:175px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(145deg,#9c8dbd,#f0c4cf 48%,#4a405d)}.photo-sun{height:150px;background:radial-gradient(circle at 70% 25%,#fff0c2 0 7%,transparent 8%),linear-gradient(145deg,#edc8b9,#a38bb9 50%,#45405c)}.photo-moon{background:radial-gradient(circle at 70% 23%,#fff 0 1%,transparent 2%),radial-gradient(circle at 65% 35%,#e2d8ff 0 8%,transparent 9%),linear-gradient(145deg,#342a51,#a18bb9 55%,#e7b5c9);display:grid;place-items:center}.photo-moon span{font-size:3rem;color:#fff4d5;text-shadow:0 0 30px white}.memory-card p{margin:12px 0 2px;font-family:Manrope,sans-serif;font-size:.9rem}.card-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 3px 3px}.card-meta h3{font-size:1.05rem;margin:4px 0 0}.heart{font-size:1.5rem;color:var(--accent)}.floating-note{position:absolute;right:0;bottom:12px;background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:13px 16px;box-shadow:var(--shadow);font-size:1rem;color:var(--accent);animation:float 5s ease-in-out infinite}.floating-note span{font-size:.8rem;color:var(--text);margin-left:7px}.feature-section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head h2,.closing h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:600;margin:0}.section-head>p{max-width:300px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;min-height:235px;position:relative;transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent),transparent 50%)}.feature-icon{width:42px;height:42px;border-radius:13px;background:#c4a6ff20;color:var(--accent);display:grid;place-items:center;font-size:1.3rem;margin-bottom:24px}.feature-icon.lavender{background:#bba1ff22}.feature-icon.pink{background:#ffabc922;color:#ffabc9}.feature h3{font-size:1.25rem;margin-bottom:10px}.feature p{color:var(--muted);font-size:.9rem;max-width:290px}.feature-number{position:absolute;bottom:25px;left:28px;font-size:.62rem;letter-spacing:.15em;color:var(--muted)}.closing{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#c5a6ff22,#ffb5d522);border:1px solid var(--line);border-radius:28px;padding:48px;margin-bottom:75px}.closing h2{font-size:clamp(2rem,4vw,3.2rem)}.footer{border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.78rem}.footer .brand{color:var(--text);font-size:1.35rem}
.drawer{position:fixed;z-index:20;left:0;top:0;bottom:0;width:min(340px,88vw);background:var(--panel);border-right:1px solid var(--line);padding:25px;transform:translateX(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:9px}.drawer.open{transform:translateX(0)}.drawer[aria-hidden="false"]{visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.drawer>a:not(.brand){padding:13px 14px;border-radius:12px;color:var(--muted);display:flex;gap:14px;align-items:center}.drawer>a:hover{background:var(--panel2);color:var(--text)}.drawer-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.drawer-bottom p{color:var(--muted);font-size:.85rem}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);z-index:19;opacity:0;pointer-events:none;transition:opacity .3s}.scrim.open{opacity:1;pointer-events:auto}
.auth-layout{min-height:calc(100vh - 150px);display:grid;grid-template-columns:1fr minmax(350px,.75fr);align-items:center;gap:9%;padding-block:65px}.auth-aside h1{font-size:clamp(3rem,5vw,4.8rem)}.auth-aside>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:1.05rem}.quote-card{margin-top:45px;padding:23px 25px;background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:350px}.quote-card>span{font-size:2rem;color:var(--accent)}.quote-card p{font-family:Manrope,sans-serif;font-size:1.15rem;margin:3px 0 14px}.quote-card small{font-size:.68rem;letter-spacing:.15em;color:var(--muted)}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:25px;padding:32px;box-shadow:var(--shadow)}.auth-heading{text-align:center;margin-bottom:25px}.auth-symbol{width:47px;height:47px;display:grid;place-items:center;margin:0 auto 20px;border-radius:16px;background:var(--panel2);color:var(--accent);font-size:1.35rem}.auth-heading .eyebrow{margin-bottom:9px}.auth-heading h2{font-size:1.8rem;margin:0 0 8px}.auth-heading>p:last-child{color:var(--muted);font-size:.85rem;margin:0}.auth-card form>label:not(.check-row){display:block;font-size:.82rem;font-weight:600;margin:17px 0 7px}.auth-card input:not([type=checkbox]){width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);outline:none;transition:border-color .2s}.auth-card input:focus{border-color:var(--accent)}.auth-card input::placeholder{color:#777180}.check-row{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.77rem;margin:18px 0}.check-row input{accent-color:var(--accent)}.auth-card form>.button{margin-top:9px}.auth-switch{text-align:center;font-size:.82rem;color:var(--muted);margin:22px 0 0}.auth-switch a,.form-options a{color:var(--accent)}.fine-print{text-align:center;color:#827b8c;font-size:.68rem;margin:18px 0 0;line-height:1.5}.form-message{font-size:.8rem;color:var(--accent);margin:12px 0 0}.form-options{display:flex;align-items:center;justify-content:space-between}.form-options .check-row{margin:13px 0}.form-options>a{font-size:.75rem}.page-main{padding-block:72px 100px;min-height:calc(100vh - 150px)}.page-title{max-width:680px;margin-bottom:42px}.page-title h1{font-size:clamp(2.8rem,6vw,4.7rem);margin:0 0 16px}.page-title>p:last-child{color:var(--muted);max-width:520px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.theme-card{position:relative;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:13px 13px 19px;cursor:pointer;transition:transform .2s,border-color .2s}.theme-card:hover{transform:translateY(-4px)}.theme-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-preview{height:125px;border-radius:12px;display:flex;align-items:end;gap:8px;padding:12px;margin-bottom:15px;overflow:hidden}.theme-preview i{height:55%;width:25%;border-radius:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15)}.theme-preview i:nth-child(2){height:75%;width:38%}.theme-preview i:nth-child(3){height:35%;width:20%}.theme-dark .theme-preview{background:linear-gradient(135deg,#111014,#41384e)}.theme-lavender .theme-preview{background:linear-gradient(135deg,#352447,#a78cd5)}.theme-rose .theme-preview{background:linear-gradient(135deg,#512d40,#e8a2bc)}.theme-sakura .theme-preview{background:linear-gradient(135deg,#5e344b,#f1c2d5)}.theme-forest .theme-preview{background:linear-gradient(135deg,#1a3b2b,#8eb89b)}.theme-cosmic .theme-preview{background:linear-gradient(135deg,#171936,#7b83df)}.theme-card>b,.theme-card>small{display:block;padding-inline:5px}.theme-card>b{font-size:.98rem}.theme-card>small{color:var(--muted);font-size:.77rem;margin-top:4px}.theme-check{position:absolute;right:20px;bottom:20px;color:var(--accent);opacity:0}.theme-card.selected .theme-check{opacity:1}.inline-notice{padding:15px 17px;border:1px solid var(--line);background:var(--panel);border-radius:14px;color:var(--muted);font-size:.82rem;margin-top:24px}.page-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.archive-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.archive-top .page-title{margin-bottom:20px}.upload-button{cursor:pointer;white-space:nowrap}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem}.private-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:25px}.empty-state{grid-column:1/-1;text-align:center;padding:65px 20px;background:var(--panel);border:1px dashed var(--line);border-radius:22px}.empty-illustration{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:var(--panel2);color:var(--accent);font-size:1.8rem;margin:0 auto 20px}.empty-state h2{font-size:1.6rem}.empty-state p{color:var(--muted);max-width:460px;margin:0 auto 22px;font-size:.9rem}.memory-item{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden;animation:fadeUp .4s both}.memory-item img,.memory-item video{display:block;width:100%;height:220px;object-fit:cover;background:var(--panel2)}.memory-item p{padding:13px 15px;margin:0;color:var(--muted);font-size:.82rem}.settings-list{max-width:780px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.settings-row{display:flex;align-items:center;gap:15px;padding:20px;background:var(--panel);border-bottom:1px solid var(--line);transition:background .2s}.settings-row:last-child{border-bottom:0}.settings-row:hover{background:var(--panel2)}.settings-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--panel2);color:var(--accent);font-size:1.15rem}.settings-row>span:nth-child(2){flex:1}.settings-row b,.settings-row small{display:block}.settings-row b{font-size:.9rem}.settings-row small{font-size:.77rem;color:var(--muted);margin-top:3px}.settings-arrow{color:var(--muted)}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.topnav{gap:15px}.hero{gap:15px;grid-template-columns:1fr .8fr}.hero-art{transform:scale(.85)}.auth-layout{gap:35px;grid-template-columns:1fr .9fr}.auth-card{padding:25px}.feature{padding:23px}.feature-number{left:23px}.theme-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell,.topbar{width:calc(100% - 34px)}.topbar{height:70px}.topnav{display:none}.menu-toggle{display:grid}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:55px 30px;gap:10px}.hero-copy{position:relative;z-index:2}.status-pill{margin-bottom:25px;font-size:.58rem}.hero h1{font-size:clamp(3rem,13vw,4.4rem)}.lead{font-size:.97rem}.hero-art{height:350px;transform:scale(.82);transform-origin:top center;margin-bottom:-40px}.orbit{width:300px;height:300px}.orbit-two{width:370px;height:370px}.feature-section{padding:60px 0}.section-head{display:block}.section-head>p{margin-top:20px}.feature-grid{grid-template-columns:1fr}.feature{min-height:210px}.closing{display:block;padding:30px 24px;margin-bottom:50px}.closing .button{margin-top:25px}.footer{flex-wrap:wrap;gap:12px}.footer>span:nth-child(2){display:none}.auth-layout{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-block:42px}.auth-aside h1{font-size:3rem}.auth-aside .quote-card{display:none}.auth-card{padding:25px 21px}.page-main{padding-block:48px 70px}.page-title h1{font-size:3.2rem}.theme-grid{gap:10px}.theme-preview{height:95px}.theme-card{padding:9px 9px 15px}.theme-card>b{font-size:.87rem}.theme-card>small{font-size:.7rem}.theme-check{right:13px;bottom:15px}.archive-top{display:block}.archive-top .upload-button{margin-bottom:20px}.memory-grid{grid-template-columns:repeat(2,1fr);gap:10px}.memory-item img,.memory-item video{height:145px}.empty-state{padding:42px 17px}.settings-row{padding:15px}.settings-row b{font-size:.83rem}}


/* AFTR. 2.0 — mobile-first archive, profile and memory styling */
:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
.drawer-profile{display:flex;align-items:center;gap:12px;padding:13px;background:var(--panel2);border:1px solid var(--line);border-radius:17px;margin-bottom:16px;min-width:0}.drawer-avatar{width:43px;height:43px;flex:0 0 43px;border-radius:15px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#201a29;display:grid;place-items:center;font-size:1.4rem}.drawer-profile b,.drawer-profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.drawer-profile b{font-size:.88rem}.drawer-profile small{font-size:.72rem;color:var(--muted);margin-top:2px}.drawer>a.active{background:var(--panel2);color:var(--text)!important}.drawer>a.active:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto}
.archive-page{padding-top:55px}.archive-stats{display:flex;align-items:center;gap:25px;border:1px solid var(--line);background:linear-gradient(110deg,var(--panel),color-mix(in srgb,var(--panel2),transparent 18%));border-radius:20px;padding:17px 21px;margin:15px 0 23px}.archive-stats>div:not(.private-chip){display:flex;flex-direction:column}.archive-stats strong{font:700 1.35rem Manrope,sans-serif}.archive-stats span{font-size:.72rem;color:var(--muted)}.archive-stats .private-chip{margin-left:auto;font-size:.72rem;color:var(--muted)}.archive-tools{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:10px;align-items:center}.search-box{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 13px;min-width:0}.search-box span{font-size:1.5rem;color:var(--muted)}.search-box input{background:transparent;border:0;outline:0;color:var(--text);padding:12px 0;width:100%;min-width:0}.archive-tools select,.settings-form select,.settings-form input,.settings-form textarea,.memory-editor input,.memory-editor textarea,.memory-editor select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 13px;width:100%;outline:none}.archive-tools select{width:auto;max-width:150px}.layout-switch{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:3px}.layout-switch button{border:0;background:transparent;color:var(--muted);border-radius:9px;min-width:34px;height:35px;cursor:pointer}.layout-switch button.selected{background:var(--panel2);color:var(--accent)}.tag-filter{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.tag-pill,.memory-tags button{border:1px solid var(--line);background:transparent;border-radius:999px;color:var(--muted);padding:6px 10px;font-size:.72rem;cursor:pointer}.tag-pill.selected,.tag-pill:hover,.memory-tags button:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 92%)}.enhanced-grid{align-items:start}.memory-item{border-radius:20px;transition:transform .2s,border-color .2s;min-width:0}.memory-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent),transparent 45%)}.memory-media-wrap{position:relative;overflow:hidden;background:var(--panel2);padding:7px}.memory-media-wrap img,.memory-media-wrap video{width:100%;height:230px;object-fit:cover;border-radius:12px}.memory-emoji{position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(17,16,20,.72);backdrop-filter:blur(8px);font-size:1.1rem;box-shadow:0 5px 18px #0002}.frame-decoration{position:absolute;pointer-events:none;left:13px;right:13px;top:13px;min-height:30px;display:flex;justify-content:space-between;align-items:start;font-size:1.05rem;text-shadow:0 2px 8px #0008}.frame-coffee{border:2px solid #b98762;border-radius:17px;background:linear-gradient(135deg,#8c583e22,#e4bd8b22)}.frame-coffee .frame-decoration{color:#f4d4a7}.frame-floral{border:2px solid #d89bbd;border-radius:17px;background:linear-gradient(135deg,#f5c8df22,#b98ba822)}.frame-floral .frame-decoration{color:#ffdfef}.frame-butterfly{border:2px dashed #b9a4ff;border-radius:17px}.frame-butterfly .frame-decoration{color:#f3e6ff}.frame-garden{border:2px solid #86b99a;border-radius:17px;background:#7cbd8a12}.frame-garden .frame-decoration{color:#d6f8d9}.frame-film{border:5px dotted #d8d0c4;border-radius:6px}.frame-film img,.frame-film video{border-radius:2px}.frame-film .frame-decoration{color:white;letter-spacing:.3em}.frame-sakura{border:2px solid #ffb8d4;border-radius:24px 10px 24px 10px}.frame-sakura .frame-decoration{color:#fff0f6}.memory-content{padding:13px 15px 15px}.memory-date{font-size:.67rem;color:var(--muted)}.memory-content h3{font-size:1.08rem;margin:5px 0 7px;overflow-wrap:anywhere}.memory-description{font-size:.82rem;color:var(--muted);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.memory-tags{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.memory-tags button{padding:4px 8px}.memory-actions{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:10px;margin-top:11px}.memory-action{border:1px solid var(--line);background:transparent;border-radius:10px;padding:7px 10px;font-size:.72rem;color:var(--text);cursor:pointer}.memory-action:hover{background:var(--panel2)}.memory-action.danger{margin-left:auto;color:#f4a6b4}.layout-masonry{columns:3;display:block;column-gap:16px}.layout-masonry .memory-item{break-inside:avoid;margin-bottom:16px}.layout-masonry .memory-media-wrap img,.layout-masonry .memory-media-wrap video{height:auto;max-height:400px}.layout-list{grid-template-columns:1fr}.layout-list .memory-item{display:grid;grid-template-columns:minmax(110px,220px) minmax(0,1fr)}.layout-list .memory-media-wrap img,.layout-list .memory-media-wrap video{height:100%;min-height:155px;max-height:240px}.layout-list .memory-content{padding:16px}.editor-overlay{position:fixed;inset:0;z-index:100;background:#09080dcc;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.memory-editor{width:min(620px,100%);max-height:min(92dvh,900px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:25px;padding:22px;box-shadow:var(--shadow)}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.editor-head h2{font-size:1.6rem;margin:0}.editor-head .eyebrow{margin-bottom:8px}.editor-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);padding:11px 14px;margin-bottom:17px;min-width:0}.editor-preview span{font-size:1.5rem}.editor-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.memory-editor form>label,.settings-form>label{display:block;font-size:.8rem;font-weight:600;margin:13px 0}.memory-editor label input,.memory-editor label textarea,.memory-editor label select,.settings-form label input,.settings-form label textarea,.settings-form label select{display:block;margin-top:7px;font-weight:400}.memory-editor textarea,.settings-form textarea{resize:vertical}.editor-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frame-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.frame-choice{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:12px;padding:7px;cursor:pointer;text-align:center;min-width:0}.frame-choice.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.frame-choice b{display:block;font-size:.68rem;margin-top:7px}.frame-demo{display:grid;place-items:center;min-height:48px;border:2px solid var(--line);border-radius:8px;font-size:.9rem}.frame-demo.frame-coffee{border-color:#b98762}.frame-demo.frame-floral{border-color:#d89bbd}.frame-demo.frame-butterfly{border-style:dashed;border-color:#b9a4ff}.frame-demo.frame-garden{border-color:#86b99a}.frame-demo.frame-film{border-style:dotted;border-width:4px}.frame-demo.frame-sakura{border-color:#ffb8d4;border-radius:14px 5px}.editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.muted{color:var(--muted)}.field-label{font-size:.8rem;font-weight:600}.profile-card{max-width:780px;border:1px solid var(--line);background:var(--panel);border-radius:24px;overflow:hidden;margin-bottom:25px}.profile-cover{height:135px;background:radial-gradient(circle at 80% 20%,#fff3 0 2%,transparent 3%),linear-gradient(120deg,color-mix(in srgb,var(--accent),#16131b 45%),var(--panel2));display:flex;align-items:end;padding:17px 22px;color:#ffffffb8;font-size:.75rem;letter-spacing:.08em}.profile-main{display:flex;align-items:center;gap:15px;padding:0 22px 18px;margin-top:-27px}.profile-avatar-large{width:75px;height:75px;display:grid;place-items:center;border:4px solid var(--panel);border-radius:25px;background:var(--accent);color:#201a29;font-size:2rem;flex:0 0 auto}.profile-main h2{font-size:1.5rem;margin:24px 0 4px;overflow-wrap:anywhere}.profile-main p{font-size:.8rem;margin:0;color:var(--muted);overflow-wrap:anywhere}.profile-stats{display:flex;gap:30px;border-top:1px solid var(--line);padding:15px 22px}.profile-stats div{display:flex;flex-direction:column}.profile-stats b{font:700 1rem Manrope,sans-serif}.profile-stats span{font-size:.7rem;color:var(--muted)}.settings-form{max-width:780px;border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:23px;margin-top:22px}.form-section-title h2,.account-panel h2{font-size:1.35rem;margin:0 0 7px}.form-section-title p,.account-panel p{color:var(--muted);font-size:.82rem;margin-bottom:15px}.settings-form>label{margin:17px 0}.settings-form>label>input,.settings-form>label>textarea{max-width:100%}.emoji-picker{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.emoji-picker button{width:43px;height:43px;border:1px solid var(--line);background:var(--bg);border-radius:13px;font-size:1.2rem;cursor:pointer}.emoji-picker button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 85%);box-shadow:0 0 0 1px var(--accent)}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:15px}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:var(--muted);font-weight:400;margin-top:4px}.toggle-row input{width:20px;height:20px;accent-color:var(--accent)}.account-panel{max-width:780px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:20px;padding:20px;margin-top:20px;background:var(--panel)}.account-panel p{margin:0}.mobile-bottom-nav{display:none}.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
@media(max-width:650px){body{padding-bottom:calc(65px + var(--safe-bottom))}.archive-page{padding-top:35px}.archive-stats{gap:15px;padding:14px;border-radius:16px}.archive-stats strong{font-size:1.2rem}.archive-stats span{font-size:.65rem}.archive-stats .private-chip{font-size:0;padding:7px}.archive-stats .private-chip:first-letter{font-size:.8rem}.archive-tools{grid-template-columns:minmax(0,1fr) auto;gap:8px}.search-box{grid-column:1/-1}.archive-tools select{width:100%;max-width:none;min-width:0}.layout-switch{justify-self:end}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:16px}.memory-media-wrap{padding:5px}.memory-media-wrap img,.memory-media-wrap video{height:150px;border-radius:10px}.memory-emoji{top:10px;right:10px;width:29px;height:29px;font-size:.95rem}.frame-decoration{top:10px;left:10px;right:10px;font-size:.8rem}.memory-content{padding:10px}.memory-content h3{font-size:.94rem}.memory-description{font-size:.75rem}.memory-action{font-size:.68rem;padding:7px}.layout-masonry{columns:2;column-gap:10px}.layout-masonry .memory-item{margin-bottom:10px}.layout-list .memory-item{grid-template-columns:105px minmax(0,1fr)}.layout-list .memory-media-wrap img,.layout-list .memory-media-wrap video{min-height:130px;max-height:180px}.layout-list .memory-content{padding:10px}.mobile-bottom-nav{position:fixed;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:calc(8px + var(--safe-bottom));padding:7px 6px;background:color-mix(in srgb,var(--panel),transparent 5%);backdrop-filter:blur(24px);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #0004}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.62rem;color:var(--muted);padding:5px;border-radius:13px}.mobile-bottom-nav a span{font-size:1.15rem;line-height:1.2}.mobile-bottom-nav a.active{background:color-mix(in srgb,var(--accent),transparent 87%);color:var(--accent)}.footer{padding-bottom:18px}.editor-overlay{align-items:flex-end;padding:0}.memory-editor{width:100%;max-height:94dvh;border-radius:24px 24px 0 0;padding:20px 17px calc(18px + var(--safe-bottom))}.editor-head h2{font-size:1.4rem}.frame-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.frame-choice{padding:6px 4px}.frame-demo{min-height:43px}.frame-choice b{font-size:.61rem}.editor-two{gap:8px}.settings-form{padding:18px}.profile-cover{height:110px}.profile-main{padding-inline:16px;gap:11px}.profile-avatar-large{width:65px;height:65px;border-radius:21px}.profile-main h2{font-size:1.25rem}.profile-stats{padding-inline:17px;gap:23px}.account-panel{align-items:flex-start;flex-direction:column}.account-panel .button{width:100%}}

/* AFTR 2.1 polish: responsive profile, calmer typography, and more tangible photo frames */
:root { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.topnav a, .button, .settings-row, .theme-card, .frame-choice { transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease; }
.button:hover, .settings-row:hover, .theme-card:hover { transform: translateY(-2px); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.page-title { max-width: 760px; }
.page-title h1 { letter-spacing: -.045em; line-height: 1.06; text-wrap: balance; }
.page-title > p:last-child { max-width: 58ch; line-height: 1.7; }
.settings-list { display:grid; gap:10px; max-width:850px; }
.settings-row { min-width:0; display:grid; grid-template-columns:44px minmax(0,1fr) 24px; align-items:center; gap:13px; padding:17px; border-radius:18px; }
.settings-row > span:nth-child(2) { min-width:0; }
.settings-row small { display:block; line-height:1.5; }
.settings-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:color-mix(in srgb,var(--accent),transparent 86%); color:var(--accent); }
.profile-card, .settings-form, .account-panel { width:100%; max-width:780px; min-width:0; }
.profile-main > div:last-child { min-width:0; flex:1; }
.profile-main h2, .profile-main p { overflow-wrap:anywhere; word-break:break-word; }
.profile-stats { flex-wrap:wrap; }
.profile-stats > div { min-width:65px; }
.profile-avatar-large { box-shadow:0 8px 24px color-mix(in srgb,var(--accent),transparent 72%); }
.memory-media-wrap { isolation:isolate; border:1px solid var(--line); }
.memory-media-wrap img, .memory-media-wrap video { display:block; position:relative; z-index:0; }
.memory-media-wrap.frame-coffee { border:5px solid #b98762; outline:1px solid #e8c6a0; outline-offset:-8px; background:linear-gradient(135deg,#f0d2ae,#85573d); padding:8px; }
.memory-media-wrap.frame-floral { border:5px solid #e7a7c6; outline:1px solid #fff0f7; outline-offset:-8px; background:linear-gradient(135deg,#fff0f7,#cf82ad); padding:8px; }
.memory-media-wrap.frame-butterfly { border:5px dashed #b9a4ff; outline:1px solid #e9dfff; outline-offset:-8px; background:linear-gradient(135deg,#e9e0ff,#a98ae5); padding:8px; }
.memory-media-wrap.frame-garden { border:5px solid #82b994; outline:1px solid #e1f5e6; outline-offset:-8px; background:linear-gradient(135deg,#e1f5e6,#679978); padding:8px; }
.memory-media-wrap.frame-film { border:7px dotted #e5dccb; background:#29252b; padding:7px; }
.memory-media-wrap.frame-sakura { border:5px solid #ffb8d4; outline:1px solid #fff0f6; outline-offset:-8px; background:linear-gradient(135deg,#fff0f6,#f18bb6); padding:8px; }
.frame-decoration { z-index:2; left:14px; right:14px; top:11px; font-size:clamp(.75rem,2vw,1.05rem); letter-spacing:.12em; filter:drop-shadow(0 2px 3px #0008); }
.memory-emoji { z-index:3; }
@media (max-width:650px) {
 .shell { width:min(100% - 30px, var(--shell, 1120px)); }
 .page-main { padding-top:28px; }
 .page-title h1 { font-size:clamp(2rem,9vw,3rem); }
 .settings-row { grid-template-columns:38px minmax(0,1fr) 18px; gap:10px; padding:13px; }
 .settings-icon { width:38px; height:38px; }
 .settings-row b { font-size:.92rem; }
 .settings-row small { font-size:.73rem; }
 .profile-card { border-radius:19px; }
 .profile-cover { max-width:100%; overflow:hidden; }
 .profile-main { align-items:flex-start; margin-top:-23px; }
 .profile-main h2 { margin-top:24px; font-size:clamp(1.05rem,5vw,1.3rem); }
 .profile-main p { font-size:.72rem; }
 .profile-stats { gap:clamp(12px,5vw,24px); }
 .profile-stats b { font-size:.95rem; }
 .settings-form { padding:16px; border-radius:18px; }
 .account-panel { padding:16px; border-radius:18px; }
 .memory-media-wrap.frame-coffee,.memory-media-wrap.frame-floral,.memory-media-wrap.frame-butterfly,.memory-media-wrap.frame-garden,.memory-media-wrap.frame-sakura { border-width:4px; padding:5px; }
 .memory-media-wrap.frame-film { border-width:5px; padding:5px; }
 .frame-decoration { top:8px; left:8px; right:8px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* AFTR 2.2 — cohesive profile and Instagram-inspired settings */
:root { --motion-ease:cubic-bezier(.2,.75,.25,1); }
body { font-weight: 450; }
body h1, body h2, body h3, .button, .topnav a, .drawer>a, .settings-row b { font-weight: 700; }
.drawer { width:min(370px,91vw); padding:22px 18px max(20px,env(safe-area-inset-bottom)); gap:7px; background:var(--panel); box-shadow:24px 0 70px #0004; }
.drawer-head { margin-bottom:8px; padding:0 4px 17px; border-bottom:1px solid var(--line); }
.drawer-profile { display:flex; align-items:center; gap:12px; padding:15px 12px; border:1px solid var(--line); border-radius:18px; background:var(--panel2); margin:5px 0 14px; min-width:0; }
.drawer-profile>div:last-child { min-width:0; }
.drawer-profile b,.drawer-profile small { display:block; overflow-wrap:anywhere; }
.drawer-profile b { font-size:.92rem; }
.drawer-profile small { color:var(--muted); font-size:.72rem; margin-top:3px; }
.drawer-avatar { width:45px;height:45px; flex:0 0 45px; display:grid;place-items:center;border-radius:15px;background:var(--accent);color:#241c28;font-weight:800;overflow:hidden;background-size:cover;background-position:center; }
.drawer .eyebrow { margin:5px 12px 2px; font-size:.65rem; letter-spacing:.13em; }
.drawer>a:not(.brand) { display:flex; align-items:center; gap:13px; min-height:47px; padding:12px 14px; border-radius:13px; color:var(--muted); font-weight:650; transition:background .2s,color .2s,transform .2s; }
.drawer>a:not(.brand)::first-letter { color:var(--accent); }
.drawer>a:not(.brand):hover { background:var(--panel2); color:var(--text); transform:translateX(2px); }
.drawer>a.active { background:color-mix(in srgb,var(--accent),transparent 87%); color:var(--text); }
.drawer-bottom { margin-top:auto; padding:14px 4px 0; border-top:1px solid var(--line); }
.drawer-bottom p { color:var(--muted); font-size:.75rem; margin:0 0 12px; }
.scrim { background:#09080dcc; backdrop-filter:blur(5px); }
.settings-page .page-title { margin-bottom:27px; }
.settings-layout { display:grid; grid-template-columns:minmax(235px, .78fr) minmax(0,1.55fr); gap:24px; align-items:start; }
.settings-sidebar,.settings-group { min-width:0; border:1px solid var(--line); background:var(--panel); border-radius:21px; overflow:hidden; }
.settings-sidebar { padding:12px; position:sticky; top:20px; }
.settings-user-card { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:11px; padding:12px 9px 17px; border-bottom:1px solid var(--line); margin-bottom:8px; }
.settings-user-avatar { width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#251e2b;font-weight:800;background-size:cover;background-position:center;overflow:hidden; }
.settings-user-avatar.has-photo { color:transparent; }
.settings-user-card>div:nth-child(2) { min-width:0; }
.settings-user-card b,.settings-user-card small { display:block; overflow-wrap:anywhere; }
.settings-user-card b { font-size:.88rem; }
.settings-user-card small { color:var(--muted);font-size:.69rem;margin-top:3px; }
.settings-user-card>a,.settings-group-heading>a { color:var(--accent);font-size:.75rem;font-weight:700;white-space:nowrap; }
.settings-nav-item { display:grid;grid-template-columns:38px minmax(0,1fr) 12px;align-items:center;gap:10px;padding:12px 10px;border-radius:14px;transition:background .2s,transform .2s; }
.settings-nav-item:hover { background:var(--panel2);transform:translateX(2px); }
.settings-nav-item.active { background:color-mix(in srgb,var(--accent),transparent 88%); }
.settings-nav-icon { display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--panel2);color:var(--accent);font-size:1rem; }
.settings-nav-item b,.settings-nav-item small { display:block; }
.settings-nav-item b { font-size:.83rem; }
.settings-nav-item small { font-size:.68rem;color:var(--muted);margin-top:3px;line-height:1.4; }
.settings-arrow { color:var(--muted);font-size:1.3rem; }
.settings-content { display:grid;gap:17px;min-width:0; }
.settings-group { padding:20px; scroll-margin-top:18px; }
.settings-group-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px; }
.settings-group-heading h2,.account-danger h2 { font-size:1.05rem;margin:0 0 5px; }
.settings-group-heading p,.account-danger p { color:var(--muted);font-size:.76rem;line-height:1.5;margin:0; }
.settings-group-heading>a { padding-top:4px; }
.settings-group .settings-row { grid-template-columns:38px minmax(0,1fr) 15px; gap:12px; padding:13px 0; border-top:1px solid var(--line); border-radius:0; }
.settings-group .settings-row:first-of-type { border-top:0; }
.settings-group .settings-icon { width:36px;height:36px;border-radius:12px; }
.settings-group .settings-row b { font-size:.82rem; }
.settings-group .settings-row small { font-size:.72rem;color:var(--muted);line-height:1.5;margin-top:3px; }
.settings-group .static-row { cursor:default; }
.appearance-options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 18px; }
.appearance-option { display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:2px 10px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--bg);color:var(--text);cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s; }
.appearance-option:hover { transform:translateY(-2px); }
.appearance-option.selected { border-color:var(--accent);box-shadow:0 0 0 1px var(--accent); }
.theme-swatch { grid-row:span 2;width:42px;height:42px;border-radius:12px;border:1px solid var(--line); }
.swatch-dark { background:linear-gradient(135deg,#17151b 0 50%,#a8a0b9 50%); }
.swatch-light { background:linear-gradient(135deg,#faf7f2 0 50%,#a78db5 50%); }
.appearance-option b { font-size:.8rem; }
.appearance-option small { color:var(--muted);font-size:.68rem; }
.settings-group .toggle-row { padding-top:15px;border-top:1px solid var(--line);margin:0; }
.setting-select-label { display:block;font-size:.78rem;font-weight:700;margin:12px 0 8px; }
.setting-select-label select { display:block;width:100%;margin-top:8px; }
.account-danger { display:flex;align-items:center;justify-content:space-between;gap:15px; }
.account-danger .button { flex:0 0 auto; }
.profile-card-rich { max-width:850px; }
.profile-cover { height:clamp(150px,24vw,220px);position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;background-size:cover;background-position:center;overflow:hidden; }
.profile-cover.has-photo { background-size:cover;background-position:center; }
.cover-caption { font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#fff;text-shadow:0 2px 12px #0008; }
.cover-upload { position:relative;z-index:1;background:#17131acc!important;color:#fff!important;border-color:#ffffff4a!important;font-size:.72rem;white-space:nowrap; }
.profile-main { align-items:center;gap:16px;padding:0 24px 18px;margin-top:-36px;position:relative; }
.avatar-wrap { flex:0 0 auto;position:relative; }
.profile-avatar-large { width:94px;height:94px;border-radius:27px;background-color:var(--accent);background-size:cover;background-position:center;display:grid;place-items:center;font-size:2rem; }
.profile-avatar-large.has-photo { color:transparent; }
.avatar-upload { display:block;text-align:center;color:var(--accent);font-size:.65rem;font-weight:750;cursor:pointer;margin-top:6px;white-space:nowrap; }
.profile-identity { min-width:0;flex:1;padding-top:28px; }
.profile-identity h2 { margin:0 0 4px; }
.profile-bio-preview { margin:9px 0 0!important;font-size:.82rem!important;line-height:1.5;color:var(--text)!important; }
.profile-stats { margin-top:4px; }
.profile-stats b { font-size:1rem; }
.profile-edit-form { max-width:850px; }
.field-hint { display:block;color:var(--muted);font-weight:400;font-size:.7rem;margin-top:6px; }
.profile-form-actions { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px; }
.profile-form-actions .form-message { margin:0; }
@media(max-width:760px) {
 .settings-layout { grid-template-columns:1fr;gap:14px; }
 .settings-sidebar { position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px; }
 .settings-user-card { grid-column:1/-1; }
 .settings-nav-item { grid-template-columns:32px minmax(0,1fr) 10px;padding:10px 8px; }
 .settings-nav-icon { width:31px;height:31px; }
 .settings-nav-item small { font-size:.64rem; }
 .settings-group { padding:16px; }
 .profile-main { padding-inline:15px;gap:12px;align-items:flex-start; }
 .profile-avatar-large { width:76px;height:76px;border-radius:23px; }
 .profile-identity { padding-top:28px; }
 .profile-stats { gap:clamp(15px,6vw,30px); }
 .profile-cover { height:155px;padding:13px; }
 .cover-upload { font-size:.65rem;padding:9px 10px; }
 .profile-form-actions { align-items:stretch;flex-direction:column; }
 .profile-form-actions .button { width:100%; }
 .account-danger { align-items:flex-start;flex-direction:column; }
 .account-danger .button { width:100%; }
}
@media(max-width:380px) {
 .settings-sidebar { grid-template-columns:1fr; }
 .profile-main { gap:9px; }
 .profile-avatar-large { width:65px;height:65px;border-radius:19px; }
 .profile-identity { padding-top:24px; }
 .profile-identity h2 { font-size:1.05rem; }
 .cover-caption { max-width:45%;font-size:.72rem; }
}
.drawer>a[href="index.html"]::before { content:"⌂"; }
.drawer>a[href="memories.html"]::before { content:"▤"; }
.drawer>a[href="themes.html"]::before { content:"◈"; }
.drawer>a[href="profile.html"]::before { content:"◉"; }
.drawer>a[href="settings.html"]::before { content:"⚙"; }
.drawer>a:not(.brand)::before { width:22px;flex:0 0 22px;text-align:center;color:var(--accent);font-size:1.05rem; }