:root { --ink:#19182d; --muted:#747286; --paper:#fbf9f6; --lav:#ded8ff; --coral:#ff9c85; --line:rgba(25,24,45,.11); }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font-family:'DM Sans',sans-serif; overflow-x:hidden; } main { max-width:1120px; margin:auto; padding:27px 48px 60px; position:relative; } .glow { position:fixed; z-index:-1; border-radius:50%; filter:blur(5px); opacity:.45; } .glow-one { width:500px;height:500px; background:#eee9ff; right:-240px;top:40px; } .glow-two {width:380px;height:380px;background:#ffe5dd;left:-240px;bottom:40px;}
.auth-gate{position:fixed;z-index:20;inset:0;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:rgba(251,249,246,.94);backdrop-filter:blur(16px);-webkit-overflow-scrolling:touch}.auth-gate[hidden]{display:none}.auth-card{margin:auto;width:min(430px,100%);padding:36px 32px;border:1px solid rgba(50,45,76,.11);border-radius:24px;background:#fffdfb;box-shadow:0 24px 70px rgba(46,40,77,.16);flex-shrink:0}.auth-brand{justify-content:center;margin-bottom:34px}.auth-card .eyebrow{text-align:center;margin-bottom:15px}.auth-title{font:600 39px/.98 'Playfair Display';letter-spacing:-.045em;text-align:center;margin:0}.auth-title em{color:#7867c7}.auth-copy{margin:17px auto 25px;max-width:305px;text-align:center;color:#706b7d;font-size:13px;line-height:1.5}.auth-card form{display:grid;gap:13px}.auth-card label{display:grid;gap:6px;color:#5e596b;font:10px 'DM Mono'}.auth-card input{width:100%;border:1px solid #ded9e5;border-radius:9px;background:#fff;padding:12px;color:#292640;font:13px 'DM Sans';outline:0}.auth-card input::placeholder{color:#797488;opacity:.55;font-family:'DM Sans',sans-serif}.auth-card input::-webkit-input-placeholder{color:#797488;opacity:.55}.auth-card input:-ms-input-placeholder{color:#797488;opacity:.55}.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:hover,.auth-card input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#292640!important;transition:background-color 5000s ease-in-out 0s}.auth-card input:focus{border-color:#8a79ce;box-shadow:0 0 0 3px rgba(123,104,197,.13)}.auth-submit{display:flex;align-items:center;justify-content:center;width:100%;margin-top:6px;padding:12px 18px;border:1px solid #6b59be;border-radius:12px;background:linear-gradient(135deg,#7867c7,#6251b5);color:#fff;font:500 13px 'DM Sans';cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px rgba(120,103,199,.28),0 1px 2px rgba(0,0,0,.06)}.auth-submit:hover{background:linear-gradient(135deg,#8473d3,#6c5bc0);border-color:#5c4ca8;box-shadow:0 4px 14px rgba(120,103,199,.4);transform:translateY(-1px)}.auth-submit:active{transform:translateY(0);box-shadow:0 1px 4px rgba(120,103,199,.25)}.auth-submit span{margin-left:8px;font-size:16px;line-height:1;transition:transform .18s ease}.auth-submit:hover span{transform:translateX(2px)}.auth-error{text-align:center;margin:8px 0 14px;color:#b84451;font-size:12px;line-height:1.45;padding:8px 12px;border-radius:9px;background:rgba(184,68,81,.08)}.auth-error strong{font-weight:600;color:#9b2c3a}.auth-switch,.auth-note{text-align:center;margin:16px 0 0;font-size:12px;color:#797486}.auth-switch button{border:0;background:transparent;color:#705caf;font:600 12px 'DM Sans';cursor:pointer;padding:0}.auth-note{font:10px 'DM Mono';color:#a19aaa;margin-top:24px}
.google-signin-wrap{display:flex;justify-content:center;margin:0 0 16px;width:100%}
.google-auth-btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:12px 18px;border:1px solid #dcd7e4;border-radius:12px;background:#fff;color:#2c2842;font:500 13px 'DM Sans';cursor:pointer;transition:.18s;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.google-auth-btn:hover{background:#f8f6fd;border-color:#b4a7df;box-shadow:0 3px 8px rgba(114,95,180,.12)}
.google-auth-btn svg{flex-shrink:0}
.google-drive-note{font:11px/1.4 'DM Mono';color:#8c8699;text-align:center;margin:-8px 0 14px;letter-spacing:-.01em}
.auth-drive-callout{display:none}
.auth-divider{display:flex;align-items:center;text-align:center;margin:4px 0 16px;color:#8d879c;font:10px 'DM Mono'}
.auth-divider::before,.auth-divider::after{content:'';flex:1;border-bottom:1px solid rgba(50,45,76,.11)}
.auth-divider span{padding:0 10px}
.auth-mode-switch{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;font:11px 'DM Mono';color:#9d97a9}
.auth-mode-btn{border:0;background:transparent;color:#7e798f;font:600 12px 'DM Sans';cursor:pointer;padding:3px 6px;border-bottom:2px solid transparent;transition:.15s}
.auth-mode-btn.active{color:#7867c7;border-bottom-color:#7867c7}
.auth-forgot-btn{border:0;background:transparent;color:#7e7796;font:11px 'DM Sans';margin:8px auto 0;display:block;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.auth-forgot-btn:hover{color:#7867c7}
.auth-verify-panel{text-align:center;padding:12px 0}
.auth-verify-icon{font-size:36px;display:inline-block;margin-bottom:8px;color:#7867c7}
.auth-verify-panel h3{font:600 24px/.98 'Playfair Display';letter-spacing:-.03em;margin:0 0 10px;color:#25223a}
.auth-verify-panel p{color:#696378;font-size:13px;line-height:1.45;margin:0 0 10px}
.auth-verify-panel strong{color:#25223a}
.auth-verify-sub{font:10px 'DM Mono';color:#8e889e!important;margin-bottom:16px!important}
.auth-verify-actions{display:flex;justify-content:center;gap:8px;margin-top:14px;font:11px 'DM Mono';color:#9791a5}
.auth-verify-actions button{border:0;background:transparent;color:#7867c7;font:600 11px 'DM Sans';cursor:pointer;padding:0}
.auth-notice{text-align:center;margin:8px 0 14px;color:#2f855a;font-size:11px;font-weight:500;padding:7px 10px;border-radius:8px;background:rgba(47,133,90,.08)}
body.theme-night .google-auth-btn{background:#201e35;border-color:#524a73;color:#eee9fb}
body.theme-night .google-auth-btn:hover{background:#2b2848;border-color:#7e72ae}
body.theme-night .google-drive-note{color:#aba3bf}
body.theme-rose .google-drive-note{color:#9d838c}
body.theme-night .auth-submit{background:linear-gradient(135deg,#7867c7,#6251b5);border-color:#9281dc;color:#fff;box-shadow:0 4px 16px rgba(120,103,199,.38)}body.theme-night .auth-submit:hover{background:linear-gradient(135deg,#8776da,#6e5dc2);border-color:#aba0e8;box-shadow:0 6px 20px rgba(120,103,199,.5)}
body.theme-rose .auth-submit{background:linear-gradient(135deg,#d96d85,#bd526a);border-color:#b34a62;color:#fff;box-shadow:0 2px 8px rgba(217,109,133,.28)}body.theme-rose .auth-submit:hover{background:linear-gradient(135deg,#e27a91,#c75a72);border-color:#9e3e54;box-shadow:0 4px 14px rgba(217,109,133,.4)}
body.theme-night .auth-error{background:rgba(255,140,160,.12);color:#ffb3c0}
body.theme-night .auth-error strong{color:#ffd0d8}
body.theme-night .auth-divider::before,body.theme-night .auth-divider::after{border-color:rgba(255,255,255,.14)}
body.theme-night .auth-divider{color:#ada5c2}
body.theme-night .auth-mode-btn{color:#aca5be}
body.theme-night .auth-mode-btn.active{color:#b3a2f7;border-bottom-color:#b3a2f7}
body.theme-night .auth-forgot-btn{color:#b2abc5}
body.theme-night .auth-verify-panel h3,body.theme-night .auth-verify-panel strong{color:#f5f1ff}
body.theme-night .auth-verify-panel p{color:#cbc4dc}
body.theme-night .auth-notice{color:#68d391;background:rgba(104,211,145,.12)}
.auth-modal-backdrop{position:fixed;z-index:30;inset:0;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:rgba(25,24,45,.45);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out;-webkit-overflow-scrolling:touch}
.auth-modal-backdrop[hidden]{display:none!important}
.auth-modal-card{position:relative;margin:auto;width:min(380px,100%);padding:32px 28px;border:1px solid rgba(50,45,76,.11);border-radius:22px;background:#fffdfb;box-shadow:0 24px 60px rgba(46,40,77,.22);text-align:center;animation:modalPop .25s cubic-bezier(.2,.8,.2,1);flex-shrink:0}
.pin-modal-close{position:absolute;top:14px;right:16px;border:0;background:transparent;font-size:24px;line-height:1;color:#8e8999;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s}
.pin-modal-close:hover{color:var(--ink)}
body.theme-night .pin-modal-close{color:#a89ec4}
body.theme-night .pin-modal-close:hover{color:#f5f1ff}
.auth-modal-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:#eeeafd;color:#7867c7;font-size:20px}
.auth-modal-card h3{font:600 24px/.98 'Playfair Display';letter-spacing:-.03em;margin:0 0 12px;color:var(--ink)}
.auth-modal-card p{color:#6c667c;font-size:13px;line-height:1.5;margin:0 0 20px}
.auth-modal-actions{display:grid;gap:8px}
.auth-modal-cancel{border:0;background:transparent;color:#79738a;font:500 12px 'DM Sans';padding:9px;cursor:pointer;border-radius:9px}
.auth-modal-cancel:hover{color:#25223a}
.modal-label{display:grid;gap:6px;color:#5e596b;font:10px 'DM Mono';text-align:left;margin-bottom:14px}
.modal-label input{width:100%;border:1px solid #ded9e5;border-radius:9px;background:#fff;padding:12px;color:#292640;font:13px 'DM Sans';outline:0}
.modal-label input:focus{border-color:#8a79ce;box-shadow:0 0 0 3px rgba(123,104,197,.13)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes modalPop{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
body.theme-night .auth-modal-backdrop{background:rgba(15,13,26,.65)}
body.theme-night .auth-modal-card{background:#292640;border-color:#4f496c}
body.theme-night .auth-modal-card h3{color:#f5f1ff}
body.theme-night .auth-modal-card p{color:#cbc4dc}
body.theme-night .auth-modal-icon{background:#3b365d;color:#d6caff}
body.theme-night .auth-modal-cancel{color:#ada5c2}
body.theme-night .auth-modal-cancel:hover{color:#f5f1ff}
body.theme-night .modal-label{color:#cec6df}
body.theme-night .modal-label input{background:#201e35;border-color:#5e577e;color:#f5f1ff}
.pin-gate{position:fixed;z-index:25;inset:0;display:grid;place-items:center;padding:24px;background:rgba(27,25,48,.96);backdrop-filter:blur(20px);animation:fadeIn .25s ease-out}
.pin-gate[hidden]{display:none!important}
.pin-card{width:min(380px,100%);padding:36px 30px 32px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#25223c;color:#f5f1ff;box-shadow:0 24px 70px rgba(0,0,0,.35);text-align:center}
.pin-badge{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:50%;background:#383256;color:#d5caff;font-size:20px}
.pin-title{font:600 32px/.98 'Playfair Display';letter-spacing:-.04em;margin:0 0 8px;color:#fff}
.pin-subtitle{font:12px 'DM Sans';color:#c2bbd9;margin:0 0 24px}
.pin-dots{display:flex;justify-content:center;gap:16px;margin-bottom:24px}
.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid #6b6094;background:transparent;transition:.18s cubic-bezier(.2,.8,.2,1)}
.pin-dot.filled{background:#ff9c85;border-color:#ff9c85;box-shadow:0 0 12px rgba(255,156,133,.45);transform:scale(1.15)}
.pin-dots.shake{animation:pinShake .4s ease-in-out}
@keyframes pinShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.pin-error{color:#ff8795;font:11px 'DM Mono';margin:-12px 0 16px}
.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:260px;margin:0 auto}
.pin-key{height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font:500 21px 'DM Sans';cursor:pointer;display:grid;place-items:center;transition:.15s}
.pin-key:hover:not(:disabled){background:rgba(255,255,255,.15);transform:scale(1.06)}
.pin-key:active:not(:disabled){transform:scale(.95);background:rgba(255,255,255,.25)}
.pin-key-blank{background:transparent!important;border:0!important;cursor:default!important}
.pin-key-back{font-size:18px!important;color:#cbbfe8!important}
.pin-footer{margin-top:22px}
.pin-forgot-btn{border:0;background:transparent;color:#bbb2d6;font:11px 'DM Mono';cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pin-forgot-btn:hover{color:#fff}
body:not(.theme-night) .pin-gate{background:rgba(251,249,246,.96)}
body:not(.theme-night) .pin-card{background:#fffdfb;border-color:rgba(50,45,76,.11);color:#19182d;box-shadow:0 24px 70px rgba(46,40,77,.16)}
body:not(.theme-night) .pin-badge{background:#eeeafd;color:#7867c7}
body:not(.theme-night) .pin-title{color:#19182d}
body:not(.theme-night) .pin-subtitle{color:#6c667c}
body:not(.theme-night) .pin-dot{border-color:#b4acc8}
body:not(.theme-night) .pin-dot.filled{background:#ff9c85;border-color:#ff9c85}
body:not(.theme-night) .pin-key{background:#f6f3fb;border-color:#e4def0;color:#28243f}
body:not(.theme-night) .pin-key:hover:not(:disabled){background:#ebe5f6}
body:not(.theme-night) .pin-key-back{color:#6c618e!important}
body:not(.theme-night) .pin-forgot-btn{color:#766c94}
body:not(.theme-night) .pin-forgot-btn:hover{color:#19182d}
nav { display:flex; align-items:center; justify-content:space-between; } .brand { color:var(--ink); font-size:22px; font-weight:700; text-decoration:none; letter-spacing:-1.1px; display:flex; align-items:center; gap:5px; } .brand-mark { display:grid; place-items:center; width:24px;height:24px;border-radius:50%; background:#292640;color:#fff; font-family:Georgia;font-size:19px;font-weight:400;font-style:italic; } .nav-right {display:flex;gap:23px;align-items:center}.happy-streak{font:11px 'DM Mono';color:#9b6b42;white-space:nowrap;border:1px solid #f0dcb9;border-radius:99px;background:#fffaf0;padding:4px 7px;cursor:default}.happy-streak i{color:#e9a844;font-style:normal}.happy-streak b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:50%;background:#fff0d6;color:#a36b20;font-size:10px}.private {font:11px 'DM Mono';letter-spacing:.04em;color:#625f70}.private i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55b596;margin-right:7px}.icon-button {border:0;background:transparent;font-size:21px;color:var(--ink);cursor:pointer;padding:2px}
.drawer-backdrop{position:fixed;z-index:5;inset:0;background:rgba(25,24,45,.23);opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.moments-drawer{position:fixed;z-index:6;top:0;right:0;width:min(400px,100%);height:100dvh;padding:31px 30px;background:#fbf9f6;box-shadow:-16px 0 48px rgba(25,24,45,.14);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.moments-drawer.open{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.drawer-header .eyebrow{margin:0 0 7px}.drawer-header h2{font:600 31px 'Playfair Display';letter-spacing:-.04em;margin:0}.drawer-header button{border:0;background:transparent;font-size:28px;color:#615d6e;cursor:pointer;line-height:1}.drawer-count{font:10px 'DM Mono';color:#8b8694}.drawer-count-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0 8px}.drive-sync-badge{font:500 10px 'DM Mono';color:#705cb4;background:#eeeafd;border:1px solid #dcd4f6;border-radius:99px;padding:2px 8px;transition:all .2s ease;cursor:pointer}.drive-sync-badge.synced{color:#2a7e58;background:#e7f7ed;border-color:#b5e8c8}.drive-sync-badge.syncing{color:#8a6a16;background:#fef7e2;border-color:#fae092}.moments-drawer .entries{min-height:200px}
.menu-links{display:grid;gap:10px}.menu-links button{display:flex;align-items:center;gap:13px;width:100%;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.menu-links button:hover:not(:disabled){border-color:#b8ace2;background:#f8f6ff}.menu-links button:disabled{opacity:.5;cursor:not-allowed}.menu-links b{display:block;font-size:14px}.menu-links small{display:block;color:#8e8998;font-size:11px;margin-top:3px}.menu-links i{font-style:normal;margin-left:auto;color:#806dc4}.menu-link-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eeeafd;color:#725fb4;font-size:19px}.archive-icon{background:#fff0ec;color:#c87567}.back-button{font:10px 'DM Mono'!important;color:#7365a9!important;margin:0 0 12px!important}
.moments-drawer.full{width:100%;padding:37px max(30px,calc((100vw - 1000px)/2))}.workspace-actions{display:flex;align-items:center;gap:8px}.workspace-actions button,.settings-toggle{border:1px solid var(--line);border-radius:8px;background:#fff;color:#655e75;font:10px 'DM Mono';padding:8px 9px;cursor:pointer}.workspace-actions #closeArchive,.close-workspace{border:0;background:transparent;font-size:28px!important;padding:0!important}.calendar-view{border-top:1px solid var(--line);padding-top:17px}.calendar-group{margin:0 0 15px}.calendar-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#6f6491;text-align:left;cursor:pointer}.calendar-toggle span{font-size:18px;transition:transform .2s}.calendar-toggle[aria-expanded="false"] span{transform:rotate(-90deg)}.calendar-toggle b{font:600 16px 'Playfair Display'}.calendar-toggle small{margin-left:auto;font:10px 'DM Mono';color:#8c8697}.notes-card{max-width:500px;margin:40px auto;padding:37px;border-radius:20px;background:#eeeafd;text-align:center}.notes-card>span{font-size:28px;color:#7765bd}.notes-card h3{font:600 25px 'Playfair Display';margin:13px 0 9px}.notes-card p{color:#69637b;font-size:14px;line-height:1.5}.notes-card button{margin-top:15px;border:0;border-radius:99px;background:#2b2842;color:#fff;padding:12px 18px;font:500 12px 'DM Sans';cursor:pointer}.note-record{min-width:205px}.note-record i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff9c85;margin-right:7px}.note-record.recording i{border-radius:2px}.reminder-area{margin-top:20px}.reminder-button{margin-top:0!important;background:transparent!important;color:#705eaa!important;border:1px solid #cfc5e9!important}.reminder-button small{opacity:.7;margin-left:4px}.reminder-area label{display:flex;align-items:center;justify-content:center;gap:8px;margin:13px 0 0;color:#6a637d;font-size:12px}.reminder-area input{border:1px solid #cfc5e9;border-radius:7px;background:#fff;padding:7px;color:#4d4761}.reminder-area #reminderHint{font-size:10px;margin:8px 0 0}.settings-group{max-width:600px;border-top:1px solid var(--line);padding:22px 0}.settings-group>span{font:10px 'DM Mono';color:#837e8c}.settings-group h3{font:600 17px 'DM Sans';margin:8px 0}.settings-group p{font-size:13px;color:#716c79}.theme-choices{display:flex;gap:9px}.theme-choice{border:1px solid var(--line);border-radius:9px;background:#fff;padding:14px 18px;cursor:pointer;color:#19182d}.theme-choice[data-theme="night"]{background:#292640;color:#fff}.theme-choice[data-theme="rose"]{background:#fbe8e7;color:#19182d}.theme-choice.active{outline:2px solid #8875cc;outline-offset:2px}body.theme-night{--paper:#1b1930;--ink:#f5f1ff;--muted:#b8b1c7;--line:rgba(255,255,255,.14);background:#1b1930}body.theme-night .moments-drawer,body.theme-night .library-controls select,body.theme-night .library-controls button,body.theme-night .library-controls label,body.theme-night .menu-links button,body.theme-night .workspace-actions button,body.theme-night .settings-toggle{background:#25233d;color:#f5f1ff}body.theme-night .drawer-header button,body.theme-night .settings-group h3,body.theme-night .settings-group p,body.theme-night .settings-group>span,body.theme-night .entry h3,body.theme-night .entry-length,body.theme-night .entry-date,body.theme-night .calendar-group>h3,body.theme-night .empty-state{color:#eee9fa}body.theme-night .private,body.theme-night .intro,body.theme-night .prompt p{color:#cbc4dc}body.theme-night .prompt{background:#332f51}body.theme-night .support{background:#352d3b;color:#f1dbe1}body.theme-night .mood:not(.active){background:#25233d;color:#e9e3f5}body.theme-rose{--paper:#fff5f2;background:#fff5f2}body.theme-rose .moments-drawer{background:#fff5f2}body.theme-rose .library-controls select,body.theme-rose .library-controls button,body.theme-rose .library-controls label,body.theme-rose .menu-links button,body.theme-rose .workspace-actions button,body.theme-rose .settings-toggle{background:#fffafa}body.theme-rose .notes-card{background:#ffe8e5}
/* Night-mode contrast overrides for all secondary surfaces and labels. */
body.theme-night .eyebrow,body.theme-night .mood-wrap>span,body.theme-night .tag-picker>span,body.theme-night .menu-links small,body.theme-night .drawer-count,body.theme-night .entry-tags,body.theme-night .entry-date,body.theme-night .entry-length,body.theme-night .reminder-area label,body.theme-night .reminder-area #reminderHint{color:#c8c1d9}
body.theme-night .notes-card{background:#312d50;color:#f4efff}body.theme-night .notes-card h3{color:#f7f2ff}body.theme-night .notes-card p{color:#d4cce5}body.theme-night .notes-card>span,body.theme-night .reminder-button{color:#baacf3!important}body.theme-night .reminder-area input{background:#201e35;border-color:#645b8a;color:#f4efff;color-scheme:dark}body.theme-night .reminder-button{border-color:#665d90!important}
body.theme-night .settings-group,body.theme-night .calendar-view{border-color:rgba(255,255,255,.14)}body.theme-night .menu-link-icon{background:#3b365d;color:#d6caff}body.theme-night .archive-icon{background:#4a3949;color:#ffc3b5}body.theme-night .tag:not(.active),body.theme-night .favorite:not(.is-favorite),body.theme-night .lock-btn:not(.is-locked),body.theme-night .export,body.theme-night .rename,body.theme-night .transcript-toggle{color:#d3cae8}body.theme-night .favorite.is-favorite{color:#ff6b7b!important}body.theme-night .lock-btn.is-locked{color:#ff9c85!important}body.theme-night .lock-btn:not(.is-locked):hover{color:#fff}body.theme-night .lock-btn.is-locked:hover{color:#ffb5a3!important}body.theme-night .entry-lock-pill{color:#ffd4cb;background:#47323e;border-color:#694553}body.theme-rose .lock-btn.is-locked{color:#d96d85!important}body.theme-rose .entry-lock-pill{color:#9d3356;background:#fde8ee;border-color:#f8b4c8}body.theme-night .drive-sync-badge{color:#c4b5fd;background:#362e52;border-color:#554a7c}body.theme-night .drive-sync-badge.synced{color:#7ee787;background:#203e2c;border-color:#2ea043}body.theme-night .drive-sync-badge.syncing{color:#f9e154;background:#3b361a;border-color:#7a6d1a}body.theme-night .delete-btn{color:#d3cae8}body.theme-night .delete-btn:hover{color:#ff7b7b}body.theme-rose .drive-sync-badge{color:#9d3356;background:#fde8ee;border-color:#f8b4c8}body.theme-rose .drive-sync-badge.synced{color:#26754a;background:#e8f8ee;border-color:#bde7cb}body.theme-rose .drive-sync-badge.syncing{color:#9e7512;background:#fdf4dc;border-color:#f7df99}body.theme-rose .delete-btn:hover{color:#d94262}body.theme-night .play{background:#302c4a;border-color:#625b82;color:#f4efff}body.theme-night .library-controls input{color:#f5f1ff}body.theme-night .library-controls input::placeholder{color:#bab2cb}body.theme-night .mood-summary{background:#24213d}body.theme-night .mood-summary strong,body.theme-night .recent-header h2{color:#f3efff}body.theme-night .mood-summary span{color:#c5bfd2}body.theme-night .support a{color:#ffd1cf}
body.theme-night .menu-links button:hover:not(:disabled){background:#39345a;border-color:#766ca0;color:#fff}body.theme-night .menu-links button:hover:not(:disabled) small{color:#d8d1e8}body.theme-night .menu-links button:hover:not(:disabled) .menu-link-icon{background:#4a4470;color:#fff}
body.theme-night .tag:not(.active){background:#302c4d!important;border-color:#6b628f!important;color:#f0ebff!important;opacity:1}body.theme-night .tag:not(.active):hover{background:#443d69!important;border-color:#a696dc!important}
body.theme-night .calendar-toggle{color:#eee9fa;border-color:rgba(255,255,255,.14)}body.theme-night .calendar-toggle small{color:#c8c1d9}body.theme-night .happy-streak{background:#3e342c;border-color:#786044;color:#ffd692}body.theme-night .happy-streak b{background:#59432e;color:#ffe1a3}
body.theme-night .auth-gate{background:rgba(27,25,48,.94)}body.theme-night .auth-card{background:#292640;border-color:#4f496c}body.theme-night .auth-copy,body.theme-night .auth-switch,body.theme-night .auth-note,body.theme-night .auth-card label{color:#cec6df}body.theme-night .auth-card input{background:#201e35;border-color:#5e577e;color:#f5f1ff}
.hero { padding:99px 0 58px; text-align:center; max-width:720px; margin:auto; }.eyebrow {font:500 10px 'DM Mono';letter-spacing:.18em;color:#777387;margin:0 0 19px} h1 {font:700 clamp(48px,7vw,82px)/.99 'Playfair Display',serif;letter-spacing:-.055em;margin:0;}h1 em{font-weight:600;color:#7867c7}.intro{max-width:480px;margin:25px auto 32px;color:#5e5c6d;font-size:16px;line-height:1.55}.mood-wrap>span {display:block;font:11px 'DM Mono'; color:#777387;margin-bottom:12px}.moods{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.mood{font:500 13px 'DM Sans';color:#5a5869;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:99px;padding:8px 15px;cursor:pointer;transition:.2s}.mood:hover{background:#292640;color:#fff;border-color:#292640;box-shadow:0 5px 12px rgba(41,38,64,.14)}.mood.active{background:linear-gradient(135deg,#7969bd,#6354a5);color:#fff;border-color:#9d8ee0;box-shadow:0 0 0 3px rgba(143,126,215,.16),0 8px 18px rgba(92,74,167,.34);animation:mood-glow 2.2s ease-in-out infinite alternate}@keyframes mood-glow{to{box-shadow:0 0 0 5px rgba(143,126,215,.10),0 10px 24px rgba(92,74,167,.45)}}
.recording-card {background:#292640;color:#fff;border-radius:23px;padding:22px 30px 17px;box-shadow:0 22px 45px rgba(41,38,64,.19);max-width:760px;margin:auto}.card-top,.card-bottom {display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono';letter-spacing:.04em;color:#c4bfda}.card-top time{color:#fff;font-size:12px}
.card-title-wrap{display:inline-flex;align-items:center;gap:6px;max-width:75%;position:relative}
.entry-label-input{background:transparent!important;border:1px solid transparent!important;border-radius:6px;color:#c4bfda!important;font:500 11px 'DM Mono',monospace;letter-spacing:.03em;padding:3px 6px;outline:none;width:100%;max-width:320px;transition:all .18s ease;cursor:text;-webkit-appearance:none;appearance:none}
.entry-label-input:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.entry-label-input:focus{background:rgba(23,21,35,.75)!important;border-color:#8a79ce!important;color:#fff!important;box-shadow:0 0 0 2px rgba(138,121,206,.25)}
.entry-label-pencil{font-size:11px;color:#8b85a3;opacity:.55;pointer-events:none;transition:all .18s ease}
.card-title-wrap:hover .entry-label-pencil{opacity:1;color:#fff}
body.theme-night .entry-label-input{color:#d5cff4}
body.theme-night .entry-label-input:hover{background:rgba(255,255,255,.08);color:#fff}
body.theme-night .entry-label-input:focus{border-color:#b4a3f8;box-shadow:0 0 0 2px rgba(180,163,248,.25)}
body.theme-rose .entry-label-input{color:#ebd5dc}
body.theme-rose .entry-label-input:hover{background:rgba(255,255,255,.08);color:#fff}
body.theme-rose .entry-label-input:focus{border-color:#cb5872;box-shadow:0 0 0 2px rgba(203,88,114,.25)}
.wave{height:95px;display:flex;gap:4px;justify-content:center;align-items:center;margin:4px 0 1px}.wave span {width:3px;border-radius:99px;background:#9389ca;height:var(--h,16px);transform:scaleY(var(--level,1));transform-origin:center;transition:transform 75ms ease-out,opacity 75ms ease-out}.wave span:nth-child(3n){background:#f7aa9a}.wave span:nth-child(1){--h:14px}.wave span:nth-child(2){--h:29px}.wave span:nth-child(3){--h:47px}.wave span:nth-child(4){--h:24px}.wave span:nth-child(5){--h:64px}.wave span:nth-child(6){--h:38px}.wave span:nth-child(7){--h:77px}.wave span:nth-child(8){--h:30px}.wave span:nth-child(9){--h:53px}.wave span:nth-child(10){--h:26px}.wave span:nth-child(11){--h:71px}.wave span:nth-child(12){--h:43px}.wave span:nth-child(13){--h:82px}.wave span:nth-child(14){--h:32px}.wave span:nth-child(15){--h:58px}.wave span:nth-child(16){--h:39px}.wave span:nth-child(17){--h:69px}.wave span:nth-child(18){--h:28px}.wave span:nth-child(19){--h:55px}.wave span:nth-child(20){--h:22px}.wave span:nth-child(21){--h:63px}.wave span:nth-child(22){--h:37px}.wave span:nth-child(23){--h:48px}.wave span:nth-child(24){--h:19px}.wave span:nth-child(25){--h:42px}.wave span:nth-child(26){--h:26px}.wave span:nth-child(27){--h:51px}.wave span:nth-child(28){--h:17px}.wave span:nth-child(29){--h:34px}.wave span:nth-child(30){--h:13px}.record-action{text-align:center}.record-button{width:64px;height:64px;border:1px solid #746ca3;border-radius:50%;background:#3b3659;cursor:pointer;display:grid;place-items:center;transition:.2s}.record-button:hover{transform:scale(1.05);background:#484168}.record-dot{width:19px;height:19px;border-radius:50%;background:var(--coral);transition:.2s}.is-recording .record-dot{border-radius:4px;width:17px;height:17px}.record-action p{font-size:12px;color:#c9c4db;margin:9px 0 11px}.card-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:13px}.card-bottom button{color:#f6a897;border:0;background:none;font:11px 'DM Mono';cursor:pointer}
[hidden]{display:none!important}
.card-options{display:flex;align-items:center;gap:13px}.transcript-setting,.burn-setting{color:#c5bbef!important;border:0;background:none;font:11px 'DM Mono';cursor:pointer}.transcript-setting[aria-pressed="false"]{color:#8e899f!important}.burn-setting[aria-pressed="true"]{color:#ff9c85!important;font-weight:600}
.record-buttons-group{display:flex;justify-content:center;align-items:center;gap:16px}
.pause-circle-button{display:none;width:64px;height:64px;border:1px solid #746ca3;border-radius:50%;background:#3b3659;cursor:pointer;place-items:center;transition:.2s}
.is-recording .pause-circle-button{display:grid}
.pause-circle-button[hidden]{display:none!important}
.pause-circle-button:hover{transform:scale(1.05);background:#484168}
.pause-bars{display:inline-flex;gap:4px;align-items:center;justify-content:center;width:16px;height:16px}
.pause-bars i{display:block;width:4px;height:16px;background:#c5bbef;border-radius:2px}
.pause-circle-button.is-paused .pause-bars{width:0;height:0;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #c5bbef;margin-left:3px}
.pause-circle-button.is-paused .pause-bars i{display:none}
.live-transcript{font-size:12px;color:#ded9f0;font-style:italic;max-width:500px;margin:6px auto 0;line-height:1.45;padding:4px 12px;background:rgba(255,255,255,.06);border-radius:99px;text-align:center}
.burn-dissolve{animation:burn-anim 1.2s ease-out forwards}@keyframes burn-anim{50%{opacity:.5;filter:blur(2px)}100%{opacity:1;filter:blur(0)}}
.lower-content{max-width:760px;margin:49px auto 0}.prompt{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;background:#eeeafd;border-radius:14px;padding:17px 19px}.spark{font-size:19px;color:#7564c6}.prompt p{margin:0;color:#534d72;font-size:14px;line-height:1.4}.prompt button,.view-all{border:0;background:none;color:#6454a4;font:500 11px 'DM Mono';cursor:pointer;white-space:nowrap}.recent-header{display:flex;justify-content:space-between;align-items:center;margin:38px 0 15px}.recent-header h2{font:600 21px 'Playfair Display';margin:0;letter-spacing:-.03em}.view-all{color:#5d5a6d}.view-all span{font-size:15px;margin-left:4px}.entries{border-top:1px solid var(--line)}.entry{position:relative;display:flex;align-items:center;gap:13px;padding:17px 4px;border-bottom:1px solid var(--line)}.entry-color{width:4px;height:38px;border-radius:99px}.coral{background:var(--coral)}.lavender{background:#a99de2}.entry-date{font:10px 'DM Mono';letter-spacing:.04em;color:#9894a3;margin:0 0 4px}.entry h3{font-size:14px;letter-spacing:-.02em;margin:0 0 4px}.entry-length{font-size:11px;color:#777486;margin:0}.entry-length span{margin:0 4px}.play{margin-left:auto;width:31px;height:31px;border-radius:50%;border:1px solid #d4d0db;background:#fff;color:#59556a;font-size:10px;cursor:pointer;padding-left:3px}.play:hover{background:#292640;color:#fff}
.empty-state{padding:23px 4px;color:#898594;font-size:13px;margin:0}.entry audio{display:none}.entry .playing{background:#292640;color:#fff}.entry-copy{min-width:0;flex:1}.entry-title-row{display:flex;align-items:center;gap:7px}.rename{border:0;background:transparent;color:#aaa5b5;padding:2px;line-height:1;font-size:13px;cursor:pointer;opacity:0;transition:.18s}.entry:hover .rename,.rename:focus{opacity:1}.rename:hover{color:#7564c6}.rename-input{font:600 14px 'DM Sans';letter-spacing:-.02em;color:var(--ink);border:0;border-bottom:1px solid #8272bf;background:transparent;outline:0;width:min(260px,45vw);padding:0 0 2px}
.speed-toggle{border:0;background:transparent;color:#8e8999;font:10px 'DM Mono';cursor:pointer;padding:4px}
.tools{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:26px 0 18px}.tag-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-picker>span{font:10px 'DM Mono';color:#898594;margin-right:3px}.hero-tags{justify-content:center;margin-top:16px}.tag{font:500 10px 'DM Mono';border:1px solid #d9d4e4;color:#6c6879;background:#fff;border-radius:20px;padding:6px 9px;cursor:pointer}.tag.active{color:#fff;background:#7969bd;border-color:#7969bd}.breathe{border:0;background:none;color:#6e5aaa;font:500 11px 'DM Mono';cursor:pointer;white-space:nowrap}.breathe span{font-size:17px;vertical-align:-2px}.breathe.active{color:#8872ca;font-weight:600}.breathing-panel{display:flex;align-items:center;gap:14px;background:#e5f4ef;border-radius:14px;padding:14px 18px;color:#315e55}.breathing-panel[hidden]{display:none}.breath-orb{width:36px;height:36px;border-radius:50%;background:#8ed1bd;animation:breath 8s ease-in-out infinite}.breathing-panel b{font-size:13px}.breathing-panel p{font-size:11px;margin:3px 0 0}.breathing-panel button{margin-left:auto;border:0;background:none;font-size:20px;color:#315e55;cursor:pointer}@keyframes breath{50%{transform:scale(1.6);opacity:.6}}.mood-summary{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:14px 17px}.mood-summary span{display:block;font:10px 'DM Mono';color:#908b9a;margin-bottom:5px}.mood-summary strong{font:600 14px 'DM Sans'}.mood-bars{display:flex;align-items:end;gap:4px;height:25px}.mood-bars i{width:8px;background:#a89de1;border-radius:4px}.library-controls{display:flex;gap:8px;margin-bottom:8px}.library-controls label{flex:1;display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:#9994a4}.library-controls input{border:0;background:transparent;outline:0;width:100%;padding:10px 0;font:12px 'DM Sans';color:var(--ink)}.library-controls select,.library-controls button{border:1px solid var(--line);border-radius:8px;background:#fff;color:#625e6f;padding:0 9px;font:11px 'DM Sans';cursor:pointer}.library-controls button[aria-pressed="true"]{color:#705cb4;border-color:#aa9be1;background:#f3efff}.entry-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.favorite,.export{border:0;background:transparent;color:#8e8999;cursor:pointer;font-size:18px;padding:4px;line-height:1;transition:transform .15s ease,color .15s ease}.favorite:hover{transform:scale(1.15)}.favorite.is-favorite{color:#e67c86!important}.lock-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;background:transparent;color:#8e8999;cursor:pointer;border-radius:6px;transition:transform .15s ease,color .15s ease}.lock-btn:hover{transform:scale(1.15);color:#705cb4}.lock-btn svg{display:block;width:15px;height:15px;stroke:currentColor}.lock-btn.is-locked{color:#705cb4!important}.lock-btn.is-locked:hover{color:#58479b!important}.entry-lock-pill{font:500 10px 'DM Mono';color:#705cb4;background:#eeeafd;border:1px solid #dcd4f6;border-radius:99px;padding:2px 7px;margin-left:6px;display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.entry-lock-pill svg{display:inline-block;vertical-align:-1px;stroke:currentColor}.export{font:10px 'DM Mono';font-size:14px}.delete-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;background:transparent;color:#8e8999;cursor:pointer;border-radius:6px;transition:transform .15s ease,color .15s ease}.delete-btn:hover{color:#e55353;transform:scale(1.18)}.delete-btn svg{display:block;width:13px;height:13px;stroke:currentColor}.entry-tags{font:10px 'DM Mono';color:#8778bd;margin-left:6px}.entry-count{font:10px 'DM Mono';color:#8b8694}.support{max-width:760px;margin:0 auto 34px;background:#f6efe8;border-radius:13px;padding:16px 20px;color:#675756}.support span{font:10px 'DM Mono';letter-spacing:.06em;color:#ab7770}.support p{font-size:12px;line-height:1.45;margin:6px 0 0}.support a{color:#8e5b58;font-weight:700}@media(max-width:600px){.tools{align-items:flex-start;flex-direction:column}.library-controls{flex-wrap:wrap}.library-controls label{flex-basis:100%;height:36px}.library-controls select,.library-controls button{height:33px}.mood-summary{margin-top:14px}.mood-bars{display:none}}
.transcript-toggle{border:0;background:transparent;color:#7564b4;font:10px 'DM Mono';cursor:pointer;padding:3px 0}.entry-transcript{margin:8px 0 0;color:#6c6878;font-size:12px;line-height:1.5;border-left:2px solid #c8beeb;padding-left:9px}

/* Older Recordings Music Player Scrubber */
.entry-player-bar{display:flex;align-items:center;gap:10px;margin:8px 0 4px;width:100%}
.player-time{font:500 11px 'DM Mono';color:#908a9c;letter-spacing:.02em;min-width:32px;user-select:none}
.player-time-duration{text-align:right}
.player-track{position:relative;flex:1;height:20px;display:flex;align-items:center;cursor:pointer;user-select:none;outline:0}
.player-track-bg{position:absolute;left:0;right:0;height:4px;border-radius:99px;background:#ded8ec;transition:height .15s ease}
.player-track-fill{position:absolute;left:0;height:4px;border-radius:99px;background:linear-gradient(90deg,#7867c7,#9382de);pointer-events:none;transition:height .15s ease}
.player-track-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#7867c7;box-shadow:0 1px 4px rgba(41,38,64,.25),0 0 0 2px #fff;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s ease,transform .12s ease,box-shadow .12s ease}

.player-track:hover .player-track-bg,.player-track:hover .player-track-fill,
.player-track.is-scrubbing .player-track-bg,.player-track.is-scrubbing .player-track-fill{height:6px}
.player-track:hover .player-track-thumb,.player-track:focus-visible .player-track-thumb,
.player-track.is-scrubbing .player-track-thumb,.entry.playing .player-track-thumb{opacity:1}
.player-track:hover .player-track-thumb,.player-track.is-scrubbing .player-track-thumb{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 2px 8px rgba(120,103,199,.45),0 0 0 2px #fff}
.player-track:focus-visible{border-radius:4px;outline:2px solid #8e7ec8;outline-offset:3px}

/* Deep Transcript Search Hit Badge */
.transcript-search-hit{margin:6px 0 2px;padding:6px 10px;background:#f3efff;border:1px solid #ded6fa;border-radius:8px;font-size:11px;color:#544c6c;line-height:1.45;cursor:pointer;transition:background .15s ease}
.transcript-search-hit:hover{background:#ede7fc}
.transcript-search-hit mark,.entry-transcript mark{background:#ffe382;color:#332900;border-radius:3px;padding:1px 3px;font-weight:600}
.transcript-search-hit .hit-icon{font:600 10px 'DM Mono';color:#7867c7;margin-right:4px;text-transform:uppercase;letter-spacing:.05em}

/* Theme overrides for music player & search */
body.theme-night .player-time{color:#aba3bf}
body.theme-night .player-track-bg{background:rgba(255,255,255,.14)}
body.theme-night .player-track-fill{background:linear-gradient(90deg,#8d7bd9,#bcaaf8)}
body.theme-night .player-track-thumb{background:#bcaaf8;box-shadow:0 1px 6px rgba(0,0,0,.5),0 0 0 2px #201e35}
body.theme-night .player-track:hover .player-track-thumb,body.theme-night .player-track.is-scrubbing .player-track-thumb{box-shadow:0 2px 10px rgba(188,170,248,.5),0 0 0 2px #201e35}
body.theme-night .transcript-search-hit{background:#2e2a4a;border-color:#4e4672;color:#ded7f0}
body.theme-night .transcript-search-hit:hover{background:#383359}
body.theme-night .transcript-search-hit .hit-icon{color:#bcaaf8}
body.theme-night .transcript-search-hit mark,body.theme-night .entry-transcript mark{background:#544318;color:#ffdf7e}

body.theme-rose .player-time{color:#8f7b83}
body.theme-rose .player-track-bg{background:#f3d4da}
body.theme-rose .player-track-fill{background:linear-gradient(90deg,#cb5872,#e8879d)}
body.theme-rose .player-track-thumb{background:#cb5872;box-shadow:0 1px 4px rgba(203,88,114,.3),0 0 0 2px #fff}
body.theme-rose .player-track:hover .player-track-thumb,body.theme-rose .player-track.is-scrubbing .player-track-thumb{box-shadow:0 2px 8px rgba(203,88,114,.45),0 0 0 2px #fff}
body.theme-rose .transcript-search-hit{background:#fff0f2;border-color:#f5cad2;color:#6b4d55}
body.theme-rose .transcript-search-hit:hover{background:#fee7eb}
body.theme-rose .transcript-search-hit .hit-icon{color:#d96d85}

/* Audio Quality & Voice Clarity Settings */
.quality-choices{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.quality-choice{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 12px;cursor:pointer;color:#554e69;font:500 11px 'DM Sans';transition:all .15s ease}
.quality-choice:hover{border-color:#9988d4;color:#2c2842}
.quality-choice.active{outline:2px solid #7867c7;outline-offset:2px;background:#f3efff;color:#3f3277;font-weight:600;border-color:transparent}

.settings-toggle.is-active{border-color:#7867c7;color:#5a49a2;font-weight:600;background:#f6f3ff}

body.theme-night .quality-choice{background:#25233d;color:#ded7f0;border-color:rgba(255,255,255,.14)}
body.theme-night .quality-choice:hover{border-color:#bcaaf8;color:#fff}
body.theme-night .quality-choice.active{background:#353059;color:#fff;outline-color:#bcaaf8}
body.theme-night .settings-toggle.is-active{border-color:#bcaaf8;color:#d5c9ff;background:#2e294c}

body.theme-rose .quality-choice{background:#fff;color:#5c4149;border-color:rgba(203,88,114,.2)}
body.theme-rose .quality-choice:hover{border-color:#cb5872;color:#2c2842}
body.theme-rose .quality-choice.active{background:#fdebed;color:#852d43;outline-color:#cb5872}
body.theme-rose .settings-toggle.is-active{border-color:#cb5872;color:#9b334d;background:#fff0f2}
footer{display:flex;justify-content:space-between;max-width:1120px;margin:0 auto;padding:22px 48px 28px;border-top:1px solid var(--line);font:10px 'DM Mono';color:#898594}footer a{color:#7866bf;text-decoration:none}footer b{font-size:14px}@media(max-width:600px){main{padding:23px 20px 42px}.private{display:none}.hero{padding:73px 0 43px}h1{font-size:52px}.intro{font-size:15px}.recording-card{margin:0 -4px;padding:20px 17px 15px}.wave{gap:3px}.wave span:nth-last-child(-n+5){display:none}.lower-content{margin-top:32px}.prompt{grid-template-columns:25px 1fr;padding:15px}.prompt button{grid-column:2;text-align:left}.recent-header{margin-top:29px}footer{padding:18px 20px 24px;gap:20px;line-height:1.5}}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#292640;color:#fff;border-radius:99px;padding:11px 17px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.show{transform:translate(-50%,0);opacity:1}

/* Profile Panel Typography & Aesthetics matched to Home */
.drawer-header h2 em{font-weight:600;color:#7867c7;font-style:italic}
.profile-intro{margin:0 0 20px;font-size:14px;line-height:1.55;color:#5e5c6d;text-align:left;max-width:440px}
.profile-sub{margin:2px 0 14px;font-size:13px;line-height:1.5;color:#6b677a;text-align:left}
.profile-avatar-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px;border-bottom:1px solid var(--line);text-align:center;gap:14px}
.profile-avatar-wrap{width:88px;height:88px;border-radius:50%;border:3px solid #7867c7;overflow:hidden;background:linear-gradient(135deg,#eeeafd,#ded8ff);display:grid;place-items:center;box-shadow:0 4px 16px rgba(120,103,199,.22)}
.profile-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.profile-avatar-fallback{font-size:32px;font-weight:600;color:#7867c7;user-select:none;font-family:'Playfair Display',serif}
.profile-avatar-actions{display:flex;gap:8px;justify-content:center}
.profile-form{display:grid;gap:10px;padding-top:6px}
.profile-group{padding:20px 0;border-top:1px solid var(--line)}
.profile-group:first-of-type{border-top:0}
.profile-group .eyebrow{font:500 10px 'DM Mono';letter-spacing:.18em;color:#777387;margin:0 0 6px;text-transform:uppercase;display:block}
.profile-group h3{font:700 20px 'Playfair Display',serif;letter-spacing:-.03em;margin:4px 0 8px;color:var(--ink)}
.profile-group h3 em{font-weight:600;color:#7867c7;font-style:italic}
.profile-field{display:grid;gap:7px;margin-top:14px;color:#5e596b}
.profile-field span{font:500 11px 'DM Mono';color:#777387;letter-spacing:.04em}
.gender-choices{display:flex;gap:8px;margin-top:2px}
.gender-choice{flex:1;padding:9px 12px;border:1px solid #ded9e5;border-radius:9px;background:#fff;color:#5e596b;font:500 12px 'DM Sans';cursor:pointer;text-align:center;transition:all .18s ease}
.gender-choice:hover{border-color:#8a79ce;background:#f8f6ff}
.gender-choice.active{background:linear-gradient(135deg,#7969bd,#6354a5);color:#fff;border-color:#8e7ec8;box-shadow:0 2px 8px rgba(100,84,165,.25)}
.profile-field input{width:100%;border:1px solid #ded9e5;border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink);font:13px 'DM Sans';outline:0;transition:border-color .15s,box-shadow .15s}
.profile-field input:focus{border-color:#8a79ce;box-shadow:0 0 0 3px rgba(123,104,197,.13)}
.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:14px}
.profile-stat-box{background:#f8f6fd;border:1px solid rgba(120,103,199,.15);border-radius:14px;padding:14px 12px;text-align:center}
.profile-stat-box .stat-num{display:block;font:700 22px 'Playfair Display',serif;color:#7867c7;letter-spacing:-.03em}
.profile-stat-box .stat-lbl{display:block;font:500 10px 'DM Mono';color:#777387;letter-spacing:.1em;text-transform:uppercase;margin-top:5px}
.profile-save-wrap{margin-top:14px;padding-bottom:30px}

/* Theme support for Profile */
body.theme-night .drawer-header h2 em{color:#bcaaf8}
body.theme-night .profile-intro{color:#cbc4dc}
body.theme-night .profile-sub{color:#aba3bf}
body.theme-night .profile-avatar-card{border-color:rgba(255,255,255,.14)}
body.theme-night .profile-avatar-wrap{border-color:#9887e4;background:#322b54;box-shadow:0 4px 16px rgba(0,0,0,.35)}
body.theme-night .profile-avatar-fallback{color:#ded8ff}
body.theme-night .profile-group{border-color:rgba(255,255,255,.14)}
body.theme-night .profile-group .eyebrow{color:#c8c1d9}
body.theme-night .profile-group h3{color:#f3efff}
body.theme-night .profile-group h3 em{color:#bcaaf8}
body.theme-night .profile-field span{color:#c8c1d9}
body.theme-night .gender-choice{background:#201e35;border-color:#524a73;color:#ded8ff}
body.theme-night .gender-choice:hover{background:#322b54;border-color:#766ca0;color:#fff}
body.theme-night .gender-choice.active{background:linear-gradient(135deg,#8977d2,#6c5cb1);border-color:#a292e4;color:#fff;box-shadow:0 2px 10px rgba(137,119,210,.3)}
body.theme-night .profile-field input{background:#201e35;border-color:#524a73;color:#f5f1ff}
body.theme-night .profile-stat-box{background:#25233d;border-color:rgba(255,255,255,.12)}
body.theme-night .profile-stat-box .stat-num{color:#c4b5fd}
body.theme-night .profile-stat-box .stat-lbl{color:#aba3bf}

body.theme-rose .drawer-header h2 em{color:#d96d85}
body.theme-rose .profile-intro{color:#6c5e64}
body.theme-rose .profile-sub{color:#7d6a71}
body.theme-rose .profile-avatar-wrap{border-color:#d96d85;background:#ffe8e5}
body.theme-rose .profile-avatar-fallback{color:#d96d85}
body.theme-rose .profile-group h3 em{color:#d96d85}
body.theme-rose .gender-choice{background:#fff;border-color:#f4d2d8;color:#5f4a51}
body.theme-rose .gender-choice:hover{background:#fdf2f4;border-color:#e89fae}
body.theme-rose .gender-choice.active{background:linear-gradient(135deg,#e07a90,#cb5872);border-color:#cb5872;color:#fff;box-shadow:0 2px 8px rgba(203,88,114,.25)}
body.theme-rose .profile-stat-box{background:#fff2f0;border-color:#f6c4c4}
body.theme-rose .profile-stat-box .stat-num{color:#d96d85}
body.theme-rose .profile-stat-box .stat-lbl{color:#9d838c}

/* Settings Bottom Legal Buttons (Terms & Privacy) */
.settings-legal-group{padding:22px 0 10px;border-top:1px solid var(--line);text-align:center;margin-top:10px}
.legal-buttons-row{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.legal-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#706b7d;font:500 10px 'DM Mono';text-decoration:none;padding:6px 12px;letter-spacing:.02em;transition:all .15s ease;cursor:pointer}
.legal-btn:hover{background:#f6f3ff;border-color:#9987d6;color:#503e91;transform:translateY(-1px);box-shadow:0 2px 6px rgba(120,103,199,.12)}
.legal-footnote{font:10px 'DM Mono';color:#9d97a8;margin:0;letter-spacing:.03em}

body.theme-night .legal-btn{background:#25233d;border-color:rgba(255,255,255,.14);color:#b8b1c7}
body.theme-night .legal-btn:hover{background:#353059;border-color:#bcaaf8;color:#f5f1ff;box-shadow:0 2px 8px rgba(0,0,0,.3)}
body.theme-night .legal-footnote{color:#7c7689}

body.theme-rose .legal-btn{background:#fff;border-color:rgba(203,88,114,.2);color:#8d757d}
body.theme-rose .legal-btn:hover{background:#fff0f3;border-color:#cb5872;color:#7c2d40;box-shadow:0 2px 6px rgba(203,88,114,.15)}
body.theme-rose .legal-footnote{color:#9e878e}

/* Enhanced Settings Panel Typography matching Home Page & Profile */
.settings-group .eyebrow,
.settings-group>span {
  font: 500 10px 'DM Mono' !important;
  letter-spacing: .18em !important;
  color: #777387 !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
  display: block !important;
}
.settings-group h3 {
  font: 700 20px 'Playfair Display', serif !important;
  letter-spacing: -.03em !important;
  margin: 4px 0 8px !important;
  color: var(--ink) !important;
}
.settings-group h3 em {
  font-weight: 600 !important;
  color: #7867c7 !important;
  font-style: italic !important;
}
.settings-group p {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #645f74 !important;
  margin: 0 0 10px !important;
}
body.theme-night .settings-group .eyebrow,
body.theme-night .settings-group>span {
  color: #c8c1d9 !important;
}
body.theme-night .settings-group h3 {
  color: #f3efff !important;
}
body.theme-night .settings-group h3 em {
  color: #bcaaf8 !important;
}
body.theme-night .settings-group p {
  color: #cbc4dc !important;
}
body.theme-rose .settings-group h3 em {
  color: #d96d85 !important;
}