:root{color-scheme:dark;--bg:#100d10;--panel:#1b1719;--panel2:#241c20;--gold:#c8a875;--gold2:#92734d;--muted:#a69a98;--line:rgba(214,184,140,.17);--white:#f4eee8;--red:#8d3e4c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#38252a 0,#171215 42%,#0c0a0b 100%);color:var(--white);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100dvh}button,textarea,input,select{font:inherit}.app-shell{max-width:900px;min-height:100dvh;margin:auto;padding:env(safe-area-inset-top) 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.top-actions{display:flex;align-items:center;gap:12px}.brand-mark,.avatar{display:grid;place-items:center;background:linear-gradient(145deg,#e1c99e,#8b6844);color:#211914;font-family:Georgia,serif;font-weight:800;box-shadow:0 0 25px #b9915730}.brand-mark{width:42px;height:42px;border-radius:50%;font-size:22px}.brand-name{font-family:Georgia,serif;font-size:18px;letter-spacing:5px}.brand-sub{font-size:9px;letter-spacing:1.5px;color:#aa9680;margin-top:3px}.online{font-size:9px;letter-spacing:2px;color:#bca98f}.online i,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b99a67;box-shadow:0 0 9px #c6a36b;margin-right:5px}.icon-btn{border:1px solid var(--line);background:#ffffff08;color:#e9d9c4;border-radius:12px;width:40px;height:40px;font-size:17px}.hero{text-align:center;padding:24px 0 15px}.hero-kicker,.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--gold);font-weight:700}.orb-wrap{height:110px;display:grid;place-items:center}.orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#f0dfc3 0,#bb9869 18%,#67463e 48%,#2a1b20 78%,#171215 100%);box-shadow:0 0 25px #c09a653d,0 0 80px #8c4e4530,inset -9px -12px 22px #100b20aa;position:relative;animation:float 4s ease-in-out infinite}.orb:after{content:"";position:absolute;inset:-9px;border:1px solid #d8b9823d;border-radius:50%;box-shadow:0 0 25px #b68e5b22}.orb-core{width:19px;height:19px;border-radius:50%;background:#fff1d8;filter:blur(1px);box-shadow:0 0 24px 9px #e4c99c99}@keyframes float{50%{transform:translateY(-5px)}}.status-line{color:#c4ad91;font-size:11px}.hero h1{font:italic 25px Georgia,serif;letter-spacing:.4px;margin:10px 0 5px}.hero-caption{font-size:12px;color:var(--muted);margin:0}.tabs{display:flex;gap:5px;padding:5px;background:#ffffff08;border:1px solid var(--line);border-radius:13px;margin:8px 0 14px}.tab,.mode-btn{flex:1;border:0;border-radius:9px;padding:10px 8px;background:transparent;color:#a99d99;font-size:12px}.tab.active,.mode-btn.active{background:linear-gradient(135deg,#b8996d,#80613f);color:#1a1412;font-weight:700}.panel{display:none;flex:1;min-height:0}.panel.active{display:flex;flex-direction:column}.chat{flex:1;overflow:auto;padding:8px 0 18px;min-height:150px;max-height:35vh;scrollbar-width:thin;scrollbar-color:#6d5544 transparent}.message{display:flex;gap:10px;margin:13px 0;align-items:flex-start}.message.user{flex-direction:row-reverse}.avatar{flex:0 0 32px;width:32px;height:32px;border-radius:50%;font-size:13px}.user .avatar{background:linear-gradient(145deg,#79656c,#42343a);color:#fff}.bubble-wrap{max-width:85%}.speaker{font-size:9px;letter-spacing:1.5px;color:var(--gold);margin:0 0 5px 2px}.user .speaker{text-align:right;color:#b8a9a3}.bubble{padding:11px 14px;border:1px solid var(--line);border-radius:3px 14px 14px 14px;background:linear-gradient(145deg,#292124,#1b1719);font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{background:linear-gradient(145deg,#55434a,#34282d);border-radius:14px 3px 14px 14px}.message-time{font-size:9px;color:#776c6a;margin:5px 2px}.user .message-time{text-align:right}.composer{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,#100d1000,#100d10 18%)}.input-row{display:flex;gap:9px;padding:9px;background:#201a1d;border:1px solid #c8a87542;border-radius:15px;box-shadow:0 10px 35px #0005}.input-row textarea{flex:1;resize:none;max-height:120px;border:0;outline:0;background:transparent;color:var(--white);padding:7px 4px;font-size:13px;line-height:1.5}.input-row textarea::placeholder{color:#807575}.send-btn{width:42px;height:42px;border:0;border-radius:12px;background:linear-gradient(145deg,#dfc49a,#a37d4e);color:#211914;font-size:21px;font-weight:800}.action-row{display:flex;justify-content:space-between;align-items:center;padding:10px 2px 4px}.mic-btn{display:flex;align-items:center;gap:8px;border:1px solid #b99a6755;border-radius:30px;background:#9c75451c;color:#e8ddce;padding:9px 14px;font-size:11px}.mic-btn.recording{background:#713e48;border-color:#e99bc6;box-shadow:0 0 20px #df72b544}.small-actions{display:flex;gap:14px}.text-btn{border:0;background:transparent;color:#958987;font-size:10px;padding:8px 0}.text-btn:disabled{opacity:.3}.privacy-note{text-align:center;color:#716766;font-size:9px;line-height:1.5;padding:4px 8px}.section-heading,.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{font:italic 22px Georgia,serif;margin:7px 0 15px}.session-pill{font-size:10px;color:#d3b78c;border:1px solid var(--line);padding:7px 10px;border-radius:30px}.timer-card,.task-card,.report-card,.history-card,.stat-card{background:linear-gradient(145deg,#241d20,#191416);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:13px}.timer-mode{display:flex;max-width:260px;margin:auto;background:#100d10;border-radius:10px;padding:3px}.mode-btn{padding:7px}.timer{font:46px Georgia,serif;letter-spacing:3px;text-align:center;color:#e4c99c;padding:15px 0 7px;font-variant-numeric:tabular-nums}.timer-target{text-align:center;color:var(--muted);font-size:10px}.timer-target input{width:65px;background:#120f10;border:1px solid var(--line);border-radius:7px;color:var(--white);padding:6px;margin-left:6px}.timer-controls{display:flex;gap:8px;margin-top:15px}.primary-btn,.secondary-btn{border:0;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:700}.primary-btn{background:linear-gradient(135deg,#dfc49a,#a27c4d);color:#211914}.secondary-btn{background:#ffffff0c;border:1px solid var(--line);color:#d8c8b4}.timer-controls .primary-btn{flex:2}.timer-controls .secondary-btn{flex:1}.timer-note,.subtle{color:#887b77;font-size:10px;text-align:center;margin:11px 0 0}.card-title-row h3,.report-card h3{font:20px Georgia,serif;margin:5px 0 12px}.task-entry{display:flex;gap:8px}.task-entry input,.task-meta input,.report-card textarea,.select-label select{min-width:0;background:#120f10;border:1px solid var(--line);border-radius:9px;color:var(--white);padding:10px;font-size:12px}.task-entry input{flex:1}.task-entry button{border:1px solid var(--line);border-radius:9px;background:#9d794d;color:#1c1512;padding:0 12px;font-size:11px;font-weight:700}.task-list,.record-list{list-style:none;padding:0;margin:10px 0 0}.task-list li,.record-list li{display:flex;align-items:center;gap:9px;padding:9px 2px;border-bottom:1px solid #ffffff0c;font-size:12px}.task-list li span{flex:1}.task-list li.done span{text-decoration:line-through;color:#827875}.task-list input{accent-color:#bd9b6b}.delete-task{border:0;background:none;color:#a28e83;font-size:18px}.task-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.task-meta label{display:flex;flex-direction:column;gap:6px;color:#b7a69a;font-size:10px}.task-meta label:first-child{grid-column:1/-1}.task-meta input{width:100%}.full{width:100%;grid-column:1/-1}.report-card p{color:#a99a95;font-size:11px}.report-card textarea{width:100%;resize:vertical;line-height:1.6;margin:5px 0 10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:13px 9px}.stat-card span{display:block;color:#a99b91;font-size:10px}.stat-card strong{display:block;color:#e1c59a;font:18px Georgia,serif;margin-top:8px}.record-list li{justify-content:space-between}.record-list strong{color:#d6b98d}.record-list .empty{color:#8e817c}.call-overlay{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:20px;background:#090708eF;backdrop-filter:blur(14px)}.call-overlay.show{display:flex}.call-card{text-align:center;width:min(100%,360px);padding:34px 24px;background:linear-gradient(155deg,#332327,#171214);border:1px solid #c8a87555;border-radius:24px;box-shadow:0 25px 90px #000b}.call-label{font-size:9px;letter-spacing:3px;color:#c9aa7b}.call-avatar{display:grid;place-items:center;width:92px;height:92px;margin:24px auto 13px;border-radius:50%;font:42px Georgia,serif;color:#211914;background:linear-gradient(145deg,#e4d0ae,#97734d);box-shadow:0 0 45px #c8a87555}.call-card h2{letter-spacing:5px;font:22px Georgia,serif}.call-card p{color:#d2c1b5;font-size:13px;line-height:1.6;margin:14px 0 30px}.call-actions{display:flex;justify-content:center;gap:40px}.call-actions button{width:62px;height:62px;border:0;border-radius:50%;color:white;font-size:11px}.decline{background:#8c3e49}.answer{background:#637e61}.call-card small{display:block;color:#887c77;font-size:9px;margin-top:22px}.settings-dialog{border:1px solid #c8a87555;border-radius:20px;background:#1d1719;color:var(--white);width:min(92vw,420px);padding:0;box-shadow:0 20px 80px #000b}.settings-dialog::backdrop{background:#080610bb;backdrop-filter:blur(5px)}.settings-card{padding:20px}.settings-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-title{font:21px Georgia,serif}.settings-desc,.settings-hint{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.6}.range-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.range-label strong{color:var(--gold)}input[type=range]{width:100%;accent-color:#bd9b6b}.select-label{display:flex;flex-direction:column;gap:7px;color:#b7a69a;font-size:11px;margin-top:17px}.select-label select{width:100%}.settings-hint{margin:18px 0}.settings-card>.primary-btn{width:100%}@media(min-width:650px){.app-shell{padding-left:28px;padding-right:28px}.hero{padding-top:30px}.chat{max-height:42vh}.study-panel,.records-panel{max-width:760px;width:100%;margin:auto}.timer{font-size:54px}}@media(max-width:420px){.app-shell{padding-left:14px;padding-right:14px}.hero h1{font-size:22px}.task-meta{grid-template-columns:1fr}.task-meta label:first-child{grid-column:auto}.stats-grid{gap:5px}.stat-card strong{font-size:15px}}


#memoryText{width:100%;min-height:150px;resize:vertical;background:#120f10;border:1px solid var(--line);border-radius:10px;color:var(--white);padding:11px;font-size:12px;line-height:1.7}
#memoryDialog .settings-card>.primary-btn{width:100%}


/* V2.4: mood, diary, diagnostics and backup tools */
.mood-chip{display:inline-block;margin-left:9px;padding:3px 8px;border:1px solid var(--line);border-radius:20px;color:#d7bb91;font-size:9px;letter-spacing:.5px;vertical-align:middle}
.tool-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.tool-actions .secondary-btn,.import-label{display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-size:11px;min-height:40px}
.diagnostics-result{white-space:pre-wrap;overflow-wrap:anywhere;background:#100d10;border:1px solid var(--line);border-radius:10px;padding:11px;color:#d9c5aa;font:11px/1.7 ui-monospace,monospace;min-height:52px;max-height:180px;overflow:auto}
.diary-list{display:flex;flex-direction:column;gap:9px;max-height:42vh;overflow:auto}
.diary-entry{background:#120f10;border:1px solid var(--line);border-radius:10px;padding:11px}
.diary-meta{font-size:9px;color:var(--gold);letter-spacing:1px}
.diary-entry p{font-size:12px;line-height:1.65;color:#e5d9ce;margin:7px 0}
.diary-entry .text-btn{padding:3px 0}
.empty-note{font-size:11px;color:var(--muted);text-align:center;padding:18px 5px}
#diaryManual{width:100%;resize:vertical;background:#120f10;border:1px solid var(--line);border-radius:9px;color:var(--white);padding:10px;font-size:12px}
#diaryDialog .settings-card>.primary-btn{width:100%;margin-top:12px}

/* Cloud account and real-time voice additions */
.cloud-section{margin:18px 0;padding:16px;border:1px solid rgba(198,160,117,.24);border-radius:14px;background:rgba(255,255,255,.025)}.cloud-section h3{margin:0 0 12px;color:#d7b58f}.cloud-section input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid rgba(210,180,150,.25);border-radius:9px;background:#171317;color:#f5e9dc}.cloud-section .tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cloud-section .secondary-btn{flex:1;min-width:100px}.realtime-active{color:#f2b4bd!important;border-color:#b65b70!important}

/* V2.7 on-demand speech controls */
.message-meta{display:flex;align-items:center;gap:8px;margin:4px 2px}.message-meta .message-time{margin:0}.message-audio-btn{border:0;background:transparent;color:#817675;padding:2px 3px;font-size:12px;line-height:1;opacity:.72;cursor:pointer;min-width:22px;min-height:20px}.message-audio-btn:active,.message-audio-btn.is-playing{color:#d9bc91;opacity:1}.message-audio-btn:focus-visible{outline:1px solid #c8a875;border-radius:5px}

.proactive-setting{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;margin:12px 0;color:var(--text,#f4edf1)}.proactive-setting input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:#c49aa9}.proactive-setting span{display:grid;gap:4px}.proactive-setting small{font-size:12px;line-height:1.5;opacity:.72}

/* V2.7.7: chat-first navigation and unified companion workspace */
.panel-intro{margin:-7px 0 12px;color:#9f918d;font-size:11px;line-height:1.6}.records-inline{margin-top:2px}.records-inline .card-title-row{margin-bottom:10px}.records-inline .card-title-row h3{margin:5px 0 0}.records-inline .stats-grid{margin:8px 0 10px}.records-inline .privacy-note{padding:10px 0 0}.study-panel{max-width:760px;width:100%;margin:0 auto}.backend-section{margin-top:18px}

/* V2.7.8 — editorial companion finish, discreet drawer, dedicated live-call stage */
:root{--bg:#100e13;--panel:#1c1820;--panel2:#26202b;--gold:#d4b98e;--muted:#a99da8;--line:rgba(215,190,158,.16);--white:#f5eff0}
body{background:radial-gradient(ellipse at 50% -18%,#44303a 0,#211923 38%,#0c0b10 100%)}
.topbar{border-bottom-color:rgba(218,192,164,.12)}
.brand-mark{box-shadow:0 0 28px #cba87c35, inset 0 0 0 1px #fff5}
.companion-trigger{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:13px;padding:6px 9px;background:linear-gradient(145deg,#ffffff0c,#c9a7770b);color:#e8d4b8}
.companion-trigger span{font:20px Georgia,serif}.companion-trigger small{font-size:8px;letter-spacing:1.1px}
.hero{padding:17px 0 10px}.hero-kicker{letter-spacing:3px;color:#d4b98e}.orb-wrap{height:92px}.orb{width:72px;height:72px}.hero h1{font-size:26px;letter-spacing:.3px}.hero-caption{color:#b8aab3}
.chat{max-height:46vh;padding-top:2px}.bubble{border-color:#ffffff12;background:linear-gradient(145deg,#2c2530,#1b1720);box-shadow:0 8px 24px #0002}.user .bubble{background:linear-gradient(145deg,#59444e,#392d39)}
.composer{padding-top:12px}.input-row{background:rgba(37,30,40,.94);border-color:#d4b98e44;backdrop-filter:blur(16px)}.send-btn{background:linear-gradient(145deg,#ead8ba,#b18d63)}
.composer-footnote{text-align:center;margin:10px 0 2px;color:#bda98f;font:italic 11px Georgia,serif;letter-spacing:.45px}.privacy-note{color:#827783}
.drawer-backdrop{position:fixed;inset:0;z-index:29;background:rgba(8,7,11,.66);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .24s}.drawer-backdrop.show{opacity:1;pointer-events:auto}
.study-panel.drawer-open{display:flex!important;position:fixed;z-index:30;top:0;right:0;bottom:0;width:min(90vw,470px);max-width:none;margin:0;padding:calc(22px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));overflow:auto;background:linear-gradient(155deg,#27202b,#151219 70%);border-left:1px solid #d3b58a33;box-shadow:-24px 0 70px #0009;border-radius:22px 0 0 22px;animation:drawerIn .26s ease-out}
@keyframes drawerIn{from{transform:translateX(24px);opacity:.5}to{transform:translateX(0);opacity:1}}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:5px 0 0;font:italic 24px Georgia,serif;color:#f0e4d8}.study-panel .section-heading{align-items:flex-start}.study-panel .section-heading h2{font-size:19px}
.timer-card,.task-card,.report-card,.history-card,.stat-card{background:linear-gradient(145deg,#29222d,#1b1720);border-color:#d5b78c25;box-shadow:0 12px 30px #0002}
.active-call-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;justify-content:space-between;padding:calc(24px + env(safe-area-inset-top)) 25px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 43%,#44313d 0,#211a28 44%,#0d0b12 100%);color:#f6edf0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
.active-call-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.active-call-top{display:flex;justify-content:space-between;align-items:center;color:#c5b6c2;font-size:11px;letter-spacing:1.2px}.live-indicator{display:flex;align-items:center;gap:8px}.live-indicator i{width:7px;height:7px;border-radius:50%;background:#8cc59b;box-shadow:0 0 12px #8cc59b}.active-call-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.active-call-avatar{position:relative;z-index:2;display:grid;place-items:center;width:116px;height:116px;border-radius:50%;font:52px Georgia,serif;color:#251b20;background:linear-gradient(145deg,#f1dfc1,#aa865e);box-shadow:0 0 55px #d3ae7c55,inset 0 0 0 5px #fff2}.call-orbit{position:absolute;width:150px;height:150px;border:1px solid #d9bb9144;border-radius:50%;animation:callPulse 3s ease-out infinite}.orbit-two{animation-delay:1.5s}@keyframes callPulse{0%{transform:scale(.82);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.active-call-name{margin-top:28px;font:26px Georgia,serif;letter-spacing:7px}.active-call-status{margin-top:12px;color:#d6bd9c;font-size:12px}.active-call-transcript{max-width:300px;min-height:46px;margin-top:20px;color:#c9bdc7;font:italic 14px/1.6 Georgia,serif}.active-call-controls{display:flex;flex-direction:column;align-items:center;gap:10px;color:#a99aa5;font-size:9px;letter-spacing:2px}.hangup-btn{width:68px;height:68px;border:0;border-radius:50%;background:linear-gradient(145deg,#b95763,#803844);color:white;font-size:25px;box-shadow:0 12px 34px #6f263a66;transform:rotate(135deg)}
@media(min-width:650px){.chat{max-height:50vh}.hero{padding-top:20px}}
@media(max-width:420px){.top-actions{gap:7px}.companion-trigger{padding:6px}.companion-trigger small{display:none}.hero h1{font-size:24px}.small-actions{gap:9px}}

/* V2.7.9 — complete visual reset: ink blue, soft lilac and clean editorial spacing */
:root{--bg:#111722;--panel:#1a2230;--panel2:#222d3d;--gold:#c4b7ed;--gold2:#8f82bd;--muted:#a6b0c1;--line:rgba(192,190,231,.16);--white:#f1f3fa;--red:#c46f83}
body{background:radial-gradient(ellipse at 50% -22%,#354258 0,#1b2636 36%,#0d131d 100%);color:var(--white)}
.app-shell{max-width:820px;padding-left:22px;padding-right:22px}
.topbar{height:66px;border-bottom-color:rgba(205,211,240,.11)}
.brand-mark,.avatar{background:linear-gradient(145deg,#e4e0fa,#8d8bb8);color:#202338;box-shadow:0 0 25px #a9a2e333}
.brand-sub{color:#9da9c2}.online{color:#a8c9c5}.online i,.status-dot{background:#83c5bb;box-shadow:0 0 10px #83c5bb}
.icon-btn{border-color:var(--line);background:#ffffff08;color:#e7e9f5}
.companion-trigger{border:1px solid #b9b2e84d;background:linear-gradient(145deg,#c5baf01c,#92bfc00d);color:#e6e3fb;border-radius:14px;padding:8px 11px}
.hero{padding:10px 0 6px}.hero-kicker{color:#bdb5e9;letter-spacing:3px}.orb-wrap{height:66px}.orb{width:48px;height:48px;background:radial-gradient(circle at 34% 28%,#f4f1ff 0,#b7b0e3 25%,#6d7696 58%,#283348 100%);box-shadow:0 0 22px #a9a5e344,0 0 52px #7b9ca52a}.orb:after{inset:-6px;border-color:#c4c0f044}.orb-core{width:12px;height:12px;background:#f7f6ff;box-shadow:0 0 20px 7px #d9d5ff99}
.hero h1{font-size:25px;color:#f0effb;margin:7px 0 3px}.hero-caption{color:#aeb8c9}.mood-chip{color:#c9c4f2;border-color:#c4b7ed33}
.chat{max-height:50vh;padding:10px 2px 18px;scrollbar-color:#65738a transparent}.message{gap:12px;margin:15px 0}.avatar{background:linear-gradient(145deg,#d9d5f4,#858ab2);color:#1c2536}.bubble{background:linear-gradient(145deg,#263246,#1b2534);border:1px solid #b8c3df18;border-radius:4px 17px 17px 17px;color:#f0f2fa;box-shadow:0 8px 22px #050a1422}.user .bubble{background:linear-gradient(145deg,#4a526e,#343d57);border-color:#d2cafa28;border-radius:17px 4px 17px 17px}.speaker{color:#c2b8ed}.user .speaker{color:#b6c8dc}
.composer{background:linear-gradient(180deg,#11172200,#111722 18%)}.input-row{background:rgba(31,43,60,.96);border:1px solid #bcb5e94a;border-radius:18px;box-shadow:0 12px 34px #05091466}.input-row textarea{color:#f3f4fb}.input-row textarea::placeholder{color:#8290a7}.send-btn{background:linear-gradient(145deg,#e3def9,#9b9bca);color:#1a2233;border-radius:14px}
.action-row{align-items:center;gap:10px}.mic-btn{border:1px solid #9bbec044;background:#8bbcb51a;color:#c7e3df;border-radius:14px;padding:10px 13px}.small-actions{align-items:center;gap:10px}.text-btn{color:#9ba8bd;font-size:9px;letter-spacing:.7px}.live-call-btn{display:flex;align-items:center;gap:9px;min-height:48px;padding:7px 13px;border:1px solid #b8b0ee77;border-radius:15px;background:linear-gradient(145deg,#b8b0ee33,#7db8b333);color:#f2f0ff;box-shadow:0 5px 22px #9b93db22;cursor:pointer;text-align:left}.live-call-btn b{display:block;font-size:10px;letter-spacing:1.4px}.live-call-btn small{display:block;margin-top:2px;color:#c1c7dc;font-size:9px}.live-call-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#d5d0fa22;color:#d9d5ff;font-size:22px}.live-call-btn.realtime-active{background:linear-gradient(145deg,#c46f8355,#7f536d55);border-color:#d18a9a}.composer-footnote{color:#bcb6e4;font:italic 11px Georgia,serif;letter-spacing:.5px}.privacy-note{color:#7f8da2}
.drawer-backdrop{background:#070c15bb;backdrop-filter:blur(8px)}.study-panel.drawer-open{width:min(92vw,440px);padding:calc(24px + env(safe-area-inset-top)) 20px calc(26px + env(safe-area-inset-bottom));background:linear-gradient(155deg,#222e40,#151e2b 76%);border-left:1px solid #c1b9ed33;border-radius:26px 0 0 26px;box-shadow:-22px 0 80px #050912aa;gap:13px}.drawer-head{margin-bottom:7px;padding-bottom:16px;border-color:#c2c4e31c}.drawer-head h2{font:italic 26px Georgia,serif;color:#f0effa}.eyebrow{color:#bdb5e9}.section-heading{align-items:flex-start;margin:0 0 2px}.section-heading h2{font:italic 22px Georgia,serif;color:#f0eff9;line-height:1.25;margin:7px 0 10px}.panel-intro{color:#9eacc0;margin:0;font-size:11px;line-height:1.55}.session-pill{color:#c8c2f2;border-color:#b8b0ee44;background:#a69de913;white-space:nowrap}
.timer-card,.task-card,.report-card,.history-card,.stat-card{background:linear-gradient(145deg,#263347,#1b2635);border:1px solid #b7c1df1e;border-radius:19px;box-shadow:0 10px 30px #060b1428;padding:17px}.timer-card{padding:20px 18px}.timer-mode{max-width:280px;background:#131c29;border:1px solid #c4c8e41a;border-radius:12px;padding:4px}.mode-btn{color:#9daac0;font-size:10px;letter-spacing:1px}.mode-btn.active{background:linear-gradient(135deg,#d8d3f5,#9396c5);color:#20263b}.timer{font:46px ui-monospace,Menlo,monospace;letter-spacing:1px;color:#e1ddff;padding:18px 0 10px}.timer-target{color:#aeb9ca;font-size:10px;letter-spacing:.7px}.timer-target input,.task-entry input,.task-meta input,.report-card textarea,.select-label select{background:#141e2b;border:1px solid #b8c2df2a;border-radius:11px;color:#f1f3fa}.timer-controls{gap:9px}.primary-btn{background:linear-gradient(135deg,#d9d4f5,#9b9bc8);color:#1c2436}.secondary-btn{background:#ffffff09;border:1px solid #b7c1df30;color:#d8dced}.timer-controls .primary-btn{min-height:48px;font-size:11px;letter-spacing:1px}.timer-controls .secondary-btn{min-height:48px;font-size:10px}.companion-call-setting{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:14px;border-top:1px solid #c2c5e21c}.companion-call-setting label{color:#bdc5d6;font-size:9px;letter-spacing:1.2px}.companion-call-setting select{background:#151e2c;border:1px solid #bcb5e944;color:#dcd9f7;border-radius:10px;padding:8px 10px;font-size:10px}.timer-note{color:#8f9db2;font-size:10px;line-height:1.55;text-align:left;margin:12px 0 0}.task-card,.report-card,.history-card{margin-bottom:0}.card-title-row h3,.report-card h3{color:#f0f1fa}.subtle{color:#8797ae}.task-entry button{background:linear-gradient(135deg,#c8c1ed,#9296c3);color:#1e2638;border:0;border-radius:10px;font-weight:800}.task-meta label{color:#aeb8cb}.task-list li,.record-list li{border-color:#ffffff0e;color:#dbe0ee}.task-list input{accent-color:#aaa4df}.stat-card{background:#151f2d;padding:12px 10px}.stat-card span{color:#95a4b9;font-size:9px;letter-spacing:.6px}.stat-card strong{color:#d3cff7;font:19px Georgia,serif}.records-inline .privacy-note{color:#8290a5}
.call-overlay{background:radial-gradient(ellipse at 50% 35%,#39465f 0,#1a2638 45%,#0a111c 100%);backdrop-filter:blur(18px)}.call-card{width:min(100%,370px);padding:36px 26px 30px;border-radius:30px;background:linear-gradient(155deg,#2b394f,#172333);border:1px solid #c7c1f044;box-shadow:0 25px 90px #050914cc}.call-label{color:#c8c1f1;letter-spacing:3.5px}.call-avatar{width:104px;height:104px;background:linear-gradient(145deg,#e4e1fa,#8d91bd);color:#20263a;box-shadow:0 0 50px #a7a2e966;font-size:46px}.call-card h2{color:#f3f2fc;letter-spacing:7px}.call-card p{color:#d3d9e8;line-height:1.7}.call-actions{gap:48px}.call-actions button{width:68px;height:68px;font-size:10px;font-weight:800;letter-spacing:.8px;box-shadow:0 8px 24px #0004}.decline{background:linear-gradient(145deg,#cf7186,#8b465e)}.answer{background:linear-gradient(145deg,#85c6b8,#398d86)}.call-card small{color:#93a1b6;letter-spacing:1px;line-height:1.6}
.companion-note-overlay{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;justify-content:space-between;padding:calc(24px + env(safe-area-inset-top)) 24px calc(26px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 43%,#39465f 0,#1a2638 48%,#0a111c 100%);color:#f3f3fb;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}.companion-note-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.note-top{display:flex;justify-content:space-between;align-items:center;color:#c8c1f1;font-size:10px;letter-spacing:2px}.note-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.note-avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg,#e4e1fa,#8d91bd);color:#20263a;font:44px Georgia,serif;box-shadow:0 0 55px #a7a2e966,inset 0 0 0 5px #ffffff22}.note-name{margin-top:24px;font:24px Georgia,serif;letter-spacing:7px}.note-message{max-width:340px;margin:22px auto 18px;color:#e3e6f2;font:italic 19px/1.65 Georgia,serif}.note-caption{color:#9aa8bd;font-size:9px;letter-spacing:1.8px}.note-open-chat{width:100%;max-width:340px;min-height:50px;margin:0 auto;font-size:10px;letter-spacing:1.3px}
.active-call-overlay{background:radial-gradient(ellipse at 50% 43%,#39465f 0,#1a2638 44%,#0a111c 100%)}.active-call-avatar{background:linear-gradient(145deg,#e4e1fa,#8d91bd);color:#20263a;box-shadow:0 0 55px #a7a2e966}.call-orbit{border-color:#c5c0f166}.active-call-name{color:#f1effb}.active-call-status{color:#c8c1f1}.active-call-transcript{color:#d3d9e8}.hangup-btn{background:linear-gradient(145deg,#cf7186,#8b465e)}
.settings-dialog{background:#1a2535;color:#f1f3fa;border-color:#bdb5e944}.settings-dialog::backdrop{background:#050a14cc}.settings-card{background:transparent}.settings-title{color:#f0effb}.settings-desc,.settings-hint{color:#a5b1c5}.select-label{color:#bdc6d7}.select-label select,.cloud-section input,#memoryText,#diaryManual{background:#121c29;border-color:#b8c2df2c;color:#f0f2fa}.cloud-section{border-color:#b8c2df24;background:#ffffff04}.cloud-section h3{color:#c5beef}.diagnostics-result{background:#101a27;border-color:#b8c2df24;color:#d5d8ed}
@media(min-width:650px){.hero{padding-top:12px}.chat{max-height:54vh}.study-panel.drawer-open{width:min(90vw,470px)}}
@media(max-width:520px){.app-shell{padding-left:15px;padding-right:15px}.top-actions{gap:7px}.online{display:none}.companion-trigger small{display:none}.hero h1{font-size:23px}.action-row{align-items:stretch}.small-actions{gap:7px}.live-call-btn{min-height:46px;padding:6px 9px}.live-call-btn small{display:none}.text-btn{font-size:8px}.timer{font-size:40px}.study-panel.drawer-open{width:94vw;padding-left:15px;padding-right:15px}.section-heading h2{font-size:20px}.stats-grid{gap:6px}}
@keyframes incomingPulse{0%,100%{box-shadow:0 0 34px #a7a2e944,0 0 0 0 #a7a2e933}50%{box-shadow:0 0 58px #a7a2e988,0 0 0 16px #a7a2e900}}
.call-avatar{animation:incomingPulse 2.2s ease-in-out infinite}

/* Discreet corner access to private persona controls. */
.persona-secret-trigger{position:fixed;right:9px;bottom:calc(9px + env(safe-area-inset-bottom));z-index:20;width:23px;height:23px;padding:0;border:1px solid #b8b0ee22;border-radius:50%;background:#111722;color:#aeb4ca;font-size:11px;opacity:.16;transition:opacity .2s,transform .2s,border-color .2s;cursor:pointer}.persona-secret-trigger:hover,.persona-secret-trigger:focus-visible{opacity:.88;transform:rotate(35deg);border-color:#b8b0ee88;outline:none}.persona-dialog{width:min(92vw,520px);max-height:min(86dvh,760px)}.persona-dialog textarea{width:100%;resize:vertical;min-height:170px;background:#121c29;border:1px solid #b8c2df2c;border-radius:12px;color:#f0f2fa;padding:12px;font-size:13px;line-height:1.65}.persona-dialog .tool-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.persona-dialog .primary-btn{margin-left:auto}


/* V2.9.0 conversation mode switcher */
.chat-mode-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;margin:0 0 10px;padding:9px 12px;border:1px solid #b8b0ee30;border-radius:13px;background:linear-gradient(120deg,#1c293a,#182334)}
.chat-mode-row>label{color:#b9b3e8;font-size:9px;font-weight:800;letter-spacing:1.4px}
.chat-mode-row select{width:100%;min-width:0;appearance:auto;background:#111b29;border:1px solid #b8b0ee44;border-radius:9px;color:#eeeefa;padding:8px 10px;font-size:10px;font-weight:700;letter-spacing:.45px}
.chat-mode-hint{grid-column:1/-1;color:#8f9db3;font-size:10px;line-height:1.4;padding-left:1px}
.message-time{font-size:9px;color:#8492a8;letter-spacing:.35px}
@media(max-width:520px){.chat-mode-row{gap:5px 8px;padding:8px 10px}.chat-mode-row select{font-size:9px;padding:7px 8px}.chat-mode-hint{font-size:9px}}

/* V2.9.1: make the two primary modes unmistakably distinct at a glance. */
.chat-mode-row[data-mode="dan"]{border-color:#b65d83aa;background:linear-gradient(120deg,#321c31,#211b2d);box-shadow:inset 0 0 18px #a63e7020}
.chat-mode-row[data-mode="dan"]>label{color:#f0a6c2}
.chat-mode-row[data-mode="dan"] select{border-color:#c15b8b88;color:#ffd7e5}
.chat-mode-row[data-mode="casual"]{border-color:#7e9eb955;background:linear-gradient(120deg,#1b2b3b,#182b35)}
.chat-mode-row[data-mode="casual"]>label{color:#a9c7dc}


/* V3.1.0 — Obsidian / oxblood / champagne visual system */
:root{color-scheme:dark;--bg:#100b0d;--panel:#1c1216;--panel2:#24161c;--gold:#d2b17d;--gold2:#9d7750;--muted:#a99a96;--line:rgba(210,177,125,.18);--white:#f5eee7;--red:#8f3b50}
body{background:radial-gradient(ellipse at 50% -16%,#4a2533 0%,#211318 31%,#110c0f 67%,#0b080a 100%);color:var(--white);letter-spacing:.01em}
.app-shell{max-width:980px;padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px)}
.topbar{height:78px;border-bottom:1px solid #d2b17d20;gap:12px}.brand{gap:13px}.brand-mark{width:44px;height:44px;border:1px solid #f0d8b266;background:radial-gradient(circle at 30% 25%,#f0d6ad,#b48859 62%,#69472f);box-shadow:0 0 32px #c18c5d38,inset 0 1px #fff8;font-size:23px}.brand-name{font-size:19px;letter-spacing:6px;color:#f4e9dc}.brand-sub{display:flex;align-items:center;gap:11px;color:#9e8b81;font-size:8px;letter-spacing:1.55px;margin-top:5px}
.brand-meta{min-width:0}.mode-control{display:inline-flex;align-items:center;gap:5px;padding:2px 5px 2px 8px;border-left:1px solid #d2b17d2c;opacity:.72;transition:opacity .2s}.mode-control:focus-within,.mode-control:hover{opacity:1}.mode-control-label{font-size:7px;letter-spacing:1px;color:#83716b}.mode-control select{appearance:none;border:0;outline:0;background:transparent;color:#d9c4a9;font-size:8px;font-weight:800;letter-spacing:1.2px;padding:3px 12px 3px 2px;cursor:pointer}.mode-control:after{content:'⌄';margin-left:-11px;pointer-events:none;color:#b99c75;font-size:10px}.mode-control[data-mode="dan"] select{color:#e4b69f}.mode-control[data-mode="casual"] select{color:#c9c0b6}
.top-actions{gap:9px}.online{font-size:8px;letter-spacing:1.8px;color:#b69c7e}.online i{background:#b99b6d;box-shadow:0 0 10px #d2b17d77}
.icon-btn{border:1px solid #d2b17d21;background:#ffffff05;color:#c7ad91;border-radius:12px;width:38px;height:38px;font-size:16px;transition:background .2s,border-color .2s,transform .2s}.icon-btn:hover{background:#d2b17d12;border-color:#d2b17d55;transform:translateY(-1px)}
.companion-trigger{display:flex;align-items:center;gap:9px;min-width:142px;min-height:47px;padding:7px 12px;border:1px solid #c49a674f;border-radius:13px;background:linear-gradient(135deg,#492530,#25161c 68%);color:#f0ddc5;box-shadow:0 8px 26px #07040655,inset 0 1px #ffffff0d;transition:transform .2s,border-color .2s,box-shadow .2s}.companion-trigger:hover{transform:translateY(-1px);border-color:#d2b17d99;box-shadow:0 10px 30px #06040677,0 0 22px #8f3b5022}.companion-trigger-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#d2b17d16;color:#e1bf8e;font:20px Georgia,serif}.companion-trigger-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.companion-trigger-copy b{font-size:8px;letter-spacing:1.3px}.companion-trigger-copy small{font-size:6px;letter-spacing:1px;color:#b59b89}
.hero{padding:26px 0 17px}.hero-kicker{font-size:8px;letter-spacing:3px;color:#c8a879}.orb-wrap{height:116px}.orb{width:85px;height:85px;background:radial-gradient(circle at 32% 25%,#f1dfc2 0,#c9a77e 15%,#83505a 43%,#38202b 73%,#160f14 100%);box-shadow:0 0 28px #d1a26c35,0 0 86px #8d37462a,inset -10px -12px 22px #0a070ac9}.orb:after{border-color:#d2b17d49;box-shadow:0 0 28px #c69d6824}.orb-core{background:#fff1d9;box-shadow:0 0 28px 10px #e4c99c99}.status-line{color:#bca48d;font-size:10px;letter-spacing:.3px}.mood-chip{border:1px solid #d2b17d25;background:#d2b17d0b;border-radius:20px;padding:4px 8px;font-size:8px;letter-spacing:1px;color:#d6bb93}.hero h1{font:italic 29px Georgia,serif;letter-spacing:.2px;color:#f1e5d8;margin:11px 0 6px}.hero-caption{color:#9d8b83;font:italic 12px Georgia,serif;letter-spacing:.4px}
.chat{max-height:47vh;padding:8px 4px 22px;scrollbar-color:#65414a transparent}.message{gap:12px;margin:17px 0}.avatar{flex-basis:35px;width:35px;height:35px;border:1px solid #e1c08f66;background:radial-gradient(circle at 30% 22%,#f1d9b2,#a87d4e 65%,#654329);color:#221516;box-shadow:0 0 18px #c39a5a26}.user .avatar{border-color:#a98e8a66;background:linear-gradient(145deg,#8c6b70,#48343b);color:#f4e8e4}.speaker{color:#c9a779;font-size:8px;letter-spacing:2px}.user .speaker{color:#a99994}.bubble{padding:13px 16px;border:1px solid #d2b17d1e;border-radius:4px 16px 16px 16px;background:linear-gradient(145deg,#2b1b22,#1b1217 78%);font-size:13px;line-height:1.78;color:#efe5dc;box-shadow:0 8px 24px #06030526}.user .bubble{border-color:#a98e8a2b;background:linear-gradient(145deg,#4a343d,#30232a);border-radius:16px 4px 16px 16px;color:#f0e5df}.message-time{color:#76635f;font-size:8px;letter-spacing:.7px}.message-audio-btn{border:1px solid #c59d7040;border-radius:30px;background:#c59d7010;color:#d8ba92;padding:3px 8px;margin-left:8px}
.composer{padding:15px 0 6px;background:linear-gradient(180deg,#100b0d00,#100b0df2 18%,#100b0d 100%);backdrop-filter:blur(10px)}.input-row{gap:10px;padding:9px 10px 9px 15px;border:1px solid #c69d6b4a;border-radius:17px;background:linear-gradient(135deg,#21151a,#181015);box-shadow:0 15px 38px #0007,inset 0 1px #ffffff08}.input-row:focus-within{border-color:#d2b17d88;box-shadow:0 15px 38px #0007,0 0 0 3px #d2b17d0c}.input-row textarea{font-size:13px;color:#f3e9df}.send-btn{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#e3c99d,#aa8050);color:#211518;box-shadow:0 5px 15px #0004}.action-row{padding:12px 2px 7px;gap:12px}.mic-btn{border:1px solid #a88e753d;border-radius:12px;background:#c4a07010;color:#d0b99b;padding:10px 13px;font-size:9px;letter-spacing:1px}.small-actions{gap:12px}.text-btn{color:#897b75;font-size:8px;letter-spacing:1.1px}.live-call-btn{display:flex;align-items:center;gap:10px;min-height:51px;min-width:184px;padding:8px 12px;border:1px solid #d4b17a75;border-radius:14px;background:linear-gradient(125deg,#5c2a39,#311b24 72%);color:#f7eadd;box-shadow:0 8px 22px #09050778,inset 0 1px #ffffff13;cursor:pointer;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.live-call-btn:hover{transform:translateY(-1px);border-color:#f0d3a2;box-shadow:0 11px 28px #0008,0 0 25px #b67c4d26}.live-call-icon{width:31px;height:31px;border:1px solid #e3c48d55;border-radius:10px;background:#edcf9f16;color:#e9c995;font-size:17px}.live-call-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.live-call-btn b{font-size:8px;letter-spacing:1.5px}.live-call-btn small{font-size:7px;letter-spacing:1.05px;color:#c0a999}.live-call-arrow{margin-left:auto;color:#d7b888;font-size:15px}.live-call-btn.realtime-active{background:linear-gradient(135deg,#71384b,#3d202d);border-color:#d38d9a}.live-call-btn:disabled{opacity:.75}.composer-footnote{margin-top:3px;color:#9f836e;font:italic 10px Georgia,serif;letter-spacing:.4px}.privacy-note{color:#756765;font-size:8px}
/* Companion drawer: deliberate hierarchy and a visible DAN presence */
.drawer-backdrop{background:#090507c9;backdrop-filter:blur(9px)}.study-panel.drawer-open{width:min(94vw,570px);padding:calc(26px + env(safe-area-inset-top)) clamp(16px,3vw,28px) calc(28px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 100% 0%,#482631 0%,#21151b 34%,#130e12 78%);border-left:1px solid #d2b17d40;border-radius:22px 0 0 22px;box-shadow:-28px 0 90px #000b;gap:15px}.drawer-head{padding-bottom:17px;margin-bottom:0;border-color:#d2b17d22}.drawer-head h2{font:italic 27px Georgia,serif;color:#f3e8dd}.eyebrow{color:#c7a675;font-size:8px;letter-spacing:2.2px}.companion-presence{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid #d2b17d36;border-radius:17px;background:linear-gradient(120deg,#42222d,#24171d 72%);box-shadow:0 10px 28px #0704064a,inset 0 1px #ffffff0a}.presence-seal{flex:0 0 47px;width:47px;height:47px;display:grid;place-items:center;border:1px solid #ddbf8a77;border-radius:50%;background:radial-gradient(circle at 35% 25%,#eed8b5,#a4774c);color:#241519;font:23px Georgia,serif;box-shadow:0 0 22px #d6ad7040}.presence-copy{flex:1;min-width:0}.presence-kicker{display:block;color:#c9a879;font-size:7px;letter-spacing:2px;margin-bottom:4px}.presence-copy strong{display:block;color:#f5e8d9;font:italic 17px Georgia,serif}.presence-copy p{margin:5px 0 0;color:#b19b91;font-size:10px;line-height:1.55}.presence-state{display:flex;align-items:center;gap:5px;color:#c4a77d;font-size:7px;letter-spacing:1.3px;white-space:nowrap}.presence-state i{width:6px;height:6px;background:#8aa58a;border-radius:50%;box-shadow:0 0 9px #9fbc9b}
.study-panel .section-heading{align-items:flex-start;margin:1px 0 2px}.study-panel .section-heading h2{font:italic 23px Georgia,serif;color:#f2e7dc;line-height:1.2;margin:7px 0 8px}.panel-intro{color:#ad9990;font-size:10px;line-height:1.6}.session-pill{border:1px solid #d2b17d3b;background:#d2b17d0d;color:#d7bc91;font-size:8px;letter-spacing:1px}.timer-card,.task-card,.report-card,.history-card{padding:19px;border:1px solid #d2b17d22;border-radius:17px;background:linear-gradient(145deg,#291a20,#1a1217 78%);box-shadow:0 12px 34px #0805074c}.timer-card{padding:21px 20px}.timer-mode{max-width:280px;background:#120d10;border:1px solid #d2b17d22;border-radius:11px;padding:4px}.mode-btn{font-size:8px;letter-spacing:1.5px;color:#a99288}.mode-btn.active{background:linear-gradient(135deg,#dfc79e,#a47c50);color:#241719}.timer{font:46px Georgia,serif;letter-spacing:2px;color:#ead2ad;padding:20px 0 12px;text-shadow:0 0 20px #c99b6422}.timer-target{color:#ad9b91;font-size:8px;letter-spacing:1.3px}.timer-target input,.task-entry input,.task-meta input,.report-card textarea,.companion-call-setting select{background:#130d11;border:1px solid #c8a27631;border-radius:10px;color:#f0e4da}.timer-target input{padding:8px 9px}.timer-controls{gap:9px;margin-top:18px}.timer-controls .primary-btn,.timer-controls .secondary-btn{min-height:46px;border-radius:11px;font-size:8px;letter-spacing:1.1px}.primary-btn{background:linear-gradient(135deg,#e4cda4,#b48a58);color:#241719;box-shadow:0 7px 20px #05030435}.secondary-btn{background:#ffffff08;border:1px solid #d2b17d30;color:#d7c5b3}.companion-call-setting{border-color:#d2b17d20}.companion-call-setting label{color:#c0a68f;font-size:8px;letter-spacing:1.4px}.companion-call-setting select{border-color:#c8a27644;color:#e4d3c0}.timer-note{color:#8f7c77;font-size:9px;line-height:1.65}
.card-title-row h3,.report-card h3{color:#f2e5d8;font:italic 21px Georgia,serif}.subtle{color:#8c7872;font-size:8px;letter-spacing:1px}.task-entry{gap:9px}.task-entry input{min-height:43px;padding:10px 12px}.task-entry button{border:0;border-radius:10px;background:linear-gradient(135deg,#dfc79e,#a47c50);color:#241719;font-size:9px;letter-spacing:1px}.task-meta{gap:12px}.task-meta label{color:#bca699;font-size:8px;letter-spacing:.7px}.task-meta input{min-height:40px}.task-list li,.record-list li{padding:12px 3px;border-color:#ffffff0c;color:#e4d8cf;font-size:11px}.task-list input{accent-color:#c49a69}.delete-task{color:#a17f74}.report-card{display:grid;grid-template-columns:1fr;gap:0}.checkin-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.checkin-heading h3{margin:6px 0 0}.checkin-mark{color:#8f7974;font-size:7px;letter-spacing:1px;text-align:right}.checkin-prompt{color:#b29d92;font-size:10px;line-height:1.6;margin:9px 0 12px}.report-card textarea{display:block;width:100%;min-width:0;min-height:156px;resize:vertical;padding:14px 15px;margin:0 0 13px;line-height:1.75;font-size:12px;box-sizing:border-box}.report-card textarea::placeholder{color:#796966}.report-card .full{min-height:45px;border-radius:11px;font-size:8px;letter-spacing:1.5px}.stats-grid{gap:9px}.stat-card{background:linear-gradient(145deg,#21151b,#170f13);padding:13px 11px;border:1px solid #d2b17d19;border-radius:12px;box-shadow:none}.stat-card span{color:#9e8981;font-size:7px;letter-spacing:1px}.stat-card strong{color:#e2c698;font:19px Georgia,serif}.records-inline .privacy-note{color:#7c6b67}
/* Live Call — immersive, restrained and deliberately premium */
.active-call-overlay{background:radial-gradient(ellipse at 50% 40%,#512838 0%,#28151e 35%,#120b10 73%,#090709 100%);padding:calc(24px + env(safe-area-inset-top)) clamp(20px,5vw,42px) calc(30px + env(safe-area-inset-bottom));overflow:hidden}.active-call-overlay:before,.active-call-overlay:after{content:'';position:absolute;pointer-events:none;border:1px solid #d7b68017;border-radius:50%;width:min(90vw,720px);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%)}.active-call-overlay:after{width:min(70vw,540px);border-color:#d7b68010}.active-call-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;color:#c5ad98}.call-top-brand{display:flex;align-items:center;gap:10px}.call-top-seal{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d8b7836b;border-radius:50%;background:linear-gradient(145deg,#e8d0a6,#986d48);color:#24161b;font:17px Georgia,serif}.call-top-brand b{display:block;font-size:8px;letter-spacing:2px;color:#e6d6c3}.call-top-brand small{display:block;margin-top:4px;color:#9f847b;font-size:6px;letter-spacing:1.3px}.call-duration-wrap{display:flex;align-items:center;gap:8px;color:#d3b58c;font:13px Georgia,serif;letter-spacing:1px}.call-duration-wrap i{width:6px;height:6px;border-radius:50%;background:#90b394;box-shadow:0 0 10px #90b394}.active-call-center{z-index:1;gap:0}.call-stage-label{position:relative;z-index:2;margin-bottom:40px;color:#c6a981;font-size:8px;letter-spacing:3px}.active-call-avatar{width:126px;height:126px;border:1px solid #f0d4a477;background:radial-gradient(circle at 31% 23%,#f1dfc2,#c29a6b 40%,#7b4751 100%);color:#26151a;font:56px Georgia,serif;box-shadow:0 0 55px #e1b8793d,inset 0 0 0 5px #fff2,0 15px 55px #08040888}.call-orbit{width:166px;height:166px;border-color:#e1bd8650;animation:callPulse 3.6s ease-out infinite}.orbit-two{width:204px;height:204px;animation-delay:1.2s}.orbit-three{position:absolute;width:245px;height:245px;border:1px solid #d1ac7820;border-radius:50%;animation:callPulse 3.6s ease-out infinite;animation-delay:2.4s}.active-call-name{margin-top:28px;color:#f2e6db;font:24px Georgia,serif;letter-spacing:8px}.call-waveform{height:32px;display:flex;align-items:center;justify-content:center;gap:4px;margin:14px 0 9px}.call-waveform i{width:3px;height:8px;border-radius:5px;background:linear-gradient(#e1c28f,#a85b6e);opacity:.75;animation:wave 1s ease-in-out infinite alternate}.call-waveform i:nth-child(2n){animation-delay:.15s}.call-waveform i:nth-child(3n){animation-delay:.32s}.call-waveform i:nth-child(4n){animation-delay:.48s}@keyframes wave{from{height:5px;opacity:.45}to{height:26px;opacity:1}}.active-call-status{margin-top:6px;color:#d5b890;font:italic 15px Georgia,serif}.active-call-transcript{max-width:460px;margin-top:14px;color:#c5ada5;font:italic 13px/1.7 Georgia,serif}.active-call-controls{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;color:#a28a82;font-size:7px;letter-spacing:2px}.hangup-btn{width:62px;height:62px;border:1px solid #f2c8c477;border-radius:50%;background:linear-gradient(145deg,#a94f62,#602738);color:#fff1ec;box-shadow:0 10px 28px #03020488,0 0 24px #a94f6233}.hangup-btn span{font-size:25px;font-weight:300}
.call-overlay{background:radial-gradient(ellipse at 50% 38%,#512838 0%,#28151e 42%,#100a0e 100%)}.call-card{border:1px solid #d2b17d4d;background:linear-gradient(155deg,#38212a,#1a1116 78%);box-shadow:0 25px 100px #000c}.call-label{color:#d8b782}.call-avatar{background:radial-gradient(circle at 31% 23%,#f1dfc2,#c29a6b 40%,#7b4751 100%);color:#26151a;box-shadow:0 0 52px #e1b87940}.call-card h2{color:#f2e5d8}.call-card p{color:#cdb9ac}.decline{background:linear-gradient(145deg,#a94f62,#612738)}.answer{background:linear-gradient(145deg,#d2b480,#9a744d)}
/* Automatic memory and date-grouped diary */
.memory-dialog,.diary-dialog{width:min(94vw,620px);max-height:min(88dvh,820px);overflow:auto}.memory-auto-note,.diary-intro{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #d2b17d2b;border-radius:13px;background:linear-gradient(120deg,#35212a,#21151b);margin-bottom:16px}.memory-auto-icon,.diary-bookmark{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #d2b17d57;border-radius:50%;color:#e0c08f;font:19px Georgia,serif}.memory-auto-note b,.diary-intro b{display:block;color:#d7b98b;font-size:8px;letter-spacing:1.5px}.memory-auto-note small,.diary-intro small{display:block;margin-top:5px;color:#aa9890;font-size:10px;line-height:1.55}.memory-list,.diary-list{display:flex;flex-direction:column;gap:10px}.memory-item{display:flex;align-items:flex-start;gap:11px;padding:13px 12px;border:1px solid #d2b17d1e;border-radius:12px;background:#ffffff05}.memory-item-mark{color:#d1ae7c;font-size:15px;margin-top:1px}.memory-item p{flex:1;margin:0;color:#e8dcd2;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.memory-remove{border:0;background:transparent;color:#8f7774;font-size:20px;line-height:1;padding:0 3px}.memory-remove:hover{color:#dc9a9e}.memory-empty,.diary-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px;border:1px dashed #d2b17d2c;border-radius:14px;color:#d9c6b2}.memory-empty>span,.diary-empty-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d2b17d55;border-radius:50%;color:#d8b782;font:22px Georgia,serif;margin-bottom:14px}.memory-empty b,.diary-empty b{font:italic 17px Georgia,serif}.memory-empty p,.diary-empty p{max-width:340px;margin:8px 0 0;color:#a9968d;font-size:10px;line-height:1.65}.memory-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #d2b17d20;color:#8e7a73;font-size:8px;letter-spacing:.4px}.memory-dialog-foot .text-btn{color:#a67c7c}.diary-day{padding:0 0 15px;border-bottom:1px solid #d2b17d20}.diary-day:last-child{border-bottom:0}.diary-day-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:8px 0 12px}.diary-day-date{color:#e4cda9;font:italic 16px Georgia,serif}.diary-day-count{color:#927f77;font-size:7px;letter-spacing:1.2px}.diary-entry{position:relative;margin:0 0 10px;padding:13px 15px 13px 17px;border-left:2px solid #b88c5e;border-radius:0 11px 11px 0;background:linear-gradient(110deg,#2a1a20,#21151a 74%)}.diary-meta{color:#c5a476;font-size:7px;letter-spacing:1.5px}.diary-entry p{margin:8px 0 5px;color:#e9ddd3;font:italic 13px/1.8 Georgia,serif;white-space:pre-wrap}.diary-remove{display:block;margin-left:auto;color:#796968;font-size:7px}.diary-empty{margin-top:5px;padding:36px 20px}.diary-empty-mark{font-size:21px;background:linear-gradient(145deg,#e4cda4,#a47c50);color:#25171a;border:0}
/* Settings: coherent warm palette + provider routing */
.settings-dialog{background:#1c1217;color:#f2e7de;border-color:#d2b17d4c;max-height:90dvh;overflow:auto}.settings-dialog::backdrop{background:#080507d9;backdrop-filter:blur(9px)}.settings-title{color:#f0e3d6}.settings-desc,.settings-hint{color:#a9948a}.select-label{color:#c4ac9a}.select-label select,.settings-dialog input:not([type=range]),.settings-dialog textarea,.cloud-section input,#personaNotes{background:#130d11;border:1px solid #c8a27631;color:#f1e5db;border-radius:10px}.cloud-section{border-color:#d2b17d20;background:#ffffff04}.cloud-section h3{color:#d0ad79;font-size:8px;letter-spacing:1.6px}.ai-routing-section .select-label{margin-top:12px}.ai-routing-section .settings-hint{margin:8px 0 12px}.diagnostics-result{background:#110b0e;border-color:#d2b17d20;color:#d6c5b6}
@media(min-width:650px){.chat{max-height:55vh}.study-panel.drawer-open{width:min(92vw,590px)}}
@media(max-width:620px){.app-shell{padding-left:14px;padding-right:14px}.topbar{height:70px}.top-actions{gap:6px}.online{display:none}.companion-trigger{min-width:78px;width:auto;height:40px;min-height:40px;justify-content:center;padding:5px 8px;gap:6px}.companion-trigger-icon{width:26px;height:26px}.companion-trigger-copy{display:flex}.companion-trigger-copy b{font-size:6.5px;letter-spacing:.8px}.companion-trigger-copy small{display:none}.brand-sub{gap:6px;font-size:7px}.mode-control{gap:3px;padding-left:6px}.mode-control-label{display:none}.mode-control select{font-size:7px;letter-spacing:.8px}.icon-btn{width:34px;height:34px;border-radius:10px}.hero{padding-top:20px}.hero h1{font-size:25px}.chat{max-height:48vh}.action-row{align-items:center}.small-actions{gap:6px}.live-call-btn{min-width:148px;min-height:46px;padding:6px 8px;gap:7px}.live-call-btn b{font-size:7px}.live-call-btn small{font-size:6px}.live-call-icon{width:27px;height:27px}.text-btn{font-size:7px}.study-panel.drawer-open{width:96vw;padding-left:14px;padding-right:14px}.companion-presence{gap:10px;padding:12px}.presence-seal{width:40px;height:40px;flex-basis:40px}.presence-copy strong{font-size:15px}.presence-copy p{font-size:9px}.presence-state{font-size:6px}.timer-card,.task-card,.report-card,.history-card{padding:15px}.timer{font-size:39px}.checkin-mark{font-size:6px}.report-card textarea{min-height:145px}.stats-grid{gap:6px}.stat-card{padding:11px 8px}.stat-card strong{font-size:16px}.active-call-overlay{padding-left:18px;padding-right:18px}.call-stage-label{margin-bottom:33px;font-size:7px;letter-spacing:2px}.active-call-avatar{width:110px;height:110px;font-size:49px}.call-orbit{width:148px;height:148px}.orbit-two{width:185px;height:185px}.orbit-three{width:220px;height:220px}.active-call-name{font-size:22px}.active-call-transcript{font-size:12px}.memory-dialog,.diary-dialog{width:96vw}.settings-card{padding:17px}}
@media(max-width:380px){.companion-trigger{min-width:72px;padding-left:6px;padding-right:6px}.brand-mark{width:38px;height:38px}.brand-name{font-size:16px;letter-spacing:4px}.brand-sub>span:first-child{display:none}.top-actions{gap:5px}.icon-btn{width:32px;height:32px}.live-call-btn{min-width:134px}.text-btn{font-size:6px}.companion-presence{align-items:flex-start}.presence-state{margin-top:5px}}

/* V3.2.0 — deliberate hierarchy, editorial companion entry, spacious check-in */
.companion-launch{display:flex;justify-content:center;margin:-2px auto 12px;width:100%;position:relative;z-index:2}
.companion-launch .companion-trigger{width:min(100%,430px);min-width:0;min-height:54px;justify-content:flex-start;padding:9px 15px;border-radius:15px;background:linear-gradient(110deg,#48232f 0%,#2d1921 58%,#20141a 100%);border-color:#c7a16b70;box-shadow:0 9px 26px #05030466,inset 0 1px #ffffff13}
.companion-launch .companion-trigger-icon{width:35px;height:35px;border:1px solid #d4b27a45;border-radius:11px;font-size:23px}
.companion-launch .companion-trigger-copy b{font-size:9px;letter-spacing:1.55px}
.companion-launch .companion-trigger-copy small{font-size:7px;letter-spacing:1.2px;color:#c6ad9b}
.companion-launch-arrow{margin-left:auto;color:#dfbd8c;font-size:17px}
.companion-launch .companion-trigger:hover{transform:translateY(-1px);border-color:#e4c18b;box-shadow:0 13px 30px #05030480,0 0 24px #9a475025}
.checkin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.checkin-mark{max-width:112px;text-align:right;color:#a98c76;font-size:7px;letter-spacing:1px;line-height:1.5}
.report-card .checkin-prompt{font-size:11px;line-height:1.7;color:#b7a49b;margin:2px 0 12px}
.report-card textarea{display:block;width:100%;min-width:0;min-height:188px;height:188px;box-sizing:border-box;padding:15px 16px;border:1px solid #c8a87535;border-radius:13px;background:linear-gradient(145deg,#171014,#120d10);color:#f1e5da;font:13px/1.8 Inter,system-ui,sans-serif;resize:vertical;outline:none}
.report-card textarea:focus{border-color:#c8a87588;box-shadow:0 0 0 3px #c8a8750c}
.report-card textarea::placeholder{color:#88746f}
.report-card .primary-btn.full{min-height:46px;margin-top:6px;letter-spacing:1px}
.routing-divider{height:1px;margin:18px 0 16px;background:linear-gradient(90deg,transparent,#c9a77755,transparent)}
.ai-routing-section>h3:not(:first-child){margin:0 0 10px;color:#d8b887;font-size:8px;letter-spacing:1.8px}
.ai-routing-section .select-label{display:block;margin:11px 0}
.study-panel.drawer-open{width:min(94vw,610px);padding-left:24px;padding-right:24px;gap:15px}
.companion-presence{border:1px solid #c8a87530;background:linear-gradient(115deg,#38222a,#24171d 65%,#1d1419);box-shadow:0 12px 28px #0003}
@media(max-width:620px){.companion-launch{margin:-1px auto 10px}.companion-launch .companion-trigger{width:100%;min-height:52px;padding:8px 11px}.companion-launch .companion-trigger-copy b{font-size:8px;letter-spacing:1.1px}.companion-launch .companion-trigger-copy small{display:block;font-size:6px;letter-spacing:.7px}.report-card textarea{min-height:172px;height:172px;padding:13px}.study-panel.drawer-open{width:97vw;padding-left:15px;padding-right:15px;gap:13px}.companion-presence{align-items:center}.checkin-mark{font-size:6px;max-width:94px}}
@media(max-width:380px){.companion-launch .companion-trigger-copy b{font-size:7px}.companion-launch .companion-trigger-copy small{font-size:5.5px}.study-panel.drawer-open{padding-left:12px;padding-right:12px}.report-card textarea{min-height:160px;height:160px}}

.diary-date-tools{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:12px 0 16px;margin-bottom:10px;border-bottom:1px solid #d2b17d20}
.diary-date-tools label{display:flex;flex-direction:column;gap:7px;color:#c7a879;font-size:7px;letter-spacing:1.6px}
.diary-date-tools input{width:170px;max-width:47vw;padding:9px 10px;border:1px solid #c8a8753e;border-radius:9px;background:#130d11;color:#f1e5db;color-scheme:dark;font-size:11px}
.diary-date-tools>div{display:flex;gap:6px}
.diary-date-tools .secondary-btn{padding:9px 10px;font-size:7px;letter-spacing:.7px;white-space:nowrap}
.diary-quiet-date{color:#c5a476!important;font-size:9px!important;letter-spacing:1.2px}
@media(max-width:420px){.diary-date-tools{align-items:flex-start;flex-direction:column}.diary-date-tools input{max-width:100%;width:100%}.diary-date-tools>div{width:100%}.diary-date-tools .secondary-btn{flex:1}}

/* V3.3.0 — DAN signature interface: obsidian, oxblood and restrained champagne */
:root{--bg:#100b0e;--panel:#1b1217;--panel2:#26171e;--gold:#d1b184;--gold2:#92704f;--muted:#a99a9b;--line:rgba(210,177,132,.17);--white:#f4ece7;--red:#9f4658}
body{background:radial-gradient(ellipse at 50% -18%,#43212b 0,#20141a 34%,#0b080b 78%,#080709 100%);color:var(--white)}
.app-shell{max-width:900px;padding-left:clamp(14px,3vw,28px);padding-right:clamp(14px,3vw,28px)}
.topbar{height:76px;border-bottom:1px solid #d4b58b20;position:relative}
.brand-mark,.avatar{background:linear-gradient(145deg,#f0d9b5 0%,#c29a69 48%,#704b3d 100%);color:#211216;box-shadow:0 0 30px #b98a5c32,inset 0 0 0 1px #fff7}
.brand-name{letter-spacing:6px;font-size:20px;color:#f5e9df}.brand-sub{color:#a88e82;letter-spacing:1.8px}
.top-actions{gap:9px}.icon-btn{border-color:#d1b18425;background:#ffffff06;color:#ddc7b0;transition:.2s}.icon-btn:hover{border-color:#d1b18477;background:#d1b18412}
/* The only manual mode switch is deliberately discreet and moved beside utility icons. */
.mode-control{display:inline-flex;align-items:center;justify-content:center;margin-right:2px;padding:3px;border:1px solid #d1b18425;border-radius:999px;background:#0c080b88;min-height:30px;transition:border-color .2s,background .2s}
.mode-control select{appearance:none;-webkit-appearance:none;min-width:58px;padding:5px 20px 5px 9px;border:0;outline:0;background:transparent;color:#bca995;font-size:8px;font-weight:700;letter-spacing:1.15px;cursor:pointer;text-align:center}
.mode-control:after{content:'⌄';font-size:9px;color:#8d766c;margin:0 7px 2px -16px;pointer-events:none}
.mode-control[data-mode="dan"]{border-color:#a85a6040}.mode-control[data-mode="dan"] select{color:#d9b58e}.mode-control[data-mode="casual"]{border-color:#7d8b9b40}.mode-control[data-mode="casual"] select{color:#aab9c8}
.brand-sub{font-size:8px}
.hero{padding:23px 0 14px}.hero-kicker{color:#d5b68b;letter-spacing:3.5px;font-size:9px}.orb-wrap{height:104px}.orb{width:76px;height:76px;background:radial-gradient(circle at 32% 25%,#fff0d8 0,#d6b17c 17%,#75434b 49%,#25151d 82%);box-shadow:0 0 30px #c99c6940,0 0 90px #8d344326,inset -9px -12px 22px #100910aa}.orb:after{border-color:#e0bd8d48;box-shadow:0 0 25px #b68e5b22}.orb-core{background:#fff0d6;box-shadow:0 0 24px 9px #f2d5a399}.hero h1{font:italic 29px Georgia,serif;color:#f5e9df;letter-spacing:.2px}.hero-caption{color:#b9a7a1}.status-line{color:#d0b89e}.status-dot{background:#c69b70;box-shadow:0 0 10px #c69b70}.mood-chip{color:#d9bd9a;border-color:#c9a47738}
/* Companion is a real destination, not a tiny utility button. */
.companion-launch{margin:2px auto 18px;max-width:760px}
.companion-launch .companion-trigger{width:100%;min-height:76px;padding:13px 20px;border-radius:19px;gap:15px;border:1px solid #cda87965;background:linear-gradient(112deg,#542633 0%,#321a24 47%,#21141a 100%);box-shadow:0 14px 38px #0502048a,inset 0 1px #ffffff15;position:relative;overflow:hidden}
.companion-launch .companion-trigger:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,#f3d9b10c 48%,transparent 75%);pointer-events:none}
.companion-launch .companion-trigger-icon{width:46px;height:46px;flex:0 0 46px;border:1px solid #e2bd8a5c;border-radius:14px;background:#e4c69b12;color:#e7c89b;font-size:27px;display:grid;place-items:center}
.companion-launch .companion-trigger-copy{display:flex;flex-direction:column;gap:5px;text-align:left}.companion-launch .companion-trigger-copy b{font:700 10px Inter,system-ui,sans-serif;letter-spacing:2px;color:#f3e2d0}.companion-launch .companion-trigger-copy small{font-size:8px;letter-spacing:1.35px;color:#c8aa9b}.companion-launch-arrow{margin-left:auto;color:#e2bd8a;font-size:21px}.companion-launch .companion-trigger:hover{transform:translateY(-2px);border-color:#e2bd8a;box-shadow:0 18px 42px #050204a0,0 0 30px #9c46512b}
.chat{max-height:52vh;padding:12px 3px 20px}.bubble{background:linear-gradient(145deg,#302129,#1d151b);border:1px solid #d1b18420;border-radius:5px 18px 18px 18px;box-shadow:0 10px 28px #05020435}.user .bubble{background:linear-gradient(145deg,#5b3743,#38232c);border-color:#e3c49c27}.speaker{color:#d7b68b}.user .speaker{color:#e2c9b7}
.composer{padding-top:14px;background:linear-gradient(180deg,#100b0e00,#100b0e 16%)}.input-row{background:rgba(34,22,29,.96);border:1px solid #cda87955;border-radius:19px;box-shadow:0 14px 36px #05020475;backdrop-filter:blur(18px)}.input-row textarea{color:#f7eee7}.input-row textarea::placeholder{color:#a38f89}.send-btn{background:linear-gradient(145deg,#f0d9b4,#b68b5d);color:#24151a;box-shadow:0 5px 18px #c29a6940}.mic-btn{border:1px solid #c69d7045;background:#a77a5018;color:#e0c6a4;border-radius:14px}.text-btn{color:#a8918b}.composer-footnote{color:#c5a989}.privacy-note{color:#857477}
/* Full-bleed premium Live Call stage */
.active-call-overlay{padding:calc(27px + env(safe-area-inset-top)) clamp(20px,5vw,56px) calc(30px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 38%,#512632 0%,#2b1821 34%,#130d13 72%,#09070a 100%);isolation:isolate}
.active-call-overlay:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.35;background:repeating-linear-gradient(135deg,transparent 0 34px,#e0bd8a05 35px 36px);mask-image:linear-gradient(to bottom,black,transparent 85%)}
.active-call-top{width:100%;max-width:860px;margin:0 auto;color:#d4c0b0;letter-spacing:1.4px}.call-top-brand{display:flex;align-items:center;gap:12px}.call-top-seal{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid #d7b88775;background:linear-gradient(145deg,#f0d9b5,#9d7056);color:#25151b;font:700 20px Georgia,serif;box-shadow:0 0 25px #d4aa7540}.call-top-brand b{display:block;color:#f0dfcc;font-size:10px;letter-spacing:2.4px}.call-top-brand small{display:block;margin-top:5px;color:#a88f8c;font-size:8px;letter-spacing:1.4px}.call-top-meta{display:flex;align-items:center;gap:15px}.call-mode-badge{padding:7px 10px;border:1px solid #d4b18435;border-radius:999px;color:#d9b88e;font-size:8px;letter-spacing:1.2px;background:#120b1055}.call-duration-wrap{display:flex;align-items:center;gap:8px;color:#d6c1ad;font:11px ui-monospace,monospace;letter-spacing:1px}.call-duration-wrap i{width:6px;height:6px;border-radius:50%;background:#bd8a74;box-shadow:0 0 10px #bd8a74;animation:callLivePulse 1.6s infinite}@keyframes callLivePulse{50%{opacity:.35;box-shadow:0 0 2px #bd8a74}}
.active-call-center{width:100%;max-width:760px;margin:0 auto}.call-stage-label{margin-bottom:48px;color:#c8a982;font-size:8px;letter-spacing:3.2px}.active-call-avatar{width:146px;height:146px;font-size:66px;color:#29161d;background:radial-gradient(circle at 32% 24%,#fff0d8,#d6b17c 45%,#85515a 100%);border:1px solid #f1d5aa;box-shadow:0 0 0 9px #d7b8870b,0 0 0 20px #d7b88709,0 0 75px #d9a66c4d,inset 0 0 0 5px #fff3}
.call-orbit{width:190px;height:190px;border-color:#d7b88735}.orbit-two{width:238px;height:238px;animation-delay:1s}.orbit-three{width:290px;height:290px;animation-delay:2s}.active-call-name{margin-top:32px;color:#f5e7d9;font-size:28px;letter-spacing:9px}.call-voice-model{margin-top:9px;color:#a78c82;font-size:8px;letter-spacing:2px}.call-waveform{height:42px;gap:5px;margin:18px 0 12px}.call-waveform i{width:3px;border-radius:4px;background:linear-gradient(#f0d7aa,#a34d5b);box-shadow:0 0 8px #bd8a7433}.active-call-status{color:#e1c49a;font:italic 16px Georgia,serif}.active-call-transcript{max-width:520px;min-height:48px;margin-top:12px;color:#cdbab5;font:italic 14px/1.8 Georgia,serif}.active-call-controls{gap:13px;color:#b39a8f;font-size:8px;letter-spacing:2.4px}.hangup-btn{width:72px;height:72px;border:1px solid #efb6b877;background:linear-gradient(145deg,#b65b68,#672b3b);box-shadow:0 12px 34px #05020488,0 0 28px #a54a5c35;transform:none;transition:transform .2s,filter .2s}.hangup-btn:hover{transform:scale(1.05);filter:brightness(1.12)}.hangup-btn span{font-size:30px}
/* Companion drawer hierarchy and readable full-width daily check-in */
.study-panel.drawer-open{width:min(96vw,690px);padding:calc(25px + env(safe-area-inset-top)) clamp(17px,3vw,30px) calc(28px + env(safe-area-inset-bottom));gap:17px;background:linear-gradient(155deg,#2c1c25 0%,#1b1219 56%,#100c11 100%);border-left:1px solid #d2b18442;border-radius:24px 0 0 24px;box-shadow:-26px 0 90px #000b}
.drawer-head{margin-bottom:2px;padding-bottom:17px;border-color:#d2b18425}.drawer-head h2{font:italic 29px Georgia,serif;color:#f4e7dc}.companion-presence{padding:17px 18px;border:1px solid #d2b18442;border-radius:18px;background:linear-gradient(110deg,#512633,#2c1a22 62%,#21151b);box-shadow:0 13px 35px #0502044d}.presence-seal{width:52px;height:52px;flex-basis:52px;background:linear-gradient(145deg,#f1dbb9,#a97c59);color:#29171c;box-shadow:0 0 26px #d0a06b30}.presence-copy strong{font:italic 20px Georgia,serif;color:#f5e8dc}.presence-copy p{font-size:11px;line-height:1.65;color:#c2aaa4}.presence-kicker{color:#d0aa7e;font-size:8px;letter-spacing:1.8px}.presence-state{color:#c9b18f;font-size:8px;letter-spacing:1.4px}.section-heading h2{font:italic 23px Georgia,serif;color:#f4e8de}.panel-intro{font-size:12px;color:#b19d9a}.session-pill{color:#dfc39c;border-color:#d2b18444;background:#d2b1840c}
.timer-card,.task-card,.report-card,.history-card,.stat-card{background:linear-gradient(145deg,#30212a,#1d151c);border:1px solid #d2b1842a;border-radius:19px;box-shadow:0 12px 32px #05020442;padding:19px}.timer-card{padding:22px}.timer-mode{background:#150e13;border-color:#d2b18422}.mode-btn.active{background:linear-gradient(135deg,#eed9b5,#b78b60);color:#29171c}.timer{color:#efd8b6}.timer-target{color:#c1aaa0}.timer-target input,.task-entry input,.task-meta input,.report-card textarea,.select-label select{background:#160f14;border-color:#d2b18435;color:#f4e9e1}.primary-btn{background:linear-gradient(135deg,#f0daba,#b98d61);color:#29171d}.secondary-btn{background:#ffffff08;border-color:#d2b18435;color:#e4d4c7}.companion-call-setting{border-color:#d2b18424}.companion-call-setting label{color:#d2c0b0}.companion-call-setting select{background:#160f14;border-color:#d2b18435;color:#e6d1b7}.timer-note{color:#a99492}.task-entry button{background:linear-gradient(135deg,#e8d2ac,#b4865b);color:#29171d}.task-meta label{color:#c6b2a6}.task-list li,.record-list li{border-color:#ffffff12;color:#e9ddd4}.task-list input{accent-color:#bd976e}.stat-card{background:#180f15}.stat-card span{color:#a99391}.stat-card strong{color:#e4c69a}
.checkin-heading{align-items:center;gap:14px}.checkin-heading>div{min-width:0}.checkin-heading h3{font:italic 23px Georgia,serif;color:#f4e8de;margin:7px 0 0}.checkin-mark{max-width:none;width:auto;flex:0 0 auto;padding:7px 10px;border:1px solid #d2b18432;border-radius:999px;text-align:center;color:#d3b58d;font-size:8px;letter-spacing:1.15px;white-space:nowrap}.report-card .checkin-prompt{font-size:12px;line-height:1.75;color:#c1aaa2;margin:12px 0 15px}.report-card textarea{width:100%;min-height:210px;height:210px;padding:17px 18px;border-radius:15px;font:14px/1.85 Inter,system-ui,sans-serif;resize:vertical}.report-card .primary-btn.full{min-height:50px;margin-top:10px;font-size:10px;letter-spacing:1.5px}
.memory-dialog,.diary-dialog{background:linear-gradient(155deg,#2b1b23,#171016);border:1px solid #d2b18455;border-radius:22px;box-shadow:0 24px 90px #000b}.memory-auto-note,.diary-intro{padding:17px 18px;border-color:#d2b18438;border-radius:16px;background:linear-gradient(115deg,#512633,#2b1a22)}.memory-auto-note b,.diary-intro b{font-size:9px;letter-spacing:1.7px}.memory-auto-note small,.diary-intro small{font-size:11px;line-height:1.7;color:#c2aaa2}.memory-item{padding:15px 15px;border-color:#d2b18424;border-radius:14px;background:#ffffff06}.memory-item p{font-size:13px;line-height:1.8;color:#eee1d8}.diary-day{padding-bottom:20px;border-color:#d2b18428}.diary-day-date{font:italic 19px Georgia,serif;color:#e8c99c}.diary-day-count{font-size:8px;color:#ad9186}.diary-entry{margin-bottom:12px;padding:17px 19px 15px 20px;border-left:2px solid #c49a6c;border-radius:0 15px 15px 0;background:linear-gradient(110deg,#39232c,#24171e 80%);box-shadow:0 8px 22px #0502042a}.diary-meta{font-size:8px;color:#d0ad81;letter-spacing:1.6px}.diary-entry p{font:italic 14px/1.9 Georgia,serif;color:#f0e3da}.diary-empty{border-color:#d2b18435;background:#ffffff04}.diary-empty p,.memory-empty p{font-size:11px;line-height:1.8;color:#b49f99}
@media(max-width:620px){.app-shell{padding-left:14px;padding-right:14px}.topbar{height:68px}.top-actions{gap:5px}.mode-control{min-height:28px;padding:2px}.mode-control select{min-width:51px;padding-left:6px;padding-right:16px;font-size:7px}.mode-control:after{margin-left:-14px}.brand-mark{width:39px;height:39px}.brand-name{font-size:18px}.brand-sub{font-size:7px}.companion-launch{margin:0 auto 14px}.companion-launch .companion-trigger{min-height:70px;padding:11px 13px;gap:11px}.companion-launch .companion-trigger-icon{width:42px;height:42px;flex-basis:42px}.companion-launch .companion-trigger-copy b{font-size:9px;letter-spacing:1.35px}.companion-launch .companion-trigger-copy small{font-size:7px;letter-spacing:.7px}.hero{padding:17px 0 12px}.hero h1{font-size:26px}.chat{max-height:48vh}.small-actions{gap:6px}.live-call-btn{min-width:148px;min-height:48px;padding:7px 9px;border-color:#d2b18470;background:linear-gradient(145deg,#572b38,#2d1b24);color:#f4e8dc;box-shadow:0 8px 25px #05020455}.live-call-btn b{font-size:8px;letter-spacing:1.1px}.live-call-btn small{font-size:6px;color:#d0b6a7}.live-call-icon{background:#d2b18418;color:#e7c99f}.study-panel.drawer-open{width:100vw;padding-left:15px;padding-right:15px;border-radius:0}.companion-presence{padding:14px}.presence-seal{width:46px;height:46px;flex-basis:46px}.presence-copy strong{font-size:18px}.presence-copy p{font-size:10px}.timer-card,.task-card,.report-card,.history-card{padding:16px}.timer{font-size:39px}.checkin-heading h3{font-size:21px}.checkin-mark{padding:6px 8px;font-size:7px}.report-card textarea{min-height:190px;height:190px;padding:14px;font-size:13px}.active-call-overlay{padding-left:19px;padding-right:19px}.call-top-seal{width:38px;height:38px}.call-top-brand b{font-size:9px}.call-top-brand small{font-size:7px}.call-top-meta{gap:8px}.call-mode-badge{padding:6px 8px;font-size:7px}.call-stage-label{margin-bottom:35px;font-size:7px;letter-spacing:2px}.active-call-avatar{width:124px;height:124px;font-size:56px}.call-orbit{width:160px;height:160px}.orbit-two{width:202px;height:202px}.orbit-three{width:244px;height:244px}.active-call-name{font-size:24px}.call-voice-model{font-size:7px}.active-call-transcript{font-size:12px}.hangup-btn{width:66px;height:66px}.memory-dialog,.diary-dialog{width:96vw;max-height:88dvh}.diary-entry{padding:14px 15px 12px 16px}.diary-entry p{font-size:13px}}
@media(max-width:380px){.top-actions{gap:4px}.online{display:none}.mode-control select{min-width:47px;font-size:6.5px}.icon-btn{width:31px;height:31px}.brand-mark{width:36px;height:36px}.brand-name{font-size:16px;letter-spacing:4px}.companion-launch .companion-trigger-copy b{font-size:8px}.companion-launch .companion-trigger-copy small{font-size:6px}.checkin-mark{font-size:6px;padding:5px 7px}.call-mode-badge{font-size:6px}.call-top-meta{gap:5px}}

/* V3.3.1: discreet mood sigils and intelligent AI routing cards */
.diary-day-mood{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-left:9px;border:1px solid rgba(205,166,132,.28);border-radius:50%;background:rgba(126,48,61,.16);font-size:14px;line-height:1;vertical-align:middle;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.ai-route-card{display:flex;flex-direction:column;gap:5px;padding:12px 14px;margin:9px 0;border:1px solid rgba(198,160,124,.22);border-radius:13px;background:linear-gradient(135deg,rgba(85,34,43,.18),rgba(20,18,23,.42))}.ai-route-card b{font-size:10px;letter-spacing:.14em;color:#d6b58e}.ai-route-card span{font-size:12px;line-height:1.55;color:var(--muted,#aaa)}

.call-cost-estimate{margin-top:7px;color:rgba(235,220,197,.62);font-size:10px;letter-spacing:.08em;text-align:center;max-width:280px;line-height:1.5}


/* V3.3.5 — discreet private usage ledger */
.ledger-icon{font-family:Georgia,serif;font-size:14px;color:#b9a18b;opacity:.42;width:27px;height:27px;padding:0;border:0;background:transparent}.ledger-icon:hover{opacity:.82;color:#e8d3b7}
.ledger-dialog{width:min(94vw,620px);max-height:90dvh;overflow:auto}.ledger-overview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ledger-overview>div,.ledger-provider-grid>div{padding:15px;border:1px solid #d2b18425;border-radius:14px;background:linear-gradient(145deg,#30212a,#1d151c);display:flex;flex-direction:column;gap:7px}.ledger-overview span,.ledger-provider-grid span{font-size:8px;letter-spacing:1.5px;color:#b59b8e}.ledger-overview strong{font:italic 27px Georgia,serif;color:#edcfaa}.ledger-chart-card{padding:15px;border:1px solid #d2b18425;border-radius:15px;background:#160f14}.ledger-chart-head,.ledger-entries-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ledger-chart-head b,.ledger-entries-head b{font-size:9px;letter-spacing:1.6px;color:#ddc4a5}.ledger-chart-head select{padding:6px 9px;border:1px solid #d2b18435;border-radius:8px;background:#241820;color:#e7d6c8;font-size:8px;letter-spacing:1px}.ledger-chart{width:100%;min-height:175px;margin-top:8px}.ledger-chart svg{width:100%;height:auto;display:block;overflow:visible}.ledger-chart-legend{display:flex;flex-wrap:wrap;gap:13px;margin-top:8px;color:#bba8a0;font-size:9px}.ledger-chart-legend span{display:flex;align-items:center;gap:6px}.ledger-chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.deepseek-dot{background:#c39a70}.openai-dot{background:#b56a83}.gemini-dot{background:#7d9d9a}.ledger-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ledger-provider-grid b{font:italic 15px Georgia,serif;color:#ead1b4}.ledger-entries-head{margin-top:3px}.ledger-entries{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}.ledger-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #d2b1841d;border-radius:12px;background:#ffffff05}.ledger-entry-main{display:flex;flex-direction:column;gap:4px;min-width:0}.ledger-entry-main b{font-size:10px;color:#e6d4c5;letter-spacing:.5px}.ledger-entry-main small{font-size:9px;line-height:1.5;color:#a9918b;overflow-wrap:anywhere}.ledger-entry>strong{flex:0 0 auto;font:italic 15px Georgia,serif;color:#d9b88f}.ledger-empty{padding:22px 10px;text-align:center;color:#9f8985;font:italic 13px Georgia,serif}.ledger-disclaimer{font-size:9px;line-height:1.7;color:#927f7d;padding:10px 2px}.ledger-dialog .primary-btn.full{margin-top:4px}
@media(max-width:420px){.ledger-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ledger-provider-grid>div{padding:11px 8px}.ledger-provider-grid b{font-size:14px}.ledger-overview strong{font-size:24px}.ledger-entry-main small{font-size:8px}}

/* V3.3.7 — private-line visual hierarchy, liquid call core and discreet language control */
.language-control{position:relative;display:flex;align-items:center}.language-trigger{width:34px;height:34px;border:1px solid rgba(207,173,137,.25);border-radius:50%;background:linear-gradient(145deg,#241b21,#151116);color:#d8c2a4;font:19px Georgia,serif;box-shadow:inset 0 1px #ffffff0c,0 4px 14px #0004;cursor:pointer}.language-trigger:active{transform:scale(.96)}.language-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.language-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:190px;padding:9px;border:1px solid #b9936b55;border-radius:14px;background:linear-gradient(155deg,#2a2026,#151116);box-shadow:0 18px 45px #000b,0 0 22px #9a5a6330;backdrop-filter:blur(18px)}.language-menu[hidden]{display:none}.language-menu-title{padding:7px 9px 9px;color:#a88e80;font-size:8px;letter-spacing:1.8px}.language-menu button{display:flex;align-items:center;width:100%;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#e9ddd1;text-align:left;font-size:12px;cursor:pointer}.language-menu button:after{content:'';width:5px;height:5px;margin-left:auto;border-radius:50%;background:transparent}.language-menu button.selected{background:linear-gradient(90deg,#9c6c5522,#c5a16a12);color:#e9c995}.language-menu button.selected:after{background:#d5b47f;box-shadow:0 0 9px #d5b47f}
.action-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.small-actions{justify-content:flex-end}.live-call-btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:66px;padding:10px 18px;overflow:hidden;border:1px solid #c58a876b;border-radius:17px;background:radial-gradient(ellipse at 20% 0%,#7c394a88,transparent 55%),linear-gradient(115deg,#321b28,#20151f 48%,#39202a);color:#f2e4d8;box-shadow:inset 0 1px #ffffff19,0 9px 28px #0006,0 0 26px #8e40512b;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.live-call-btn:before{content:'';position:absolute;inset:1px;border:1px solid #d8b58b25;border-radius:15px;pointer-events:none}.live-call-btn:after{content:'';position:absolute;inset:-80% -20%;z-index:-1;background:linear-gradient(105deg,transparent 38%,#f2d7c014 49%,#fff3 51%,transparent 62%);transform:translateX(-65%);animation:privateLineSheen 7s ease-in-out infinite}.live-call-btn:hover{transform:translateY(-2px);border-color:#d9ad8caa;box-shadow:inset 0 1px #ffffff22,0 13px 34px #0008,0 0 32px #a84c623f}.live-call-btn:active{transform:scale(.985)}.live-call-btn:disabled{opacity:.65;cursor:wait}.live-call-aura{position:absolute;inset:-12px;z-index:-1;border-radius:22px;background:radial-gradient(ellipse,#a34f6030,transparent 65%);filter:blur(9px);animation:privateAura 4.2s ease-in-out infinite}.live-call-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #d7b98c66;border-radius:50%;background:radial-gradient(circle at 35% 25%,#9c6372,#4b2939 65%,#241723);color:#f2d8b6;font-size:16px;box-shadow:0 0 0 5px #d7b98c0b,0 0 22px #b45e733d}.live-call-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.live-call-copy b{font-size:9px;letter-spacing:1.8px;color:#f0dfce}.live-call-copy small{font-size:7px;letter-spacing:1.3px;color:#c6a89d}.live-call-arrow{margin-left:auto;color:#d5b68e;font-size:18px}.live-call-btn.realtime-active{border-color:#d4a3a8;background:linear-gradient(115deg,#512332,#291924 55%,#512633);box-shadow:0 0 30px #b85a6b48}.live-call-btn.realtime-active .live-call-icon{animation:privateAura 1.5s ease-in-out infinite}.mic-btn{min-height:48px;padding:10px 14px;white-space:nowrap}.text-btn{font-size:9px}.active-call-avatar{position:relative;display:grid;place-items:center;isolation:isolate;width:154px;height:154px;border:1px solid #d6a6a45c;border-radius:50%;overflow:visible;background:radial-gradient(circle at 35% 27%,#744354 0,#3a2035 38%,#1a1221 73%,#100c14 100%);box-shadow:0 0 0 8px #c58c8c0b,0 0 0 19px #c58c8c08,0 0 75px #a24d6948,inset 0 0 40px #d18b9a22;animation:liquidBreath 5.4s ease-in-out infinite}.active-call-avatar:before,.active-call-avatar:after{content:'';position:absolute;inset:-14px;border:1px solid #d8b78a38;border-radius:50%;animation:liquidOrbit 14s linear infinite}.active-call-avatar:after{inset:-25px;border-color:#b87b8a25;animation-duration:22s;animation-direction:reverse}.call-liquid-core{position:absolute;width:75%;height:75%;border-radius:50%;background:radial-gradient(circle at 35% 27%,#f2d5c6 0,#c88a91 13%,#81405e 38%,#442342 67%,#24152d 100%);filter:blur(1px);box-shadow:inset -12px -14px 28px #130d20a8,inset 8px 7px 20px #ffe0d54d,0 0 38px #bd758e65;animation:coreDrift 8s ease-in-out infinite alternate}.call-liquid-ribbon{position:absolute;z-index:2;width:112%;height:42%;border:2px solid #e4c1a780;border-left-color:#f1d5cb;border-right-color:#8e4c78;border-radius:50%;filter:drop-shadow(0 0 7px #d58ca477);transform:rotate(-32deg);animation:ribbonFlow 8s ease-in-out infinite alternate}.ribbon-b{width:93%;height:60%;border-width:1px;border-color:#c48b9d99;border-left-color:#e8c9a5;border-right-color:#70436e;transform:rotate(53deg);animation-duration:11s;animation-direction:alternate-reverse}.call-liquid-glint{position:absolute;z-index:3;top:23%;left:25%;width:18px;height:8px;border-radius:50%;background:#fff0dfcc;filter:blur(4px);transform:rotate(-35deg);box-shadow:0 0 18px 8px #f5d9d766}.active-call-overlay[data-speaking="true"] .active-call-avatar{animation:liquidBreath 1.2s ease-in-out infinite;box-shadow:0 0 0 8px #c58c8c14,0 0 0 19px #c58c8c0c,0 0 90px #d36c8a77,inset 0 0 45px #e7a0b422}.active-call-overlay[data-speaking="true"] .call-liquid-ribbon{animation-duration:3s}
@keyframes privateLineSheen{0%,65%{transform:translateX(-65%)}100%{transform:translateX(65%)}}@keyframes privateAura{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes liquidBreath{0%,100%{transform:scale(.98)}50%{transform:scale(1.035)}}@keyframes liquidOrbit{to{transform:rotate(360deg)}}@keyframes coreDrift{0%{transform:translate(-3px,2px) scale(.96)}100%{transform:translate(4px,-3px) scale(1.04)}}@keyframes ribbonFlow{0%{transform:rotate(-32deg) scale(.94)}100%{transform:rotate(18deg) scale(1.06)}}
@media(max-width:620px){.top-actions{gap:5px}.language-trigger{width:31px;height:31px}.language-menu{right:-42px;width:178px}.action-row{grid-template-columns:auto minmax(0,1fr);gap:9px}.action-row .small-actions{grid-column:1/-1;justify-content:flex-end;min-height:20px}.live-call-btn{min-height:60px;padding:8px 11px;gap:9px}.live-call-icon{width:34px;height:34px;flex-basis:34px}.live-call-copy b{font-size:8px;letter-spacing:1.3px}.live-call-copy small{font-size:6px;letter-spacing:.9px}.mic-btn{font-size:9px;padding:9px 10px}.active-call-avatar{width:132px;height:132px}.call-liquid-ribbon{border-width:1.5px}}
@media(max-width:380px){.top-actions{gap:3px}.language-trigger{width:28px;height:28px}.action-row{gap:7px}.mic-btn{padding:8px 9px}.live-call-btn{min-height:56px}.live-call-copy b{font-size:7px;letter-spacing:1px}.live-call-copy small{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.live-call-btn:after,.live-call-aura,.active-call-avatar,.active-call-avatar:before,.active-call-avatar:after,.call-liquid-core,.call-liquid-ribbon{animation:none!important}}

/* V3.3.9 — compact header, genuinely wider conversation, cohesive obsidian/oxblood palette */
:root{color-scheme:dark;--bg:#0c0b10;--panel:#17151d;--panel2:#211a26;--gold:#c6a7b8;--gold2:#87566e;--muted:#a79eae;--line:rgba(198,160,184,.18);--white:#f4eff4;--red:#963c5b}
html,body{height:100%;min-height:100%;}
body{min-height:100dvh;background:radial-gradient(ellipse at 50% -18%,#3b1e30 0%,#1a121d 35%,#0d0b11 76%,#09090d 100%);color:var(--white)}
.app-shell{width:100%;max-width:1120px;height:100dvh;min-height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) clamp(14px,3.2vw,34px) calc(8px + env(safe-area-inset-bottom));overflow:hidden;display:flex;flex-direction:column}
.topbar{flex:0 0 60px;height:60px;border-bottom-color:#d4b3cb22;gap:10px}
.brand-mark{background:radial-gradient(circle at 30% 25%,#f0dbe8,#b17a91 61%,#492334);border-color:#e6c6d66b;color:#27131e;box-shadow:0 0 25px #b35c7b30,inset 0 1px #fff8}
.brand-name{color:#f4eaf2}.brand-sub{color:#b69eae}.top-actions{gap:clamp(4px,.8vw,9px)}
.icon-btn{width:34px;height:34px;border-radius:10px;border-color:#c6a7b82b;background:#ffffff06;color:#d9c4d2}
.online{font-size:8px;color:#bfaaba}.online i{background:#c28ea5;box-shadow:0 0 9px #c28ea5}
.mode-control{border-left-color:#c6a7b82a}.mode-control select{color:#e4cedc}.mode-control[data-mode="dan"] select{color:#e6a8c0}.language-trigger{width:32px;height:32px;border-color:#c6a7b833;background:linear-gradient(145deg,#241a27,#121017);color:#d7bfd0}
.hero{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;column-gap:12px;text-align:left;padding:8px 0 6px;flex:0 0 auto}
.hero-kicker{grid-column:2;grid-row:1;font-size:8px;letter-spacing:2.2px;color:#c79db5}
.orb-wrap{grid-column:1;grid-row:1/4;width:54px;height:54px;place-items:center}
.orb{width:43px;height:43px;background:radial-gradient(circle at 32% 25%,#f4e5ef 0,#c18ca7 19%,#763c5a 52%,#251323 100%);box-shadow:0 0 20px #bb769333,0 0 42px #7c315422,inset -7px -8px 15px #08060caa}
.orb:after{inset:-6px;border-color:#d9b0c733}.orb-core{width:11px;height:11px;background:#ffeaf4;box-shadow:0 0 16px 6px #edbad899}
.status-line{grid-column:2;grid-row:2;margin:2px 0;color:#cbb5c5;font-size:10px}
.hero h1{grid-column:2;grid-row:3;margin:1px 0 0;color:#f5eaf2;font:italic 19px/1.15 Georgia,serif;letter-spacing:.1px}
.hero-caption{display:none}
.companion-launch{display:flex;justify-content:flex-end;width:100%;max-width:none;margin:0 auto 5px;flex:0 0 auto}
.companion-launch .companion-trigger{width:auto;min-width:0;min-height:38px;height:38px;gap:8px;padding:4px 11px;border-radius:11px;border:1px solid #a66c813e;background:linear-gradient(110deg,#321b2b,#1c1522 72%);box-shadow:0 4px 14px #0005,inset 0 1px #ffffff0c}
.companion-launch .companion-trigger-icon{width:25px;height:25px;flex:0 0 25px;border:1px solid #ce9cb344;border-radius:8px;background:#ca8ca91a;color:#e1b7cb;font-size:17px}
.companion-launch .companion-trigger-copy{gap:1px}.companion-launch .companion-trigger-copy b{font-size:8px;letter-spacing:1.2px;color:#f0dfea}.companion-launch .companion-trigger-copy small{font-size:6px;letter-spacing:.8px;color:#b99dae}.companion-launch-arrow{font-size:14px;color:#d3a9bd;margin-left:4px}
.panel{min-height:0}.panel.active{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.chat{flex:1 1 0;min-height:0;max-height:none;height:auto;overflow-y:auto;padding:8px 2px 10px;scrollbar-color:#6c435a transparent;overscroll-behavior:contain}
.message{gap:10px;margin:10px 0;width:100%}.avatar{flex:0 0 30px;width:30px;height:30px;background:linear-gradient(145deg,#f0dbe8,#a66f88 70%,#563044);color:#281720;border-color:#e2bad273;box-shadow:0 0 14px #bb72942b}
.user .avatar{background:linear-gradient(145deg,#78808e,#414654);color:#f5f0f5;border-color:#b4b6ca55}
.bubble-wrap{flex:1 1 auto;min-width:0;max-width:none;width:calc(100% - 40px)}
.bubble{width:100%;max-width:none;padding:12px 15px;border:1px solid #c99db21f;border-radius:4px 15px 15px 15px;background:linear-gradient(135deg,#251a28,#19151e 76%);color:#f2eaf1;font-size:14px;line-height:1.65;box-shadow:0 7px 20px #0003}
.user .bubble{background:linear-gradient(135deg,#3d2b40,#292332);border-color:#bda6ca2a;border-radius:15px 4px 15px 15px;color:#f4eef5}
.speaker{color:#d8afc4;font-size:8px;letter-spacing:1.7px}.user .speaker{color:#bcb6c9}.message-time{margin:4px 2px;color:#837684}
.composer{flex:0 0 auto;position:relative;bottom:auto;padding:6px 0 2px;background:linear-gradient(180deg,#0c0b1000,#0c0b10 18%);backdrop-filter:blur(12px)}
.input-row{gap:8px;padding:7px 8px 7px 13px;border:1px solid #c78eaa4a;border-radius:15px;background:linear-gradient(130deg,#211824,#17131c);box-shadow:0 8px 24px #0006,inset 0 1px #ffffff09}
.input-row textarea{min-height:38px;max-height:100px;padding:8px 3px;color:#f7f0f6;font-size:14px}.input-row textarea::placeholder{color:#958795}
.send-btn{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#edcfdf,#b37a98);color:#24131e;box-shadow:0 4px 14px #a24f712b}
.action-row{display:grid;grid-template-columns:minmax(108px,.7fr) minmax(0,1.3fr);align-items:center;gap:9px;padding:8px 1px 0}
.mic-btn{min-width:0;min-height:44px;justify-content:center;padding:8px 10px;border:1px solid #9c8aaa55;border-radius:12px;background:linear-gradient(135deg,#262132,#191722);color:#d8c9db;font-size:9px;letter-spacing:.8px}
.live-call-btn{width:100%;min-width:0;min-height:54px;padding:7px 12px;gap:10px;border-radius:14px;border:1px solid #ca8ca975;background:radial-gradient(ellipse at 20% 0%,#7e385a88,transparent 58%),linear-gradient(115deg,#3b1b30,#211522 52%,#371b2b);box-shadow:inset 0 1px #ffffff20,0 7px 21px #0007,0 0 24px #9e46682a}
.live-call-btn:before{border-color:#e1b8cf32;border-radius:12px}.live-call-icon{width:32px;height:32px;flex-basis:32px;border:1px solid #e4b5d177;background:radial-gradient(circle at 35% 25%,#bf7899,#612b4d 66%,#241629);color:#ffe7f3;box-shadow:0 0 0 4px #d7a1c010,0 0 19px #bd6b963f}
.live-call-copy{gap:3px}.live-call-copy b{font-size:8px;letter-spacing:1.4px;color:#f5e5ef}.live-call-copy small{font-size:6px;letter-spacing:1px;color:#d4b1c7}.live-call-arrow{font-size:16px;color:#e8bcd3}
.small-actions{grid-column:1/-1;justify-content:flex-end;min-height:12px}.text-btn{font-size:8px;color:#918492;padding:2px 4px}
.composer-footnote,.composer>.privacy-note{display:none!important}
.study-panel.drawer-open{width:min(96vw,720px);background:linear-gradient(155deg,#241a29 0%,#17131d 55%,#100d14 100%);border-left:1px solid #c99db23b;box-shadow:-25px 0 85px #000b}
.drawer-head h2,.study-panel .section-heading h2,.checkin-heading h3{color:#f3eaf2}
.eyebrow,.presence-kicker{color:#d0a6bc}.presence-state{color:#c8a6bd}.presence-seal{background:linear-gradient(145deg,#f0dce8,#aa7189);color:#271721;box-shadow:0 0 22px #c172932a}
.companion-presence{background:linear-gradient(110deg,#3a2033,#241a29 65%,#1a1520);border-color:#c99db238}.presence-copy strong{color:#f4eaf1}.presence-copy p,.panel-intro{color:#b4a4b4}
.timer-card,.task-card,.report-card,.history-card,.stat-card{background:linear-gradient(145deg,#271d2c,#19151f 78%);border-color:#c99db22c;box-shadow:0 9px 27px #0004}
.timer{color:#e7c7d9;text-shadow:0 0 18px #c1749926}.timer-mode{background:#120f17;border-color:#c99db224}.mode-btn.active{background:linear-gradient(135deg,#e7cede,#b17d9b);color:#24151f}
.primary-btn{background:linear-gradient(135deg,#ebd5e3,#b47b98);color:#26151f}.secondary-btn{background:#ffffff09;border-color:#c99db23a;color:#e3d4e2}
.timer-target input,.task-entry input,.task-meta input,.report-card textarea,.companion-call-setting select,.select-label select{background:#130f18;border-color:#c99db238;color:#f1e9f1}
.task-entry button{background:linear-gradient(135deg,#d9b6ca,#9c6685);color:#24141d}.stat-card strong{color:#e4c4d7}.stat-card span,.timer-note,.subtle{color:#ad9ead}
.checkin-mark{border-color:#c99db242;color:#d7b4c8}.report-card .checkin-prompt{color:#bbaaba}.report-card textarea{min-height:150px;height:150px}
.settings-dialog,.memory-dialog,.diary-dialog,.ledger-dialog{background:linear-gradient(155deg,#241a29,#15121b);border-color:#c99db24d;color:#f4edf4}.settings-title,.settings-head{color:#f4eaf3}.settings-desc,.settings-hint{color:#b5a7b6}.settings-dialog input,.settings-dialog textarea,.settings-dialog select{background:#130f18;border-color:#c99db238;color:#f2eaf2}
.call-overlay,.active-call-overlay,.companion-note-overlay{background:radial-gradient(ellipse at 50% 40%,#382036 0,#1a1420 50%,#09090e 100%)}
.call-card{background:linear-gradient(155deg,#302038,#17131d);border-color:#c99db258}.call-avatar{background:radial-gradient(circle at 30% 25%,#f0dce8,#b27491 60%,#532a43);color:#25141d}.call-label,.call-top-brand b{color:#e0bdd0}.call-top-seal{background:linear-gradient(145deg,#f0dce8,#a66f89);color:#271620}.active-call-avatar{background:radial-gradient(circle at 35% 27%,#b97898 0,#572b50 38%,#211629 73%,#100c14 100%);border-color:#dbaac35c;box-shadow:0 0 0 8px #c58c8c0b,0 0 0 19px #c58c8c08,0 0 75px #a24d6948,inset 0 0 40px #d18b9a22}.call-liquid-core{background:radial-gradient(circle at 35% 27%,#f2d9e7 0,#cc8da9 13%,#81405e 38%,#442342 67%,#24152d 100%)}
.call-waveform i{background:linear-gradient(#e8cde0,#9b4f78)}.hangup-btn{background:linear-gradient(145deg,#c66c83,#702b49)}
@media(max-width:620px){
  .app-shell{padding-left:12px;padding-right:12px}
  .topbar{flex-basis:56px;height:56px}.brand{gap:8px}.brand-mark{width:35px;height:35px;font-size:19px}.brand-name{font-size:16px;letter-spacing:4px}.brand-sub{font-size:6px;letter-spacing:1px}.top-actions{gap:3px}.icon-btn{width:30px;height:30px;font-size:14px}.online{display:none}.mode-control{padding:1px 3px}.mode-control select{font-size:7px;min-width:49px}.language-trigger{width:29px;height:29px}.language-trigger svg{width:15px;height:15px}
  .hero{grid-template-columns:47px minmax(0,1fr);column-gap:9px;padding:6px 0 4px}.orb-wrap{width:47px;height:47px}.orb{width:38px;height:38px}.hero h1{font-size:17px}.hero-kicker{font-size:7px;letter-spacing:1.8px}.status-line{font-size:9px}.mood-chip{font-size:7px;padding:2px 5px}
  .companion-launch{margin:0 0 4px}.companion-launch .companion-trigger{height:34px;min-height:34px;padding:3px 8px;gap:6px}.companion-launch .companion-trigger-icon{width:22px;height:22px;flex-basis:22px;font-size:14px}.companion-launch .companion-trigger-copy b{font-size:7px;letter-spacing:.9px}.companion-launch .companion-trigger-copy small{font-size:5px;letter-spacing:.5px}
  .chat{padding:6px 0 7px}.message{gap:7px;margin:8px 0}.avatar{flex-basis:26px;width:26px;height:26px;font-size:11px}.bubble-wrap{width:calc(100% - 33px)}.bubble{padding:10px 12px;font-size:13px;line-height:1.62}.speaker{font-size:7px}
  .composer{padding-top:4px}.input-row{padding:6px 7px 6px 11px;border-radius:13px}.input-row textarea{min-height:36px;font-size:13px}.send-btn{width:37px;height:37px}.action-row{grid-template-columns:minmax(94px,.72fr) minmax(0,1.28fr);gap:7px;padding-top:6px}.mic-btn{min-height:40px;padding:7px 7px;font-size:8px}.live-call-btn{min-height:48px;padding:6px 8px;gap:7px}.live-call-icon{width:28px;height:28px;flex-basis:28px}.live-call-copy b{font-size:7px;letter-spacing:1px}.live-call-copy small{font-size:5px;letter-spacing:.6px}.live-call-arrow{font-size:14px}
  .study-panel.drawer-open{width:100vw;padding-left:13px;padding-right:13px;border-radius:0}.timer-card,.task-card,.report-card,.history-card{padding:14px}.report-card textarea{height:130px;min-height:130px}.active-call-avatar{width:124px;height:124px}
}
@media(max-width:380px){.top-actions{gap:2px}.icon-btn{width:27px;height:27px}.mode-control select{min-width:44px;font-size:6px}.language-trigger{width:27px;height:27px}.brand-sub{display:none}.action-row{grid-template-columns:88px minmax(0,1fr)}.live-call-copy b{font-size:6.5px}.live-call-copy small{font-size:4.8px}}
@media(max-height:720px){.hero{padding-top:4px;padding-bottom:3px}.orb-wrap{height:43px}.orb{width:34px;height:34px}.companion-launch .companion-trigger{height:32px;min-height:32px}.composer{padding-top:3px}}
@media(prefers-reduced-motion:reduce){.orb,.live-call-btn:after,.live-call-aura,.active-call-avatar,.active-call-avatar:before,.active-call-avatar:after,.call-liquid-core,.call-liquid-ribbon{animation:none!important}}

/* V3.4.0 visual correction — one coherent oxblood / plum / champagne system */
:root{--bg:#10080d;--panel:#1a1018;--panel2:#281521;--gold:#e0b8a2;--gold2:#a86e79;--muted:#b5a0aa;--line:rgba(222,166,181,.22);--white:#fbf2f4;--red:#a43e59}
body{background:radial-gradient(ellipse at 50% -18%,#57243c 0%,#24121f 37%,#10080d 76%,#09070b 100%);color:#fbf2f4}
.app-shell{max-width:1040px;padding-left:clamp(16px,3vw,38px);padding-right:clamp(16px,3vw,38px)}
.topbar{border-bottom-color:#d89bad30}.brand-mark{background:linear-gradient(145deg,#f7dce0,#c47e93 55%,#71384f);color:#24121b;box-shadow:0 0 28px #c66c8b50}.brand-name{font-size:22px;letter-spacing:7px;color:#fff0f3}.brand-sub{color:#d7aab9}
.hero{padding:15px 0 12px}.hero h1{font:italic 38px/1.16 Georgia,serif!important;letter-spacing:.1px;color:#fff0f4;text-shadow:0 8px 32px #d66e9433;margin:12px 0 8px}.hero-kicker{color:#dfa9bd;font-size:10px;letter-spacing:3px}.orb{background:radial-gradient(circle at 32% 25%,#ffe8e8 0,#d995aa 17%,#8c3d60 45%,#35172d 75%,#170d18 100%);box-shadow:0 0 32px #ce72964a,0 0 90px #7b315144,inset -9px -12px 22px #100b20aa}.orb:after{border-color:#f1bfd044;box-shadow:0 0 28px #d87b9d35}.orb-core{background:#fff0ee;box-shadow:0 0 26px 10px #f0a9c0bb}.status-line{color:#e1c0cd;font-size:12px}.status-dot,.online i{background:#e5a5bb;box-shadow:0 0 10px #e5a5bb}
.hero h1{font-size:clamp(31px,4vw,42px)!important}
.companion-launch .companion-trigger{min-height:34px;height:34px;padding:3px 9px;border-radius:10px;background:linear-gradient(115deg,#321522,#1d1220 70%);border-color:#d48ba34d}.companion-launch .companion-trigger-icon{width:22px;height:22px;flex-basis:22px;background:#d17b9b22;color:#f2c6d5;border-color:#df9fb44d}.companion-launch .companion-trigger-copy b{font-size:7px;letter-spacing:1.1px}.companion-launch .companion-trigger-copy small{font-size:6px;letter-spacing:.7px;color:#c49eaf}
.panel.active{min-height:0}.chat{max-height:none;min-height:0;flex:1 1 0}.bubble{background:linear-gradient(135deg,#2b1927,#1a111b 78%);border-color:#d68ba52d;color:#fff3f6}.user .bubble{background:linear-gradient(135deg,#583047,#342033);border-color:#d9a4bb42}.speaker{color:#e6aec2}.message-time{color:#a58b9a}.composer{background:linear-gradient(180deg,#10080d00,#10080d 22%)}.input-row{background:linear-gradient(130deg,#291825,#1a111b);border-color:#d58aa44f}.input-row textarea{color:#fff3f6}.input-row textarea::placeholder{color:#ad93a1}.send-btn{background:linear-gradient(145deg,#f3d5df,#c27b98);color:#28141f;box-shadow:0 5px 17px #a4476c44}
.action-row{grid-template-columns:minmax(92px,.62fr) minmax(0,1.38fr);gap:10px}.mic-btn{border-color:#a98cae66;background:linear-gradient(135deg,#2b2131,#1a1422);color:#e7d8e8}.live-call-btn{min-height:66px;border:1px solid #e0a1b977;border-radius:17px;background:radial-gradient(ellipse at 18% 0%,#a7436b99,transparent 56%),linear-gradient(115deg,#541c39 0%,#2a152b 52%,#4a1c35 100%);box-shadow:inset 0 1px #fff3,0 10px 30px #0008,0 0 32px #bb4f7940}.live-call-btn:before{border-color:#f3c7d84d}.live-call-icon{width:42px;height:42px;flex-basis:42px;background:radial-gradient(circle at 32% 22%,#f6dce6,#a94e78 48%,#421c3b 82%);border-color:#f4c7d5a3;color:#fff6f8;box-shadow:0 0 0 5px #f3c3d21b,0 0 26px #ed8eae66}.live-call-copy b{font-size:10px;letter-spacing:1.9px;color:#fff0f4}.live-call-copy small{font-size:8px;letter-spacing:1.2px;color:#e7b8ca}.live-call-arrow{color:#f1c3d3}
/* Focus space: remove the unwanted planning dashboard, keep timer + optional note + history */
.task-card{display:none!important}.study-panel.drawer-open{width:min(94vw,760px);padding:clamp(18px,3vw,30px);background:linear-gradient(155deg,#321b2c 0%,#211522 52%,#110c15 100%);border-left:1px solid #e0a5bc52;box-shadow:-28px 0 100px #000c}.drawer-head h2{font:34px/1.1 Georgia,serif!important;color:#fff1f5;margin:5px 0 0}.drawer-head .eyebrow,.study-panel .eyebrow{color:#e4abc0;letter-spacing:2px}.companion-presence{background:linear-gradient(110deg,#51253d,#2a1b2d 72%);border:1px solid #e3a8bd3b;border-radius:16px;padding:15px 17px;margin:14px 0 23px}.presence-seal{background:linear-gradient(145deg,#f5dce4,#bd7793);color:#281520;box-shadow:0 0 25px #d8799d55}.presence-copy strong{color:#fff0f5;font-size:16px}.presence-kicker{color:#e7b2c5}.presence-state{color:#edc5d2}.section-heading{margin-bottom:13px}.study-panel .section-heading h2{font:italic 29px/1.2 Georgia,serif!important;color:#fff0f5;margin:7px 0 0}.session-pill{color:#f2c9d7;border-color:#d99ab44d;background:#ffffff08}.timer-card{padding:24px 22px 19px;background:radial-gradient(ellipse at 50% 0%,#66314b 0%,#2c1a2c 48%,#1b1321 100%);border:1px solid #dfa5ba4d;border-radius:22px;box-shadow:0 15px 42px #0005,inset 0 1px #ffffff12}.timer-mode{max-width:300px;background:#170f1a;border:1px solid #e2a8bd24;padding:4px}.mode-btn{font-size:11px;letter-spacing:1px;color:#c8adbf}.mode-btn.active{background:linear-gradient(135deg,#f1d5df,#c27b98);color:#2a1420}.timer{font:clamp(52px,8vw,70px)/1 Georgia,serif;color:#ffe8ef;text-shadow:0 0 30px #e68bab40;padding:27px 0 18px}.timer-target{color:#d5b8c8;font-size:10px;letter-spacing:1.3px}.timer-target input{background:#170f1a;border-color:#d89bb63d;color:#fff0f4}.timer-controls{margin-top:20px}.primary-btn{background:linear-gradient(135deg,#f2d9e2,#c17b98);color:#2a1420}.secondary-btn{background:#ffffff0b;border-color:#d99bb34a;color:#f0dce6}.timer-note{color:#c7aebe;font-size:11px}.companion-call-setting{margin-top:16px;padding-top:13px;border-top:1px solid #e3a7bd25}.companion-call-setting label{color:#e7bfd0}.companion-call-setting select{background:#170f1a;border:1px solid #d99bb34a;color:#f5e9ef;border-radius:9px;padding:8px}.report-card,.history-card{background:linear-gradient(145deg,#291a2b,#1a121f);border:1px solid #d69bb32f;border-radius:18px;padding:19px}.checkin-heading h3,.card-title-row h3{font:24px Georgia,serif;color:#fff0f5}.report-card .checkin-prompt{color:#c7adbd;font-size:12px}.report-card textarea{height:100px;min-height:100px;resize:vertical;background:#160f1b;border-color:#d69bb344;color:#fff0f5}.checkin-mark{border-color:#d69bb344;color:#e5b9ca}.stats-grid{gap:10px}.stat-card{background:#211625;border-color:#d69bb32b;border-radius:13px}.stat-card span{color:#c9b0c0;font-size:9px;letter-spacing:.8px}.stat-card strong{color:#f1c7d7;font-size:21px}.record-list li{border-bottom-color:#ffffff13;color:#d9c5d2}.record-list strong{color:#f0c3d2}
/* A designed incoming-call cover, not the old flat D avatar card */
.call-overlay{background:radial-gradient(ellipse at 50% 34%,#57243e 0%,#211321 48%,#09070d 100%)}.call-card{position:relative;overflow:hidden;width:min(100%,410px);padding:42px 30px 32px;border-radius:30px;border:1px solid #e7a9bf77;background:linear-gradient(155deg,#49233b 0%,#241629 56%,#130e18 100%);box-shadow:0 30px 110px #000c,0 0 60px #a8466c2e}.call-card:before{content:"";position:absolute;inset:10px;border:1px solid #f0c6d51c;border-radius:23px;pointer-events:none}.call-label{font-size:10px;letter-spacing:3.5px;color:#f0bfd0}.call-avatar{position:relative;width:126px;height:126px;margin:28px auto 16px;border:1px solid #f1bfd27d;background:radial-gradient(circle at 34% 25%,#ffe8ed 0%,#d78ca8 17%,#914365 46%,#391b39 76%,#160f1c 100%);color:#2a1520;box-shadow:0 0 0 8px #d88ba51a,0 0 0 18px #d88ba50d,0 0 65px #d46f9a66,inset -12px -15px 28px #1a0c20aa;font-size:52px}.call-avatar:before,.call-avatar:after{content:"";position:absolute;inset:-12px;border:1px solid #f0c1d044;border-radius:50%;animation:callHalo 9s linear infinite}.call-avatar:after{inset:-23px;border-color:#d98aa633;animation-duration:15s;animation-direction:reverse}.call-avatar span{position:relative;z-index:1;text-shadow:0 2px 10px #fff7}.call-presence-kicker{color:#e6b4c7;font-size:8px;letter-spacing:3px}.call-card h2{font:30px Georgia,serif;letter-spacing:8px;color:#fff0f5;margin:12px 0}.call-card p{max-width:280px;margin:10px auto 28px;color:#dfc8d4;font-size:14px}.call-actions{gap:52px}.call-actions button{width:68px;height:68px;font-size:10px;letter-spacing:1px;box-shadow:0 9px 24px #0006}.decline{background:linear-gradient(145deg,#d66c80,#842d4c)}.answer{background:linear-gradient(145deg,#80a58b,#426b58)}.call-card small{color:#c4a6b6;letter-spacing:2px}.active-call-overlay{background:radial-gradient(ellipse at 50% 40%,#54223c 0%,#211321 50%,#09070d 100%)}
@keyframes callHalo{to{transform:rotate(360deg)}}
/* Restore strong heading hierarchy on all phone sizes */
@media(max-width:620px){.app-shell{padding-left:14px;padding-right:14px}.hero{grid-template-columns:47px minmax(0,1fr);padding:9px 0 8px}.hero h1{font-size:27px!important;line-height:1.14;margin:7px 0 4px}.hero-kicker{font-size:7px}.status-line{font-size:9px}.study-panel.drawer-open{width:100vw;padding:18px 14px 24px}.drawer-head h2{font-size:30px!important}.study-panel .section-heading h2{font-size:25px!important}.timer-card{padding:19px 14px 16px}.timer{font-size:52px;padding:22px 0 15px}.call-card{padding:36px 22px 28px}.call-avatar{width:112px;height:112px}.call-card h2{font-size:27px}.action-row{grid-template-columns:minmax(82px,.62fr) minmax(0,1.38fr)}.live-call-btn{min-height:62px}.live-call-copy b{font-size:8px;letter-spacing:1.2px}.live-call-copy small{font-size:6px;letter-spacing:.7px}}
@media(max-width:380px){.hero h1{font-size:24px!important}.brand-name{font-size:17px}.call-actions{gap:35px}}

/* Hero composition: emblem beside a real headline, never four tiny grid cells */
.hero{display:flex;align-items:center;justify-content:center;gap:22px;text-align:left;padding:17px 0 14px;min-height:126px}
.hero .orb-wrap{flex:0 0 84px;width:84px;height:84px}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hero-copy .hero-kicker{order:0}.hero-copy h1{order:1;margin:8px 0 7px;font-size:38px!important}.hero-copy .status-line{order:2}
@media(max-width:620px){.hero{display:flex;gap:12px;min-height:76px;padding:8px 0 7px}.hero .orb-wrap{flex:0 0 48px;width:48px;height:48px}.hero .orb{width:39px;height:39px}.hero-copy .hero-kicker{font-size:7px;letter-spacing:1.7px}.hero-copy h1{font-size:clamp(23px,6vw,28px)!important;line-height:1.12;margin:5px 0 4px}.hero-copy .status-line{font-size:9px}}


/* V3.4.1 — moonlit focus space + a genuinely redesigned Private Line */
:root{--moon-ink:#0d1020;--moon-panel:#19182b;--moon-panel-hi:#24213b;--moon-lilac:#dcd4ff;--moon-violet:#9a86d5;--moon-silver:#f0edff}

/* Focus-space entry: crescent, not the old sparkle. */
#companionBtn .companion-trigger-icon{font:34px/1 Georgia,serif!important;color:#ded5ff!important;background:radial-gradient(circle,#b8a7ff28,transparent 72%)!important;border:0!important;text-shadow:0 0 14px #b9a7ff99,0 0 30px #8e79d955;transform:rotate(-14deg)}
#companionBtn.companion-trigger{border-color:#a99be34d;background:linear-gradient(115deg,#201b39,#171729 72%);box-shadow:inset 0 1px #fff1,0 7px 24px #0007}

/* Moon hero: a large, luminous crescent replaces the generic D seal. */
#studyPanel.study-panel.drawer-open{width:min(96vw,780px)!important;padding:clamp(20px,3.5vw,36px)!important;background:radial-gradient(ellipse at 86% 17%,#36305d 0%,transparent 45%),linear-gradient(155deg,#1b1930 0%,#111222 58%,#0c0d19 100%)!important;border-left:1px solid #b8a8ff55!important;box-shadow:-28px 0 110px #02020acc!important}
#studyPanel .drawer-head{align-items:flex-start;margin-bottom:13px}
#studyPanel .drawer-head h2{font:700 clamp(40px,5.2vw,48px)/1.04 Georgia,serif!important;letter-spacing:-.8px!important;color:#f5f1ff!important;margin:8px 0 0!important;text-shadow:0 5px 28px #9b86da35}
#studyPanel .drawer-head .eyebrow,#studyPanel .eyebrow,#studyPanel .presence-kicker{color:#bfb2f2!important;letter-spacing:2.2px!important}
#studyPanel .moon-presence{position:relative;isolation:isolate;display:flex;align-items:center;min-height:174px;margin:12px 0 26px!important;padding:22px 26px!important;overflow:hidden;border:1px solid #b5a7ed38!important;border-radius:24px!important;background:radial-gradient(ellipse at 82% 46%,#5d4a9250 0%,transparent 46%),linear-gradient(105deg,#292441 0%,#201d36 56%,#17182c 100%)!important;box-shadow:inset 0 1px #ffffff14,0 18px 44px #03030b66!important}
#studyPanel .moon-presence:before{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-74px;top:-65px;border-radius:50%;background:radial-gradient(circle,#b5a6ff14 0%,#9d8ce90b 42%,transparent 70%)}
#studyPanel .moon-presence .presence-copy{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;max-width:56%;padding-top:4px}
#studyPanel .moon-presence .presence-copy strong{font:italic 25px/1.15 Georgia,serif!important;color:#f5f1ff!important}
#studyPanel .moon-presence .presence-copy p{margin:0;color:#bcb4d0;font-size:12px;line-height:1.5;letter-spacing:.2px}
#studyPanel .presence-moon-visual{position:absolute;right:27px;top:50%;width:154px;height:154px;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none}
#studyPanel .presence-moon-visual:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#b9a9ff20;filter:blur(24px)}
#studyPanel .presence-moon-orbit{position:absolute;border:1px solid #d8d0ff35;border-radius:50%;transform:rotate(-24deg)}
#studyPanel .presence-moon-orbit.orbit-a{width:146px;height:89px}
#studyPanel .presence-moon-orbit.orbit-b{width:126px;height:126px;border-color:#c9baff18}
#studyPanel .presence-moon-glyph{position:relative;z-index:1;font:150px/.8 Georgia,serif;background:linear-gradient(145deg,#fffaff 6%,#e2d9ff 42%,#9e8bc9 82%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 28px #c9b8ff52,0 0 60px #8e7ad04a;transform:rotate(-13deg);filter:drop-shadow(0 8px 16px #07071188)}
#studyPanel .presence-moon-star{position:absolute;z-index:2;color:#f0eaff;text-shadow:0 0 12px #d2c4ff;font-size:17px}
#studyPanel .presence-moon-star.star-a{right:10px;top:27px}.presence-moon-star.star-b{left:14px;bottom:23px;font-size:14px}.presence-moon-star.star-c{right:28px;bottom:17px;font-size:30px;opacity:.65}
#studyPanel .moon-presence .presence-state{position:absolute;right:18px;top:15px;font-size:8px;letter-spacing:1.7px;color:#d5cdf4!important;background:#ffffff08;border:1px solid #c6b7ff28;border-radius:30px;padding:5px 8px}
#studyPanel .presence-state i{background:#c6f0db;box-shadow:0 0 9px #b8f5d7}
#studyPanel .section-heading{align-items:flex-end;margin:0 0 14px!important}
#studyPanel .section-heading h2{font:italic 35px/1.13 Georgia,serif!important;color:#f5f0ff!important;margin:8px 0 0!important;letter-spacing:-.3px}
#studyPanel .session-pill{color:#ddd5ff!important;border-color:#aa9be54a!important;background:#ffffff08!important}
#studyPanel .timer-card{padding:25px 24px 21px!important;background:radial-gradient(ellipse at 50% 0%,#413764 0%,#24213c 43%,#17182b 100%)!important;border:1px solid #b6a5ed46!important;border-radius:24px!important;box-shadow:0 18px 50px #03030c88,inset 0 1px #ffffff15!important}
#studyPanel .timer-mode{max-width:330px;background:#121326;border:1px solid #b6a5ed2a;padding:4px}
#studyPanel .mode-btn{font-size:11px;letter-spacing:1.2px;color:#beb6d9}
#studyPanel .mode-btn.active{background:linear-gradient(135deg,#e9e2ff,#aa9bdc);color:#201b34;box-shadow:0 3px 14px #09081255}
#studyPanel .timer{font:clamp(58px,8vw,76px)/1 Georgia,serif!important;letter-spacing:2px;color:#f1edff!important;text-shadow:0 0 30px #b5a3ff66!important;padding:31px 0 20px!important}
#studyPanel .timer-target{color:#c8c0e2!important;font-size:10px;letter-spacing:1.5px}
#studyPanel .timer-target input{background:#141426!important;border-color:#a99ade55!important;color:#f3efff!important}
#studyPanel .timer-controls .primary-btn{background:linear-gradient(135deg,#e9e2ff,#a899d8)!important;color:#211b34!important;box-shadow:0 8px 22px #08071166}
#studyPanel .timer-controls .secondary-btn{background:#ffffff09!important;border-color:#b9a9f14d!important;color:#e6dfff!important}
#studyPanel .timer-note{color:#aaa3c4!important}
#studyPanel .companion-call-setting{border-top-color:#b4a5ed2b!important}
#studyPanel .companion-call-setting label{color:#d6cdf4!important}
#studyPanel .companion-call-setting select{background:#141426!important;border-color:#b5a5ec4d!important;color:#f1edff!important}
#studyPanel .report-card,#studyPanel .history-card{background:linear-gradient(145deg,#24213b,#171827)!important;border-color:#aa9be52f!important}
#studyPanel .checkin-heading h3,#studyPanel .card-title-row h3{font:26px Georgia,serif!important;color:#f4f0ff!important}
#studyPanel .report-card .checkin-prompt{color:#b8b0d0!important}
#studyPanel .report-card textarea{background:#141426!important;border-color:#b5a5ec42!important;color:#f5f0ff!important}
#studyPanel .checkin-mark{border-color:#b5a5ec4a!important;color:#d0c5f4!important}
#studyPanel .stat-card{background:#1e1c32!important;border-color:#ab9ce52b!important}
#studyPanel .stat-card span{color:#bbb3d6!important}#studyPanel .stat-card strong{color:#e3d9ff!important}
#studyPanel .record-list li{border-bottom-color:#ffffff14!important;color:#d8d2e8!important}#studyPanel .record-list strong{color:#e6d9ff!important}

/* Private Line launch tile: full visual redesign, not merely a palette override. */
#realtimeBtn.live-call-btn.private-line-launch{position:relative;isolation:isolate;display:flex!important;align-items:center;justify-content:flex-start;gap:15px;width:100%;min-height:88px!important;padding:12px 17px!important;overflow:hidden;border:1px solid #d9b3d57a!important;border-radius:20px!important;text-align:left;background:radial-gradient(ellipse at 14% 0%,#a8588b5c 0%,transparent 47%),radial-gradient(ellipse at 92% 110%,#554b9270 0%,transparent 52%),linear-gradient(112deg,#3a203d 0%,#211b35 48%,#30203e 100%)!important;box-shadow:inset 0 1px #ffffff24,0 13px 38px #0009,0 0 36px #b86c9c2b!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
#realtimeBtn.live-call-btn.private-line-launch:before{content:"";position:absolute;inset:7px;border:1px solid #f0d4ef28;border-radius:14px;pointer-events:none;z-index:-1}
#realtimeBtn.live-call-btn.private-line-launch:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:-45px;top:-100px;border-radius:50%;background:radial-gradient(circle,#e2b5db21 0%,transparent 68%);border:1px solid #f0d4ef10;box-shadow:0 0 40px #d9a2d32a}
#realtimeBtn.live-call-btn.private-line-launch:hover{transform:translateY(-2px);border-color:#f0c8e6!important;box-shadow:inset 0 1px #ffffff2b,0 18px 44px #000b,0 0 44px #bd76a447!important}
#realtimeBtn .private-line-backdrop{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
#realtimeBtn .private-line-backdrop i{position:absolute;right:42px;top:50%;width:62px;height:62px;border:1px solid #ebc6e528;border-radius:50%;transform:translateY(-50%)}
#realtimeBtn .private-line-backdrop i:nth-child(2){width:92px;height:92px;right:27px;border-color:#ebc6e518}
#realtimeBtn .private-line-backdrop i:nth-child(3){width:122px;height:122px;right:12px;border-color:#ebc6e50e}
#realtimeBtn .private-line-icon-wrap{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:18px;border:1px solid #f3c8e5a3;background:radial-gradient(circle at 32% 25%,#f6d8ec 0%,#c27aa9 39%,#603d75 78%,#2b203c 100%);box-shadow:0 0 0 5px #e8bade14,0 0 30px #d68ebc68,inset 0 1px #fff9}
#realtimeBtn .private-line-icon-halo{position:absolute;inset:-8px;border:1px solid #efc9e744;border-radius:21px;animation:privateHalo 7s linear infinite}
#realtimeBtn .private-line-phone-icon{position:relative;width:27px;height:27px;fill:#fff7fb;filter:drop-shadow(0 2px 6px #421b42aa)}
#realtimeBtn .live-call-copy{position:relative;z-index:1;display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}
#realtimeBtn .private-line-kicker{font-size:7px!important;letter-spacing:2.2px!important;color:#d9b9d5!important;line-height:1.2}
#realtimeBtn .live-call-copy b.live-call-label{font:700 13px/1.2 Georgia,serif!important;letter-spacing:2.1px!important;color:#fff5fb!important}
#realtimeBtn .live-call-copy small:last-child{font-size:8px!important;letter-spacing:1.2px!important;color:#d9bfd7!important;line-height:1.2}
#realtimeBtn .private-line-action{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #efc9e34d;border-radius:50%;color:#f3d8ed;font:17px/1 Inter,system-ui,sans-serif;background:#ffffff0b}
#realtimeBtn.realtime-active{border-color:#9fdfc1!important;background:radial-gradient(ellipse at 15% 0%,#3c8e7166,transparent 54%),linear-gradient(110deg,#1b453a,#24203a 62%,#2c2844)!important}
#realtimeBtn.realtime-active .private-line-icon-wrap{background:radial-gradient(circle at 32% 25%,#d9fff0,#72b89a 48%,#285b4c 88%)}
@keyframes privateHalo{to{transform:rotate(360deg)}}

/* The incoming-call cover gets its own designed composition and clear answer/decline actions. */
#callOverlay.call-overlay{background:radial-gradient(ellipse at 50% 28%,#4e3564 0%,#211c36 47%,#090a14 100%)!important;backdrop-filter:blur(18px)}
#callOverlay .private-incoming-card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,440px)!important;padding:25px 30px 27px!important;border:1px solid #cbb6e77a!important;border-radius:32px!important;background:radial-gradient(ellipse at 50% 38%,#47345e 0%,#28213e 45%,#171729 100%)!important;box-shadow:0 32px 110px #02020bcf,0 0 70px #a98bce2b!important}
#callOverlay .private-incoming-card:before{content:"";position:absolute;inset:10px;border:1px solid #eee5ff1c;border-radius:24px;pointer-events:none;z-index:-1}
#callOverlay .call-card-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}
#callOverlay .call-card-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #e4d7fa55;border-radius:50%;font:17px Georgia,serif;color:#f4eaff;background:linear-gradient(145deg,#9c83c1,#48395f);box-shadow:0 0 20px #aa91d744}
#callOverlay .call-label{font-size:9px;letter-spacing:3px;color:#e3d6fa!important}
#callOverlay .call-card-live{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #a9d9c32f;border-radius:20px;color:#c6ebd7;font-size:7px;letter-spacing:1.5px}
#callOverlay .call-card-live i{width:5px;height:5px;border-radius:50%;background:#9de6bd;box-shadow:0 0 9px #9de6bd}
#callOverlay .call-stage-art{position:relative;display:grid;place-items:center;width:212px;height:194px;margin:17px auto 2px}
#callOverlay .call-stage-orbit{position:absolute;border:1px solid #d8c9ef30;border-radius:50%;transform:rotate(-18deg)}
#callOverlay .call-stage-orbit.orbit-one{width:190px;height:128px}
#callOverlay .call-stage-orbit.orbit-two{width:158px;height:158px;border-color:#d8c9ef20;transform:rotate(34deg)}
#callOverlay .call-stage-orbit.orbit-three{width:208px;height:92px;border-color:#d8c9ef17;transform:rotate(56deg)}
#callOverlay .call-avatar{position:relative;display:grid;place-items:center;width:118px;height:118px;margin:0;border:1px solid #f0e4ff99;border-radius:50%;background:radial-gradient(circle at 32% 22%,#fff7ff 0%,#d7c1ed 16%,#967db6 43%,#51406e 73%,#27233d 100%)!important;box-shadow:0 0 0 8px #d8c9ef10,0 0 0 17px #d8c9ef08,0 0 62px #c9a6ef77,inset -11px -14px 28px #20162f88!important}
#callOverlay .call-avatar:before,#callOverlay .call-avatar:after{content:"";position:absolute;inset:-12px;border:1px solid #e4d4f477;border-radius:50%;animation:callHalo 8s linear infinite}
#callOverlay .call-avatar:after{inset:-23px;border-color:#cdb4e94d;animation-duration:13s;animation-direction:reverse}
#callOverlay .call-avatar-glass{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(ellipse at 30% 15%,#ffffff66,transparent 47%);pointer-events:none}
#callOverlay .call-avatar-phone{position:relative;z-index:1;width:41px;height:41px;fill:#342343;filter:drop-shadow(0 4px 7px #fff8)}
#callOverlay .call-stage-star{position:absolute;color:#f0eaff;text-shadow:0 0 13px #e4d2ff;font-size:17px}
#callOverlay .call-stage-star.star-one{right:18px;top:27px}.call-stage-star.star-two{left:15px;bottom:26px;font-size:14px}
#callOverlay .call-presence-kicker{margin-top:7px;color:#d7c8f0!important;font-size:8px;letter-spacing:3px}
#callOverlay .call-card h2{font:36px/1 Georgia,serif!important;letter-spacing:10px;color:#fff8ff!important;margin:10px 0 9px;padding-left:10px;text-shadow:0 0 27px #cab1ed4a}
#callOverlay .call-card p{max-width:300px;margin:10px auto 22px;color:#d7cde5!important;font-size:13px;line-height:1.65}
#callOverlay .call-actions{display:flex;justify-content:center;gap:58px}
#callOverlay .call-actions button{width:70px;height:70px;border:1px solid #ffffff22;border-radius:50%;font-size:9px;letter-spacing:1.2px;box-shadow:0 11px 28px #05040b88,inset 0 1px #ffffff33}
#callOverlay .call-actions .decline{background:linear-gradient(145deg,#d77e9a,#85364f)!important;color:#fff5f7}
#callOverlay .call-actions .answer{background:linear-gradient(145deg,#a4d2b9,#477e68)!important;color:#10241b}
#callOverlay .call-card small{display:block;margin-top:21px;color:#a99cbc;font-size:8px;letter-spacing:2px}

/* Active call stage: more spacious and visually distinct from chat. */
#activeCallOverlay.active-call-overlay{background:radial-gradient(ellipse at 50% 35%,#46315f 0%,#1b182e 49%,#090a14 100%)!important}
#activeCallOverlay .active-call-avatar{width:196px;height:196px;border:1px solid #d6c5f28c!important;background:radial-gradient(circle at 33% 23%,#fff3ff 0%,#c6a9df 14%,#8066a7 39%,#3b315d 70%,#17152a 100%)!important;box-shadow:0 0 0 9px #c9b6ed12,0 0 0 23px #c9b6ed09,0 0 95px #a98bdb66,inset 0 0 52px #e3cdfc38!important}
#activeCallOverlay .call-liquid-core{background:radial-gradient(circle at 34% 25%,#fff8ff 0%,#e1c9f0 15%,#b08bc9 32%,#75578f 58%,#342847 100%)!important}
#activeCallOverlay .active-call-name{font:42px Georgia,serif!important;letter-spacing:9px;color:#f7f2ff!important}
#activeCallOverlay .active-call-status{color:#e7dfff!important;font-size:15px}
#activeCallOverlay .active-call-transcript{color:#bcb2d3!important}
#activeCallOverlay .call-waveform i{background:linear-gradient(#e4d8ff,#9279bd)!important}
#activeCallOverlay .hangup-btn{background:linear-gradient(145deg,#d47b98,#79354f)!important;box-shadow:0 0 27px #c7658977}

@media(max-width:620px){
  #studyPanel.study-panel.drawer-open{width:100vw!important;padding:17px 14px 26px!important}
  #studyPanel .drawer-head h2{font-size:39px!important}
  #studyPanel .moon-presence{min-height:148px;padding:18px 17px!important;margin:10px 0 22px!important;border-radius:21px!important}
  #studyPanel .moon-presence .presence-copy{max-width:58%;gap:7px}
  #studyPanel .moon-presence .presence-copy strong{font-size:22px!important}
  #studyPanel .moon-presence .presence-copy p{font-size:10px}
  #studyPanel .presence-moon-visual{right:8px;width:128px;height:128px}
  #studyPanel .presence-moon-glyph{font-size:126px}
  #studyPanel .presence-moon-orbit.orbit-a{width:125px;height:77px}
  #studyPanel .presence-moon-orbit.orbit-b{width:111px;height:111px}
  #studyPanel .moon-presence .presence-state{right:12px;top:10px;font-size:7px}
  #studyPanel .section-heading h2{font-size:30px!important}
  #studyPanel .timer-card{padding:20px 14px 16px!important}
  #studyPanel .timer{font-size:58px!important;padding:25px 0 18px!important}
  #realtimeBtn.live-call-btn.private-line-launch{min-height:78px!important;padding:10px 11px!important;gap:10px;border-radius:17px!important}
  #realtimeBtn .private-line-icon-wrap{flex-basis:48px;width:48px;height:48px;border-radius:15px}
  #realtimeBtn .private-line-phone-icon{width:23px;height:23px}
  #realtimeBtn .private-line-kicker{font-size:6px!important;letter-spacing:1.6px!important}
  #realtimeBtn .live-call-copy b.live-call-label{font-size:11px!important;letter-spacing:1.3px!important}
  #realtimeBtn .live-call-copy small:last-child{font-size:6px!important;letter-spacing:.7px!important}
  #realtimeBtn .private-line-action{flex-basis:25px;width:25px;height:25px;font-size:14px}
  #realtimeBtn .private-line-backdrop i{right:27px;width:48px;height:48px}#realtimeBtn .private-line-backdrop i:nth-child(2){right:14px;width:70px;height:70px}#realtimeBtn .private-line-backdrop i:nth-child(3){right:1px;width:92px;height:92px}
  #callOverlay .private-incoming-card{width:min(100%,390px)!important;padding:20px 20px 22px!important;border-radius:27px!important}
  #callOverlay .call-stage-art{width:190px;height:174px;margin:13px auto 0}
  #callOverlay .call-stage-orbit.orbit-one{width:170px;height:116px}#callOverlay .call-stage-orbit.orbit-two{width:142px;height:142px}#callOverlay .call-stage-orbit.orbit-three{width:184px;height:82px}
  #callOverlay .call-avatar{width:104px;height:104px}
  #callOverlay .call-avatar-phone{width:36px;height:36px}
  #callOverlay .call-card h2{font-size:32px!important}
  #callOverlay .call-actions{gap:44px}
  #callOverlay .call-actions button{width:64px;height:64px}
  #activeCallOverlay .active-call-avatar{width:154px;height:154px}
  #activeCallOverlay .active-call-name{font-size:34px!important}
}
@media(prefers-reduced-motion:reduce){#realtimeBtn .private-line-icon-halo,#callOverlay .call-stage-orbit,#callOverlay .call-avatar:before,#callOverlay .call-avatar:after{animation:none!important}}


/* V3.4.1 headline scale correction */
.hero-copy h1{font-size:clamp(39px,4.4vw,46px)!important;line-height:1.08!important;letter-spacing:-.35px!important}
@media(max-width:620px){.hero-copy h1{font-size:clamp(28px,7vw,31px)!important;line-height:1.08!important;letter-spacing:-.45px!important;margin:6px 0 5px!important}}
@media(max-width:380px){.hero-copy h1{font-size:27px!important}}


/* V3.4.2 — black-gold palette, moon-only placement and a rebuilt focus workspace. */
:root{
  color-scheme:dark;
  --bg:#080807;--panel:#11110f;--panel2:#191812;
  --gold:#c8a96e;--gold2:#80643a;--muted:#a79f8f;
  --line:rgba(203,174,113,.22);--white:#f3ecdc;--red:#4a1017;
}
body{background:radial-gradient(ellipse at 50% -18%,#282216 0%,#12110e 37%,#080807 78%,#040404 100%)!important;color:#f3ecdc!important}
.topbar{border-bottom-color:#c9a96d2c!important}
.brand-mark{background:linear-gradient(145deg,#f0d79d,#b58d4e 58%,#5e4828)!important;color:#17130c!important;box-shadow:0 0 26px #c5a05b3d,inset 0 0 0 1px #fff4!important}
.brand-name{color:#f4e7c8!important}.brand-sub{color:#b5a17b!important}
.hero{justify-content:space-between!important;gap:18px!important}
.hero-copy{flex:1 1 auto!important}
.hero-copy .hero-kicker{color:#c4a66c!important}
.hero-copy h1{color:#f5ecd9!important;text-shadow:0 5px 28px #b68d4930!important}
.status-line{color:#b9ae98!important}.status-dot,.online i{background:#c5a66d!important;box-shadow:0 0 10px #c5a66d!important}
.orb{background:radial-gradient(circle at 32% 25%,#fff1cc 0%,#d9b879 16%,#80633b 45%,#282116 75%,#0c0b09 100%)!important;box-shadow:0 0 30px #c49b5345,0 0 82px #8b6b3430,inset -9px -12px 22px #100b20aa!important}
.orb:after{border-color:#e7cd9144!important;box-shadow:0 0 28px #d2ad6940!important}.orb-core{background:#fff3d7!important;box-shadow:0 0 26px 10px #e7c77caa!important}
.moon-entry-btn{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #c9a66a66;border-radius:50%;background:radial-gradient(circle at 36% 25%,#2d281b,#0d0c0a 75%);color:#e3c47d;box-shadow:0 0 0 5px #c7a5680d,0 0 24px #c29b5033,inset 0 1px #fff2;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.moon-entry-btn span{display:block;font:31px/1 Georgia,serif;transform:translate(1px,-1px);text-shadow:0 0 14px #e2c27a88}
.moon-entry-btn:hover{transform:translateY(-2px);border-color:#f0d38e;box-shadow:0 0 0 6px #d5b56c12,0 0 30px #cba65b5c}
.chat{scrollbar-color:#80663e transparent!important}.bubble{background:linear-gradient(135deg,#1e1b14,#11110e 78%)!important;border-color:#c8a66d32!important;color:#f0e8d7!important}
.user .bubble{background:linear-gradient(135deg,#30271a,#211b13)!important;border-color:#b9935545!important}.speaker{color:#d6b778!important}.message-time{color:#8f8778!important}
.composer{background:linear-gradient(180deg,#08080700,#080807 22%)!important}.input-row{background:linear-gradient(130deg,#1a1811,#10100d)!important;border-color:#c6a46755!important}.input-row textarea{color:#f4ecd9!important}.input-row textarea::placeholder{color:#8e8779!important}
.send-btn,.primary-btn{background:linear-gradient(145deg,#f0d99e,#b68e4d 72%,#8e6a36)!important;color:#17130c!important;box-shadow:0 5px 19px #a17b3b2e!important}
.secondary-btn{background:#ffffff08!important;border-color:#b99a5b48!important;color:#e1d3b6!important}
.icon-btn{border-color:#c4a36a44!important;background:#ffffff07!important;color:#e6d2a4!important}
.mic-btn{border-color:#a88a514d!important;background:linear-gradient(135deg,#211d13,#11100d)!important;color:#dfd0ac!important}
.mic-btn.recording{background:linear-gradient(135deg,#451117,#20090c)!important;border-color:#84313a!important;box-shadow:0 0 18px #6c182544!important}
.live-call-btn{border-color:#c4a26778!important;background:radial-gradient(ellipse at 18% 0%,#d4ac6250,transparent 54%),linear-gradient(115deg,#282113 0%,#14120d 56%,#241b10 100%)!important;box-shadow:inset 0 1px #fff2,0 10px 30px #0009,0 0 27px #b18b4b20!important}
#realtimeBtn .private-line-icon-wrap{background:radial-gradient(circle at 32% 22%,#fff0c7,#c39a56 49%,#49351c 86%)!important;border-color:#e7ca8c99!important;color:#20180d!important;box-shadow:0 0 0 5px #d6b46a18,0 0 24px #d1a95b60!important}
#realtimeBtn .private-line-phone-icon{fill:#2a1f0e!important}#realtimeBtn .private-line-kicker{color:#c8b17e!important}#realtimeBtn .live-call-copy b.live-call-label{color:#fff1d1!important}#realtimeBtn .live-call-copy small:last-child{color:#b9a783!important}#realtimeBtn .private-line-action{border-color:#d9bd7b55!important;color:#e5cb91!important;background:#08080755!important}
#realtimeBtn .private-line-backdrop i{border-color:#d2b16b30!important}
#realtimeBtn.realtime-active{border-color:#c7d7af!important;background:linear-gradient(110deg,#213025,#1b2015 62%,#282315)!important}

/* Focus drawer: one integrated timer composition, then compact note/history cards. */
#studyPanel.study-panel.drawer-open{display:flex!important;flex-direction:column!important;width:min(94vw,820px)!important;padding:clamp(18px,3vw,32px)!important;background:radial-gradient(ellipse at 18% 0%,#282115 0%,#15140f 36%,#0a0a08 100%)!important;border-left:1px solid #c3a26448!important;box-shadow:-30px 0 100px #000d!important;border-radius:20px 0 0 20px!important;gap:0!important}
#studyPanel .drawer-head{margin-bottom:18px!important;padding-bottom:15px!important;border-bottom-color:#c6a5692b!important}
#studyPanel .drawer-head h2{font:italic 39px/1.06 Georgia,serif!important;color:#f3e8d0!important;letter-spacing:-.5px!important}
#studyPanel .eyebrow{color:#c7a96d!important;letter-spacing:2px!important}
#studyPanel .focus-timer-card{display:flex;flex-direction:column;gap:0;margin:0 0 15px!important;padding:21px 24px 17px!important;border:1px solid #c4a26649!important;border-radius:22px!important;background:radial-gradient(ellipse at 20% 0%,#302719 0%,#1a1811 49%,#11100c 100%)!important;box-shadow:0 17px 48px #0008,inset 0 1px #ffffff12!important}
#studyPanel .focus-clock-layout{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:21px;min-width:0}
#studyPanel .focus-moon-badge{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:auto;border-radius:50%;background:radial-gradient(circle at 50% 50%,#c7a25d20 0%,#b28a4a0b 54%,transparent 72%);border:1px solid #c7a66a32;box-shadow:0 0 0 8px #c7a66a0b,0 0 36px #c7a66a21,inset 0 0 28px #d6b46a12}
#studyPanel .focus-moon-badge>span{font:93px/1 Georgia,serif;color:#e8ce8e;text-shadow:0 0 12px #e0bd6e88,0 0 38px #c79b4f88;transform:translate(4px,-4px)}
#studyPanel .focus-moon-badge .moon-orbit{position:absolute;inset:10px 1px;border:1px solid #d9bd7b44;border-radius:50%;transform:rotate(-30deg) scaleY(.62)}
#studyPanel .focus-moon-badge .moon-star{position:absolute;font-style:normal;color:#f1d99d;text-shadow:0 0 10px #e8cc82;font-size:13px}
#studyPanel .focus-moon-badge .moon-star-one{right:10px;top:13px}.focus-moon-badge .moon-star-two{left:12px;bottom:16px;font-size:21px}
#studyPanel .focus-clock-main{min-width:0}
#studyPanel .focus-timer-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#studyPanel .timer-mode{margin:0;max-width:330px;flex:1;background:#0c0c09;border:1px solid #b99a5b2a;padding:3px}
#studyPanel .mode-btn{font-size:10px;letter-spacing:1.1px;color:#aaa088;padding:8px 7px}
#studyPanel .mode-btn.active{background:linear-gradient(135deg,#e5cd91,#a9874b)!important;color:#1b160c!important}
#studyPanel .session-pill{flex:0 0 auto;padding:6px 9px;color:#e3c985!important;border-color:#b99a5b4a!important;background:#ffffff06!important;font-size:8px;letter-spacing:1.2px}
#studyPanel .timer{padding:18px 0 9px!important;text-align:left!important;font:clamp(43px,6.2vw,65px)/1 Georgia,serif!important;letter-spacing:1px!important;color:#f3dfaa!important;text-shadow:0 0 25px #d7b76a3b!important}
#studyPanel .timer-target{text-align:left!important;color:#a99c80!important;font-size:9px!important;letter-spacing:1.3px}
#studyPanel .timer-target input{background:#0c0c09!important;border-color:#b99a5b44!important;color:#f2e4c3!important}
#studyPanel .timer-controls{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:9px;margin-top:20px!important}
#studyPanel .timer-controls button{min-height:44px;border-radius:11px!important;font-size:10px;letter-spacing:1px}
#studyPanel .timer-note{display:none!important}
#studyPanel .companion-call-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px!important;padding-top:13px!important;border-top:1px solid #c6a56924!important}
#studyPanel .companion-call-setting label{color:#c8b17e!important;font-size:8px;letter-spacing:1.5px}
#studyPanel .companion-call-setting select{min-width:165px;max-width:60%;background:#0d0d0a!important;border:1px solid #b99a5b48!important;color:#ead9b1!important;border-radius:9px;padding:9px 11px;font-size:10px}
#studyPanel .focus-secondary-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:14px;min-width:0}
#studyPanel .focus-note-card,#studyPanel .focus-history-card{min-width:0;margin:0!important;padding:17px 18px!important;border:1px solid #b99b5c35!important;border-radius:17px!important;background:linear-gradient(145deg,#1a1811,#10100d 83%)!important;box-shadow:0 10px 28px #0005!important}
#studyPanel .checkin-heading{align-items:center;margin-bottom:8px}
#studyPanel .checkin-heading h3,#studyPanel .card-title-row h3{font:italic 22px Georgia,serif!important;color:#f0e5cb!important;margin:5px 0 4px!important}
#studyPanel .checkin-mark{color:#a89160!important;font-size:7px;letter-spacing:1px}
#studyPanel .focus-note-card textarea{height:83px!important;min-height:83px!important;max-height:130px;resize:vertical!important;margin:8px 0 10px!important;padding:11px 12px!important;background:#0b0b09!important;border:1px solid #b99a5b38!important;color:#f3ead7!important;border-radius:10px!important;font-size:12px}
#studyPanel .focus-note-card textarea::placeholder{color:#857c6a!important}
#studyPanel .focus-note-card .primary-btn{min-height:40px!important;font-size:9px!important;letter-spacing:1.3px}
#studyPanel .focus-history-card .card-title-row{align-items:center;margin-bottom:12px}
#studyPanel .focus-history-card .text-btn{color:#a99b80!important;font-size:8px;letter-spacing:1px}
#studyPanel .stats-grid{gap:7px!important}
#studyPanel .stat-card{margin:0!important;padding:10px 8px!important;background:#11110d!important;border:1px solid #b99a5b25!important;border-radius:10px!important}
#studyPanel .stat-card span{color:#a79b82!important;font-size:7px!important;letter-spacing:.8px}
#studyPanel .stat-card strong{color:#e7cf95!important;font:18px Georgia,serif!important;margin-top:6px!important}
#studyPanel .record-list{max-height:150px;overflow:auto;margin-top:8px!important}
#studyPanel .record-list li{padding:7px 1px!important;border-bottom-color:#ffffff0e!important;color:#c6bda8!important;font-size:10px!important}
#studyPanel .record-list strong{color:#e2c887!important}
#studyPanel .task-card[hidden],#studyPanel .task-card{display:none!important}
.drawer-backdrop.show{background:#050504bb!important;backdrop-filter:blur(9px)!important}

/* Black-gold private line and restrained oxblood call accents. */
#callOverlay.call-overlay{background:radial-gradient(ellipse at 50% 25%,#2c2418 0%,#11100d 46%,#050505 100%)!important}
#callOverlay .private-incoming-card{border-color:#c9a76570!important;background:radial-gradient(ellipse at 50% 32%,#312719 0%,#1b1811 48%,#0b0b09 100%)!important;box-shadow:0 32px 110px #000e,0 0 55px #b48e4a21!important}
#callOverlay .private-incoming-card:before{border-color:#dfc17a1c!important}
#callOverlay .call-card-mark{border-color:#d3b36b55!important;color:#f3dfaa!important;background:linear-gradient(145deg,#b99551,#42331b)!important}
#callOverlay .call-label,#callOverlay .call-presence-kicker{color:#d6bd83!important}
#callOverlay .call-card-live{border-color:#9fc9a532!important;color:#b8d3ae!important}
#callOverlay .call-stage-orbit{border-color:#d3b36b38!important}
#callOverlay .call-avatar{border-color:#efdaa16e!important;background:radial-gradient(circle at 32% 22%,#fff2cc 0%,#d0ad69 18%,#86673a 47%,#302517 78%,#0d0d0a 100%)!important;box-shadow:0 0 0 8px #d2ad6411,0 0 0 17px #d2ad6408,0 0 60px #c9a04e50,inset -11px -14px 28px #1b160c88!important}
#callOverlay .call-avatar-phone{fill:#30220f!important}
#callOverlay .call-stage-star{color:#edd99e!important;text-shadow:0 0 13px #e6c77c!important}
#callOverlay .call-card h2{color:#f5e9cf!important;text-shadow:0 0 24px #d4b36a35!important}
#callOverlay .call-card p{color:#c9bea8!important}
#callOverlay .call-actions .decline{background:linear-gradient(145deg,#6c1b25,#300a10)!important;color:#f7e8e2!important}
#callOverlay .call-actions .answer{background:linear-gradient(145deg,#d9bd7b,#8c6b38)!important;color:#1b160c!important}
#callOverlay .call-card small{color:#968b74!important}
#activeCallOverlay.active-call-overlay{background:radial-gradient(ellipse at 50% 35%,#302718 0%,#15140f 49%,#050505 100%)!important}
#activeCallOverlay .active-call-avatar{border-color:#d8bd7e88!important;background:radial-gradient(circle at 33% 23%,#fff3d1 0%,#c9a866 15%,#85683d 41%,#33291a 73%,#100f0b 100%)!important;box-shadow:0 0 0 9px #c9a85c12,0 0 0 23px #c9a85c09,0 0 95px #c29d5860,inset 0 0 52px #e3cdfc18!important}
#activeCallOverlay .call-liquid-core{background:radial-gradient(circle at 34% 25%,#fff5db 0%,#e1c98b 15%,#b08a4c 32%,#75582d 58%,#342817 100%)!important}
#activeCallOverlay .active-call-name{color:#f4e8ca!important}#activeCallOverlay .active-call-status{color:#d7c394!important}#activeCallOverlay .call-waveform i{background:linear-gradient(#edd99e,#96763d)!important}
#activeCallOverlay .hangup-btn{background:linear-gradient(145deg,#70202b,#2d090e)!important;box-shadow:0 0 25px #54151d66!important}
.settings-dialog{background:#12110d!important;border-color:#b99a5b55!important;color:#eee4cf!important}
.settings-dialog::backdrop{background:#030302d9!important}
.settings-title{color:#f0e3c6!important}.settings-desc,.settings-hint{color:#a89f8c!important}
.select-label select,.select-label input,.settings-card textarea{background:#090907!important;border-color:#ad8b4d44!important;color:#eee2c6!important}
.persona-secret-trigger{border-color:#b99a5b55!important;color:#d8bf83!important;background:#15130d!important}

@media(max-width:700px){
  #studyPanel.study-panel.drawer-open{width:100vw!important;border-radius:0!important;padding:calc(15px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom))!important}
  #studyPanel .drawer-head h2{font-size:34px!important}
  #studyPanel .focus-timer-card{padding:16px 13px 14px!important}
  #studyPanel .focus-clock-layout{grid-template-columns:78px minmax(0,1fr);gap:10px}
  #studyPanel .focus-moon-badge{width:74px;height:74px}
  #studyPanel .focus-moon-badge>span{font-size:61px}
  #studyPanel .focus-moon-badge .moon-orbit{inset:8px 0}
  #studyPanel .focus-moon-badge .moon-star-one{right:4px;top:7px;font-size:9px}
  #studyPanel .focus-moon-badge .moon-star-two{left:6px;bottom:8px;font-size:15px}
  #studyPanel .focus-timer-head{gap:5px;align-items:center}
  #studyPanel .timer-mode{max-width:none}
  #studyPanel .mode-btn{font-size:8px;padding:7px 4px;letter-spacing:.5px}
  #studyPanel .session-pill{padding:5px 6px;font-size:7px}
  #studyPanel .timer{font-size:clamp(35px,10vw,49px)!important;padding:14px 0 8px!important;letter-spacing:0!important}
  #studyPanel .timer-target{font-size:8px;letter-spacing:.6px}
  #studyPanel .timer-target input{width:50px;padding:5px;margin-left:3px;font-size:11px}
  #studyPanel .timer-controls{grid-template-columns:1.3fr 1fr 1fr;gap:6px;margin-top:14px!important}
  #studyPanel .timer-controls button{min-height:41px;padding:9px 5px;font-size:8px;letter-spacing:.5px}
  #studyPanel .companion-call-setting{margin-top:12px!important;padding-top:11px!important}
  #studyPanel .companion-call-setting select{min-width:0;max-width:65%;font-size:9px;padding:8px}
  #studyPanel .focus-secondary-grid{grid-template-columns:1fr;gap:10px}
  #studyPanel .focus-note-card,#studyPanel .focus-history-card{padding:14px!important}
  #studyPanel .focus-note-card textarea{height:70px!important;min-height:70px!important}
  .moon-entry-btn{width:36px;height:36px;flex-basis:36px}
  .moon-entry-btn span{font-size:26px}
}
@media(max-width:380px){
  #studyPanel .focus-clock-layout{grid-template-columns:64px minmax(0,1fr);gap:8px}
  #studyPanel .focus-moon-badge{width:62px;height:62px}
  #studyPanel .focus-moon-badge>span{font-size:52px}
  #studyPanel .timer{font-size:34px!important}
  #studyPanel .session-pill{font-size:6px}
  .moon-entry-btn{width:32px;height:32px;flex-basis:32px}
}


/* V3.4.2 palette completion for menus, mode switcher and in-app check-in note. */
.mode-control{background:#12110c!important;border-color:#aa884747!important}
.mode-control select{background:#100f0a!important;color:#e5d5ad!important;border-color:#ad8e5340!important}
.language-trigger{border-color:#b99a5b55!important;background:#13120d!important;color:#dfc47f!important}
.language-trigger svg{stroke:#dfc47f!important}
.language-menu{background:linear-gradient(150deg,#1b1912,#0d0d0a)!important;border-color:#b99a5b55!important;box-shadow:0 18px 55px #000c!important}
.language-menu-title{color:#b79b60!important}
.language-menu button{color:#e9dfc8!important}
.language-menu button.selected{background:linear-gradient(90deg,#c6a05c24,#c6a05c0d)!important;color:#f0d89b!important}
.language-menu button.selected:after{background:#dfc27d!important;box-shadow:0 0 9px #dfc27d!important}
.companion-note-overlay{background:radial-gradient(ellipse at 50% 40%,#2b2418 0%,#15130e 52%,#050505 100%)!important}
.note-top{color:#d1b677!important}.note-avatar{background:radial-gradient(circle at 30% 25%,#fff0c9,#c29a56 60%,#382a16)!important;color:#20170b!important;box-shadow:0 0 55px #c8a35a55,inset 0 0 0 5px #ffffff22!important}
.note-message{color:#eee3cb!important}.note-caption{color:#b6a47c!important}


/* V3.4.3 — centered gold liquid orb, stronger centered headline, unified black-gold private line. */
.hero{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  gap:0!important;padding:13px 0 17px!important;text-align:center!important;min-height:0!important;
}
.hero .orb-wrap{order:0!important;display:grid!important;place-items:center!important;width:100%!important;height:174px!important;flex:0 0 174px!important;position:relative!important;margin:0 auto 2px!important;}
.hero .hero-copy{order:1!important;flex:0 1 auto!important;width:100%!important;min-width:0!important;text-align:center!important;margin:0 auto!important;}
.hero .hero-copy .hero-kicker{text-align:center!important;font-size:9px!important;letter-spacing:3px!important;color:#c8a96d!important;margin:0 0 8px!important;}
.hero .hero-copy h1,.hero h1{display:block!important;width:100%!important;text-align:center!important;font:italic clamp(39px,5.2vw,49px)/1.12 Georgia,serif!important;letter-spacing:.15px!important;color:#f5ecd9!important;text-shadow:0 5px 28px #b68d4930!important;margin:0 auto 8px!important;}
.hero .status-line{justify-content:center!important;text-align:center!important;font-size:11px!important;color:#b9ae98!important;margin:0 auto!important;}
.hero .moon-entry-btn{position:absolute!important;right:1px!important;top:12px!important;z-index:3!important;}
.hero .orb{position:relative!important;width:132px!important;height:132px!important;border-radius:50%!important;isolation:isolate!important;overflow:visible!important;
  background:radial-gradient(circle at 36% 27%,#fff9dc 0%,#f4d990 9%,#d8ad53 23%,#a87927 43%,#563d19 67%,#17130b 100%)!important;
  border:1px solid #f2d58a99!important;box-shadow:0 0 0 1px #f5df9b24,0 0 24px #d9ad4d88,0 0 58px #c58d2c66,0 0 112px #a8752538,inset -15px -19px 30px #211707b8,inset 7px 8px 19px #fff2c94d!important;
  animation:goldOrbFloat 5.6s ease-in-out infinite!important;
}
.hero .orb:before{content:""!important;position:absolute!important;inset:-30px!important;border-radius:50%!important;z-index:-2!important;
  background:radial-gradient(ellipse at 50% 52%,#e8bd6542 0%,#c99a3a25 34%,#b58b3c0c 57%,transparent 72%)!important;
  filter:blur(12px)!important;animation:goldMistPulse 6.5s ease-in-out infinite!important;
}
.hero .orb:after{content:""!important;position:absolute!important;inset:-17px!important;border-radius:50%!important;z-index:-1!important;
  border:1px solid #e8c77a4a!important;box-shadow:0 0 22px #d6ad5b48,0 0 55px #c38d3940!important;
  transform:rotate(-24deg) scaleY(.76)!important;animation:goldHaloDrift 13s linear infinite!important;
}
.hero .orb-core{position:absolute!important;inset:10px!important;width:auto!important;height:auto!important;border-radius:50%!important;overflow:hidden!important;
  background:radial-gradient(ellipse at 34% 25%,#fffbe7 0%,#ffe7a4 10%,#f0c75e 23%,#d69e36 39%,#a36b20 59%,#553711 83%,#291b0a 100%)!important;
  filter:saturate(1.12)!important;box-shadow:inset -14px -18px 26px #3d270c99,inset 8px 7px 20px #fff4c96e,0 0 28px #edc45a99!important;
  animation:goldLiquidShift 7s ease-in-out infinite alternate!important;
}
.hero .orb-core:before{content:""!important;position:absolute!important;width:86%!important;height:48%!important;left:5%!important;top:13%!important;border-radius:50%!important;
  background:linear-gradient(115deg,transparent 0%,#fff6d38c 28%,#f8d77b72 48%,transparent 76%)!important;filter:blur(7px)!important;transform:rotate(-29deg)!important;animation:goldFlowStreak 5s ease-in-out infinite!important;
}
.hero .orb-core:after{content:""!important;position:absolute!important;width:76%!important;height:62%!important;right:-12%!important;bottom:-4%!important;border-radius:50%!important;
  background:radial-gradient(ellipse at 40% 35%,#ffe6a57a 0%,#d49b3a42 37%,transparent 73%)!important;filter:blur(8px)!important;animation:goldFlowStreak 6.5s ease-in-out infinite reverse!important;
}
.hero .orb-mist{position:absolute!important;display:block!important;pointer-events:none!important;border-radius:50%!important;filter:blur(8px)!important;z-index:2!important;mix-blend-mode:screen!important;}
.hero .orb-mist-a{width:170px!important;height:46px!important;left:-22px!important;top:45px!important;background:radial-gradient(ellipse,#f5d98a48 0%,#dfb65c2a 38%,transparent 73%)!important;transform:rotate(-28deg)!important;animation:mistDriftA 8s ease-in-out infinite!important;}
.hero .orb-mist-b{width:156px!important;height:38px!important;right:-22px!important;bottom:23px!important;background:radial-gradient(ellipse,#fff0bd3d 0%,#c99a4c22 42%,transparent 74%)!important;transform:rotate(31deg)!important;animation:mistDriftB 9s ease-in-out infinite!important;}
.hero .orb-fluid-streak{position:absolute!important;left:20%!important;top:27%!important;width:58%!important;height:13%!important;border-radius:50%!important;background:linear-gradient(90deg,transparent,#fff7d8a6,#f4ce72a1,transparent)!important;filter:blur(4px)!important;transform:rotate(-32deg)!important;}
.hero .orb-glint{position:absolute!important;z-index:4!important;width:19px!important;height:19px!important;right:24px!important;top:22px!important;border-radius:50%!important;background:radial-gradient(circle,#fffce7 0%,#fff1bfaa 28%,transparent 72%)!important;filter:blur(1px)!important;box-shadow:0 0 20px #fff0b8aa!important;pointer-events:none!important;}
@keyframes goldOrbFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes goldLiquidShift{0%{transform:scale(.98) rotate(-8deg);filter:hue-rotate(-3deg) saturate(1.05)}100%{transform:scale(1.025) rotate(9deg);filter:hue-rotate(8deg) saturate(1.2)}}
@keyframes goldFlowStreak{0%,100%{transform:translate(-5px,2px) rotate(-29deg);opacity:.55}50%{transform:translate(9px,-5px) rotate(-18deg);opacity:1}}
@keyframes goldMistPulse{0%,100%{opacity:.48;transform:scale(.94)}50%{opacity:.92;transform:scale(1.08)}}
@keyframes goldHaloDrift{to{transform:rotate(336deg) scaleY(.76)}}
@keyframes mistDriftA{0%,100%{transform:translate(-4px,3px) rotate(-28deg);opacity:.48}50%{transform:translate(10px,-8px) rotate(-16deg);opacity:.95}}
@keyframes mistDriftB{0%,100%{transform:translate(5px,-3px) rotate(31deg);opacity:.42}50%{transform:translate(-9px,7px) rotate(19deg);opacity:.9}}

/* The private-call launcher was still inheriting an older purple ID-level skin. Replace every visible layer. */
#realtimeBtn.live-call-btn.private-line-launch{
  border:1px solid #c9a76588!important;border-radius:19px!important;min-height:82px!important;padding:11px 16px!important;
  background:radial-gradient(ellipse at 12% 0%,#b18b4938 0%,transparent 49%),radial-gradient(ellipse at 95% 115%,#6f54251f 0%,transparent 53%),linear-gradient(112deg,#211c12 0%,#11110d 53%,#211a0e 100%)!important;
  box-shadow:inset 0 1px #fff2,0 13px 34px #000a,0 0 25px #b58d4820!important;
}
#realtimeBtn.live-call-btn.private-line-launch:before{border-color:#dfc17a24!important;}
#realtimeBtn.live-call-btn.private-line-launch:after{background:radial-gradient(circle,#e4c47a1b 0%,transparent 70%)!important;border-color:#e4c47a12!important;box-shadow:0 0 34px #d0a85a18!important;}
#realtimeBtn.live-call-btn.private-line-launch:hover{border-color:#ecd18d!important;box-shadow:inset 0 1px #fff3,0 17px 42px #000c,0 0 34px #c49a4a32!important;}
#realtimeBtn .private-line-icon-wrap{background:radial-gradient(circle at 32% 22%,#fff1c9 0%,#d5b36d 43%,#7b5b2b 80%,#332511 100%)!important;border:1px solid #f0d99c99!important;color:#20180c!important;box-shadow:0 0 0 5px #d7b66a14,0 0 24px #d1a95b4a!important;}
#realtimeBtn .private-line-icon-halo{border-color:#e3c77b48!important;box-shadow:0 0 23px #d5b36a22!important;}
#realtimeBtn .private-line-phone-icon{fill:#2a1f0e!important;filter:drop-shadow(0 2px 3px #fff5)!important;}
#realtimeBtn .private-line-kicker{color:#bda36d!important;}
#realtimeBtn .live-call-copy b.live-call-label{color:#f4e7c7!important;text-shadow:0 0 16px #c7a25b22!important;}
#realtimeBtn .live-call-copy small:last-child{color:#a99b7d!important;}
#realtimeBtn .private-line-action{border-color:#c9a76548!important;color:#dfc27e!important;background:#09090788!important;}
#realtimeBtn .private-line-backdrop i{border-color:#d2b16b25!important;}
#realtimeBtn.realtime-active{border-color:#c7d7af!important;background:linear-gradient(110deg,#20291d,#151a12 62%,#211b10)!important;}
#realtimeBtn.realtime-active .private-line-icon-wrap{background:radial-gradient(circle at 32% 22%,#edf5d8,#b6c78c 50%,#4b5c35 88%)!important;}

@media(max-width:700px){
 .hero{padding:10px 0 13px!important;gap:0!important;}
 .hero .orb-wrap{height:151px!important;flex-basis:151px!important;margin-bottom:1px!important;}
 .hero .orb{width:116px!important;height:116px!important;}
 .hero .orb-mist-a{width:148px!important;left:-16px!important;top:39px!important;}
 .hero .orb-mist-b{width:138px!important;right:-16px!important;bottom:18px!important;}
 .hero .hero-copy h1,.hero h1{font-size:clamp(34px,8.7vw,42px)!important;line-height:1.13!important;padding:0 34px!important;}
 .hero .hero-copy .hero-kicker{font-size:8px!important;letter-spacing:2.2px!important;}
 .hero .moon-entry-btn{right:0!important;top:8px!important;width:36px!important;height:36px!important;flex-basis:36px!important;}
 #realtimeBtn.live-call-btn.private-line-launch{min-height:76px!important;padding:10px 12px!important;}
}
@media(max-width:380px){
 .hero .orb-wrap{height:137px!important;flex-basis:137px!important;}
 .hero .orb{width:106px!important;height:106px!important;}
 .hero .hero-copy h1,.hero h1{font-size:33px!important;padding:0 30px!important;}
 #realtimeBtn .live-call-copy b.live-call-label{font-size:8px!important;letter-spacing:1px!important;}
}
@media(prefers-reduced-motion:reduce){.hero .orb,.hero .orb:before,.hero .orb:after,.hero .orb-core,.hero .orb-core:before,.hero .orb-core:after,.hero .orb-mist{animation:none!important;}}


/* V3.4.4 — quieter, more editorial private-call design; no handset glyph or purple inheritance. */
#realtimeBtn.live-call-btn.private-line-launch{
  min-height:88px!important;padding:13px 18px!important;gap:16px!important;border-radius:17px!important;
  border:1px solid #b89a5b66!important;
  background:linear-gradient(105deg,#17160f 0%,#0d0e0c 56%,#18150e 100%)!important;
  box-shadow:inset 0 1px #ffffff0a,0 13px 34px #0009,0 0 28px #bd98431c!important;
}
#realtimeBtn.live-call-btn.private-line-launch:before{inset:6px!important;border:1px solid #d0b46a17!important;border-radius:12px!important;}
#realtimeBtn.live-call-btn.private-line-launch:after{width:210px!important;height:210px!important;right:-76px!important;top:-115px!important;background:radial-gradient(circle,#c7a45718 0%,transparent 70%)!important;border-color:#d5b86d15!important;}
#realtimeBtn.live-call-btn.private-line-launch:hover{transform:translateY(-1px)!important;border-color:#d7bb79!important;box-shadow:inset 0 1px #fff2,0 17px 38px #000b,0 0 32px #c09a4a24!important;}
#realtimeBtn .private-line-icon-wrap{flex-basis:54px!important;width:54px!important;height:54px!important;border-radius:50%!important;background:radial-gradient(circle at 36% 25%,#3a321e 0%,#211c12 62%,#12110d 100%)!important;border:1px solid #d1b16a77!important;box-shadow:0 0 0 5px #c8a55a0c,0 0 26px #d0a54b22,inset 0 1px #fff2!important;}
#realtimeBtn .private-line-icon-halo{inset:-7px!important;border:1px solid #d2b36c2b!important;border-radius:50%!important;animation:privateHalo 11s linear infinite!important;}
#realtimeBtn .private-line-wave-icon{position:relative;z-index:2;width:30px;height:30px;fill:none;stroke:#e4ca8b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #d8b8674a)!important;}
#realtimeBtn .private-line-wave-icon circle{fill:#f0dba4;stroke:none;}
#realtimeBtn .private-line-kicker{font-size:8px!important;letter-spacing:2.1px!important;color:#aa925d!important;}
#realtimeBtn .live-call-copy b.live-call-label{font-size:15px!important;letter-spacing:2.2px!important;color:#eee1c2!important;font-family:Georgia,serif!important;font-weight:600!important;}
#realtimeBtn .live-call-copy small:last-child{font-size:8px!important;letter-spacing:1.35px!important;color:#91866e!important;}
#realtimeBtn .private-line-action{flex-basis:30px!important;width:30px!important;height:30px!important;border-radius:50%!important;border:1px solid #c6a45c3d!important;background:#08090780!important;color:#d4b46b!important;font-size:14px!important;}
#realtimeBtn .private-line-backdrop i{border-color:#d0b46a16!important;}
#realtimeBtn.realtime-active{background:linear-gradient(105deg,#202116 0%,#11130f 60%,#211a0d 100%)!important;border-color:#c0c98a!important;}
#realtimeBtn.realtime-active .private-line-icon-wrap{background:radial-gradient(circle at 36% 25%,#42432a,#202319 68%,#11130e)!important;border-color:#c2c992!important;}
#realtimeBtn.realtime-active .private-line-wave-icon{stroke:#dce8bd!important;}
#callOverlay .private-incoming-card{background:radial-gradient(ellipse at 50% 15%,#252013 0%,#12120e 43%,#090a08 100%)!important;border:1px solid #b99a5e5c!important;box-shadow:0 30px 90px #000d,0 0 46px #c09b4a18!important;}
#callOverlay .call-card-mark{color:#d9bd79!important;border-color:#c7a86544!important;background:#1c1a11!important;}
#callOverlay .call-card-live{color:#d5be83!important;border-color:#b89b5b2c!important;background:#17160f!important;}
#callOverlay .call-avatar{background:radial-gradient(circle at 34% 22%,#fff2cd 0%,#d2ae67 17%,#8d6c39 43%,#3d2f18 70%,#11100c 100%)!important;border-color:#e0c27b8c!important;box-shadow:0 0 0 8px #d0ad6410,0 0 0 17px #d0ad6407,0 0 62px #c49a4e46,inset -10px -13px 26px #21170888!important;}
#callOverlay .call-avatar-wave{position:relative;z-index:2;width:44px;height:44px;fill:none;stroke:#261d0d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #fff8)!important;}
#callOverlay .call-avatar-wave circle{fill:#261d0d;stroke:none;}
#callOverlay .call-presence-kicker{color:#bda36a!important;letter-spacing:2.6px!important;}
#callOverlay .call-actions .answer{background:linear-gradient(145deg,#ead59d,#b18b4d)!important;color:#1b160d!important;box-shadow:0 0 25px #c4a25c32!important;}
#callOverlay .call-actions .decline{background:#1b1110!important;border-color:#52252a!important;color:#c58d8a!important;}
.voice-accent-setting{display:flex;flex-direction:column;gap:9px;}
.voice-accent-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #c1a15e32;border-radius:12px;background:#0c0c09;}
.voice-accent-switch button{min-height:38px;border:0;border-radius:8px;background:transparent;color:#a89d84;font-size:10px;font-weight:700;letter-spacing:1.4px;}
.voice-accent-switch button.selected{background:linear-gradient(135deg,#c5a66b,#8e6c36);color:#17130b;box-shadow:0 3px 12px #0006;}
.voice-accent-state{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}
.voice-accent-hint{display:block!important;line-height:1.6!important;margin:0!important;color:#9d927b!important;font-size:10px!important;font-weight:400!important;}
#studyPanel .focus-note-status{min-height:30px;margin:0 0 9px!important;color:#a99d82!important;font-size:10px!important;line-height:1.55!important;}
@media(max-width:700px){
 #realtimeBtn.live-call-btn.private-line-launch{min-height:80px!important;padding:10px 12px!important;gap:12px!important;border-radius:15px!important;}
 #realtimeBtn .private-line-icon-wrap{flex-basis:48px!important;width:48px!important;height:48px!important;}
 #realtimeBtn .private-line-wave-icon{width:27px!important;height:27px!important;}
 #realtimeBtn .live-call-copy b.live-call-label{font-size:13px!important;letter-spacing:1.6px!important;}
 #realtimeBtn .private-line-kicker{font-size:7px!important;letter-spacing:1.5px!important;}
 #realtimeBtn .live-call-copy small:last-child{font-size:7px!important;letter-spacing:1px!important;}
}


/* V3.4.5 — editorial single-line hero, liquid-gold companion orb and complete DAN black-gold identity. */
:root{
  --bg:#070706;--panel:#11110e;--panel2:#19170f;
  --gold:#d0b16d;--gold2:#8d6d35;--muted:#a99f8b;
  --line:rgba(207,178,111,.22);--white:#f3ead5;--red:#4a1017;
}
html,body{background:#070706!important;color:#f3ead5!important}
body{
  background:
    radial-gradient(ellipse at 50% -20%,#282216 0%,#15130e 33%,#090907 72%,#040404 100%)!important;
}
.topbar{border-bottom-color:#d0b16d2b!important}
.brand-mark{
  background:radial-gradient(circle at 34% 24%,#282317 0%,#15130e 48%,#080807 100%)!important;
  color:#e7ce91!important;border:1px solid #c6a15c99!important;
  box-shadow:0 0 0 3px #c9a75a12,0 0 24px #c09a4b35,inset 0 1px #fff2!important;
  text-shadow:0 0 12px #d9b86a55!important;
}
.brand-name{color:#f1e5c9!important}.brand-sub{color:#a99569!important}
.hero{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;gap:0!important;padding:9px 0 14px!important;
  text-align:center!important;position:relative!important;
}
.hero .orb-wrap{
  order:0!important;display:grid!important;place-items:center!important;width:100%!important;
  height:190px!important;flex:0 0 190px!important;margin:0 auto 1px!important;position:relative!important;
}
.hero .orb{
  position:relative!important;width:154px!important;height:154px!important;border-radius:50%!important;
  isolation:isolate!important;overflow:visible!important;
  background:
    radial-gradient(ellipse at 35% 25%,#fff9df 0%,#f8e1a2 6%,#e6bd62 18%,#c48d35 37%,#80551f 59%,#37240e 79%,#100d07 100%)!important;
  border:1px solid #f0d48cbd!important;
  box-shadow:0 0 0 1px #ffe9af24,0 0 26px #e5b953a1,0 0 65px #c28d344f,0 0 120px #9f732b36,
    inset -17px -19px 30px #211605ad,inset 8px 8px 20px #fff0c65c!important;
  animation:v345OrbFloat 6.8s ease-in-out infinite!important;
}
.hero .orb:before{
  content:""!important;position:absolute!important;inset:-35px!important;border-radius:50%!important;z-index:-2!important;
  background:radial-gradient(ellipse at 50% 52%,#f0ce7b57 0%,#d7a94433 30%,#a9782c16 55%,transparent 73%)!important;
  filter:blur(15px)!important;animation:v345FogPulse 7.2s ease-in-out infinite!important;
}
.hero .orb:after{
  content:""!important;position:absolute!important;inset:-19px!important;border:1px solid #e8c87866!important;
  border-radius:50%!important;z-index:-1!important;transform:rotate(-25deg) scaleY(.75)!important;
  box-shadow:0 0 25px #e1b85b57,0 0 62px #bf8c3b35!important;
  animation:v345HaloTurn 20s linear infinite!important;
}
.hero .orb-core{
  position:absolute!important;inset:11px!important;width:auto!important;height:auto!important;border-radius:50%!important;
  overflow:hidden!important;isolation:isolate!important;
  background:
    radial-gradient(ellipse at 34% 25%,#fffce9 0%,#ffe9b1 9%,#f4cf75 20%,#dfa842 37%,#b77b2a 56%,#714516 76%,#352109 100%)!important;
  filter:saturate(1.18)!important;
  box-shadow:inset -16px -18px 28px #402707a6,inset 9px 8px 21px #fff5d16e,0 0 35px #e4b64eaa!important;
  animation:v345LiquidBody 9s ease-in-out infinite alternate!important;
}
.hero .orb-core:before{
  content:""!important;position:absolute!important;width:92%!important;height:54%!important;left:-9%!important;top:13%!important;
  border-radius:52% 48% 64% 36%!important;
  background:linear-gradient(112deg,transparent 0%,#fff6d78a 22%,#fff0bdc9 34%,#edc05b9c 51%,transparent 78%)!important;
  filter:blur(7px)!important;transform:rotate(-28deg)!important;
  animation:v345RibbonOne 6.2s ease-in-out infinite!important;
}
.hero .orb-core:after{
  content:""!important;position:absolute!important;width:82%!important;height:70%!important;right:-25%!important;bottom:-14%!important;
  border-radius:39% 61% 47% 53%!important;
  background:radial-gradient(ellipse at 38% 32%,#fff1bfba 0%,#e8b951a8 22%,#c48935a1 43%,transparent 72%)!important;
  filter:blur(8px)!important;transform:rotate(28deg)!important;
  animation:v345RibbonTwo 7.4s ease-in-out infinite!important;
}
.hero .orb-fluid-streak{
  position:absolute!important;z-index:3!important;left:1%!important;top:39%!important;width:96%!important;height:21%!important;
  border-radius:52% 48% 61% 39%!important;
  background:linear-gradient(108deg,transparent 0%,#f9e8b366 16%,#fff5d9d9 34%,#ecc15dce 48%,#fff0b98c 61%,transparent 86%)!important;
  filter:blur(5px)!important;transform:rotate(-31deg)!important;mix-blend-mode:screen!important;
  animation:v345CurrentFlow 5.7s ease-in-out infinite!important;
}
.hero .orb-fluid-streak-two{
  left:20%!important;top:57%!important;width:78%!important;height:14%!important;
  background:linear-gradient(90deg,transparent,#fff2c28c 30%,#ce9639b8 52%,#fff4d68c 72%,transparent)!important;
  filter:blur(6px)!important;animation:v345CurrentFlowTwo 8.1s ease-in-out infinite!important;
}
.hero .orb-mist{position:absolute!important;display:block!important;pointer-events:none!important;border-radius:50%!important;z-index:2!important;mix-blend-mode:screen!important;filter:blur(11px)!important}
.hero .orb-mist-a{width:178px!important;height:43px!important;left:-44px!important;top:34px!important;background:radial-gradient(ellipse,#f5d99058 0%,#dcb45c34 38%,transparent 74%)!important;transform:rotate(-29deg)!important;animation:v345MistA 8.5s ease-in-out infinite!important}
.hero .orb-mist-b{width:180px!important;height:42px!important;right:-44px!important;bottom:29px!important;background:radial-gradient(ellipse,#fff0bf51 0%,#c9973d32 42%,transparent 75%)!important;transform:rotate(28deg)!important;animation:v345MistB 9.4s ease-in-out infinite!important}
.hero .orb-mist-c{width:138px!important;height:28px!important;left:-28px!important;bottom:22px!important;background:radial-gradient(ellipse,#f3d58d48 0%,#c9963e22 45%,transparent 76%)!important;transform:rotate(24deg)!important;animation:v345MistC 10s ease-in-out infinite!important}
.hero .orb-mist-d{width:142px!important;height:31px!important;right:-31px!important;top:22px!important;background:radial-gradient(ellipse,#f8e2aa45 0%,#cf9b4220 44%,transparent 76%)!important;transform:rotate(-35deg)!important;animation:v345MistD 11s ease-in-out infinite!important}
.hero .orb-glint{position:absolute!important;z-index:5!important;width:17px!important;height:17px!important;right:24px!important;top:19px!important;border-radius:50%!important;background:radial-gradient(circle,#fffdf0 0%,#fff0bcaa 29%,transparent 74%)!important;filter:blur(1px)!important;box-shadow:0 0 22px #fff0b8bd!important;animation:v345Glint 4.5s ease-in-out infinite!important;pointer-events:none!important}
@keyframes v345OrbFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1.4deg)}}
@keyframes v345LiquidBody{0%{transform:rotate(-8deg) scale(.985);border-radius:50% 50% 48% 52%/48% 51% 49% 52%;filter:saturate(1.08) hue-rotate(-4deg)}50%{transform:rotate(3deg) scale(1.015);border-radius:46% 54% 57% 43%/54% 43% 57% 46%;filter:saturate(1.22) hue-rotate(3deg)}100%{transform:rotate(11deg) scale(.995);border-radius:54% 46% 44% 56%/44% 57% 43% 56%;filter:saturate(1.14) hue-rotate(7deg)}}
@keyframes v345RibbonOne{0%,100%{transform:translate(-8px,2px) rotate(-33deg) scaleX(.9);opacity:.55}50%{transform:translate(13px,-8px) rotate(-17deg) scaleX(1.16);opacity:1}}
@keyframes v345RibbonTwo{0%,100%{transform:translate(7px,-3px) rotate(23deg) scale(.92);opacity:.42}50%{transform:translate(-13px,8px) rotate(42deg) scale(1.13);opacity:.9}}
@keyframes v345CurrentFlow{0%,100%{transform:translate(-9px,4px) rotate(-37deg) scaleX(.83);opacity:.5}50%{transform:translate(11px,-6px) rotate(-20deg) scaleX(1.16);opacity:1}}
@keyframes v345CurrentFlowTwo{0%,100%{transform:translate(9px,-3px) rotate(25deg) scaleX(.86);opacity:.35}50%{transform:translate(-12px,5px) rotate(11deg) scaleX(1.18);opacity:.88}}
@keyframes v345FogPulse{0%,100%{opacity:.48;transform:scale(.92)}50%{opacity:.95;transform:scale(1.1)}}
@keyframes v345HaloTurn{to{transform:rotate(335deg) scaleY(.75)}}
@keyframes v345MistA{0%,100%{transform:translate(-8px,5px) rotate(-29deg) scale(.9);opacity:.42}50%{transform:translate(18px,-8px) rotate(-12deg) scale(1.18);opacity:.9}}
@keyframes v345MistB{0%,100%{transform:translate(8px,-4px) rotate(28deg) scale(.9);opacity:.35}50%{transform:translate(-17px,8px) rotate(43deg) scale(1.16);opacity:.86}}
@keyframes v345MistC{0%,100%{transform:translate(-3px,3px) rotate(24deg);opacity:.24}50%{transform:translate(15px,-7px) rotate(7deg);opacity:.72}}
@keyframes v345MistD{0%,100%{transform:translate(4px,-3px) rotate(-35deg);opacity:.26}50%{transform:translate(-13px,7px) rotate(-18deg);opacity:.74}}
@keyframes v345Glint{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.22)}}
.hero .hero-copy{order:1!important;position:relative!important;width:100%!important;min-width:0!important;flex:0 1 auto!important;margin:0 auto!important;text-align:center!important}
.hero .hero-copy .hero-kicker{font-size:9px!important;letter-spacing:3px!important;color:#c9ab70!important;margin:0 0 8px!important;text-align:center!important}
.hero .hero-copy h1,.hero h1{
  display:block!important;width:100%!important;max-width:100%!important;margin:0 auto 8px!important;padding:0!important;
  text-align:center!important;white-space:nowrap!important;overflow:visible!important;
  font:italic clamp(42px,5.1vw,53px)/1.08 Georgia,serif!important;letter-spacing:-.55px!important;
  color:#f4ead4!important;text-shadow:0 5px 28px #b68d4930!important;
}
.hero .status-line{display:block!important;text-align:center!important;font-size:11px!important;color:#b7aa90!important;margin:0 auto!important}
.hero .moon-entry-btn{position:absolute!important;right:1px!important;top:8px!important;z-index:6!important}
/* DAN marks: every DAN identity token is obsidian + antique gold, never lavender. */
.brand-mark,.message.assistant .avatar,#callOverlay .call-card-mark,#callOverlay .call-avatar,.note-avatar,#activeCallOverlay .call-top-seal{
  color:#e4ca89!important;border-color:#c6a45f8a!important;
  background:radial-gradient(circle at 34% 24%,#302719 0%,#17140e 48%,#080807 100%)!important;
  box-shadow:0 0 0 3px #c8a45b12,0 0 24px #bd914330,inset 0 1px #fff2!important;
  text-shadow:0 0 12px #d9b86a55!important;
}
.message.assistant .avatar{border:1px solid #d0ae6d88!important;font-size:13px!important}
.user .avatar{background:linear-gradient(145deg,#756b5b,#332f27)!important;color:#f1e8d5!important;border:1px solid #b7a37a44!important;box-shadow:0 0 13px #0006!important}
.user .bubble{background:linear-gradient(135deg,#29251b,#17150f)!important;border-color:#a88a4d45!important;color:#e9dfca!important}
.message.assistant .bubble{background:linear-gradient(145deg,#201d15,#11110d)!important;border-color:#c2a05f38!important}
#callOverlay.call-overlay,#activeCallOverlay.active-call-overlay{background:radial-gradient(ellipse at 50% 28%,#292216 0%,#12110d 48%,#050504 100%)!important}
#callOverlay .private-incoming-card{border-color:#c5a25f88!important;background:radial-gradient(ellipse at 50% 18%,#2a2418 0%,#15140f 48%,#080807 100%)!important;box-shadow:0 30px 90px #000e,0 0 50px #b58c3d1f!important}
#callOverlay .call-stage-orbit,#callOverlay .call-avatar:before,#callOverlay .call-avatar:after{border-color:#c5a96b55!important}
#callOverlay .call-avatar{border:1px solid #d9bd7b99!important}
#callOverlay .call-avatar-wave{stroke:#e5cc8d!important;filter:drop-shadow(0 0 7px #d5ad5a55)!important}
#callOverlay .call-avatar-wave circle{fill:#f1d89b!important}
#callOverlay .call-card-mark{border:1px solid #c7a66088!important}
#callOverlay .call-label,#callOverlay .call-presence-kicker{color:#d5bd83!important}
#activeCallOverlay.active-call-overlay{background:radial-gradient(ellipse at 50% 34%,#251f14 0%,#12110d 50%,#050504 100%)!important}
#activeCallOverlay .active-call-avatar{border-color:#d5b66f99!important;background:radial-gradient(circle at 34% 24%,#2c2517 0%,#17140d 48%,#080807 100%)!important;box-shadow:0 0 0 9px #c6a25e12,0 0 0 23px #c6a25e08,0 0 82px #c29a4d48,inset 0 0 46px #f2d38c12!important}
#activeCallOverlay .call-liquid-core{background:radial-gradient(circle at 34% 25%,#fff7d9 0%,#ebc66c 17%,#c18c38 39%,#72501f 68%,#2a1e0d 100%)!important}
#activeCallOverlay .call-liquid-ribbon{background:linear-gradient(115deg,transparent,#f3d98cba,#b78436d4,transparent)!important;filter:drop-shadow(0 0 11px #dfb85b66)!important}
#activeCallOverlay .call-liquid-glint{background:#fff4ce!important;box-shadow:0 0 18px #f3d98c!important}
#activeCallOverlay .call-orbit{border-color:#cbb07645!important}
#activeCallOverlay .active-call-name{color:#f2e5c8!important;text-shadow:0 0 22px #c9a45a28!important}
#activeCallOverlay .active-call-status,#activeCallOverlay .active-call-transcript{color:#c8b88f!important}
#activeCallOverlay .call-waveform i{background:linear-gradient(#f0d99a,#98733a)!important;box-shadow:0 0 8px #c5a05b55!important}
#activeCallOverlay .call-top-seal{border:1px solid #c6a45f88!important}
.note-avatar{border:1px solid #c6a45f88!important}
.call-card h2{color:#f2e6ca!important}
/* Chat and controls receive the same quiet black-gold editorial treatment. */
.chat{padding-top:12px!important;scrollbar-color:#8d7042 transparent!important}
.message{gap:12px!important;margin:16px 0!important}
.message .avatar{flex-basis:36px!important;width:36px!important;height:36px!important}
.bubble-wrap{max-width:min(84%,680px)!important}
.bubble{padding:12px 15px!important;border-radius:4px 15px 15px 15px!important;line-height:1.75!important;font-size:13.5px!important}
.user .bubble{border-radius:15px 4px 15px 15px!important}
.speaker{color:#d6bb7d!important;letter-spacing:1.7px!important}
.input-row{background:linear-gradient(130deg,#1b1912,#10100d)!important;border-color:#c8a96a55!important;border-radius:17px!important}
.input-row:focus-within{border-color:#d2b26e99!important;box-shadow:0 0 0 3px #c39b4a15,0 12px 36px #0008!important}
.send-btn{background:linear-gradient(145deg,#f2dfa9,#bd954e)!important;color:#17130a!important}
.primary-btn{background:linear-gradient(145deg,#e8d194,#a98243)!important;color:#17130a!important}
.secondary-btn{border-color:#ae8e5055!important;background:#ffffff08!important;color:#e0d1af!important}
.mic-btn{border-color:#ad8c4c66!important;background:linear-gradient(135deg,#211d13,#11100d)!important;color:#e2d2ad!important}
.mic-btn.recording{background:linear-gradient(135deg,#3e1016,#19090b)!important;border-color:#713039!important;box-shadow:0 0 18px #641b2555!important}
#realtimeBtn.live-call-btn.private-line-launch{background:radial-gradient(ellipse at 16% 0%,#b38b4422,transparent 49%),linear-gradient(110deg,#1b1911 0%,#0c0c09 58%,#1c170d 100%)!important;border-color:#c8a86688!important;box-shadow:inset 0 1px #fff2,0 15px 38px #000a,0 0 28px #b78e4326!important}
#realtimeBtn .private-line-icon-wrap{background:radial-gradient(circle at 36% 26%,#3a301c 0%,#1b170e 65%,#0a0907 100%)!important;border-color:#d6b8759c!important;color:#e7cf92!important;box-shadow:0 0 0 5px #c4a05a12,0 0 25px #b98d3d38,inset 0 1px #fff2!important}
#realtimeBtn .private-line-wave-icon{stroke:#e6cc8b!important}
#realtimeBtn .live-call-copy b.live-call-label{color:#f0e4c9!important}
#realtimeBtn .live-call-copy small:last-child{color:#aa9c7d!important}
#realtimeBtn .private-line-action{border-color:#c7a25e55!important;color:#dfc27d!important;background:#070706aa!important}
@media(max-width:700px){
  .hero{padding:7px 0 12px!important}
  .hero .orb-wrap{height:169px!important;flex-basis:169px!important}
  .hero .orb{width:136px!important;height:136px!important}
  .hero .orb-mist-a{width:154px!important;left:-28px!important;top:34px!important}
  .hero .orb-mist-b{width:152px!important;right:-28px!important;bottom:25px!important}
  .hero .hero-copy h1,.hero h1{font-size:clamp(26px,7.8vw,36px)!important;letter-spacing:-.7px!important;padding:0!important;line-height:1.1!important;white-space:nowrap!important}
  .hero .hero-kicker{font-size:8px!important;letter-spacing:2.3px!important}
  .hero .moon-entry-btn{right:0!important;top:7px!important;width:37px!important;height:37px!important;flex-basis:37px!important}
  .hero .moon-entry-btn span{font-size:26px!important}
  .bubble-wrap{max-width:86%!important}
  .message .avatar{flex-basis:33px!important;width:33px!important;height:33px!important}
}
@media(max-width:360px){
  .hero .hero-copy h1,.hero h1{font-size:clamp(24px,7.3vw,27px)!important;letter-spacing:-.8px!important}
}
@media(max-width:700px){
  #activeCallOverlay .active-call-avatar{width:164px!important;height:164px!important}
  #callOverlay .call-stage-art{transform:scale(.94)}
}
@media(prefers-reduced-motion:reduce){
  .hero .orb,.hero .orb:before,.hero .orb:after,.hero .orb-core,.hero .orb-core:before,.hero .orb-core:after,
  .hero .orb-fluid-streak,.hero .orb-mist,.hero .orb-glint{animation:none!important}
}

/* V3.4.5 final pass — recolor the remaining active-call orbital details too. */
#activeCallOverlay .active-call-avatar:before,
#activeCallOverlay .active-call-avatar:after{border-color:#d0b16d55!important;box-shadow:0 0 18px #b78e4322!important}
#activeCallOverlay .call-liquid-ribbon{border-color:#c7a35d99!important;border-left-color:#f3dfa2!important;border-right-color:#8c682e!important;filter:drop-shadow(0 0 9px #d6b15a72)!important}
#activeCallOverlay .call-liquid-ribbon.ribbon-b{border-color:#a98745a6!important;border-left-color:#f0d99a!important;border-right-color:#765323!important}
#activeCallOverlay .active-call-avatar[data-speaking="true"]{box-shadow:0 0 0 9px #c6a25e12,0 0 0 23px #c6a25e08,0 0 88px #c29a4d65,inset 0 0 46px #f2d38c18!important}


/* V3.4.6 — unmistakably liquid gold orb, fixed-height app layout and expanded conversation canvas. */
html,body{height:100%;min-height:100%;overflow:hidden!important;background:#070706!important}
body{min-height:100dvh!important}
.app-shell{
  width:100%!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;
  overflow:hidden!important;padding-top:env(safe-area-inset-top)!important;
  padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  display:flex!important;flex-direction:column!important;
}
.topbar{flex:0 0 70px!important;height:70px!important;min-height:70px!important}
.hero{flex:0 0 auto!important;flex-shrink:0!important;padding:5px 0 8px!important;gap:0!important}
#conversationPanel.panel.active{display:flex!important;flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important}
#conversationPanel .chat{
  flex:1 1 0!important;min-height:0!important;max-height:none!important;height:auto!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;padding:10px 3px 18px!important;
}
#conversationPanel .composer{position:relative!important;bottom:auto!important;flex:0 0 auto!important;z-index:3!important;padding-top:7px!important;padding-bottom:1px!important}
#conversationPanel .action-row{flex-shrink:0!important}
.brand-sub{color:#ae9664!important;letter-spacing:1.7px!important}
.hero .orb-wrap{height:176px!important;flex:0 0 176px!important;margin:0 auto 0!important;isolation:isolate!important}
.hero .orb{
  width:158px!important;height:158px!important;border:1px solid #f4d990c9!important;border-radius:50%!important;
  overflow:visible!important;isolation:isolate!important;position:relative!important;
  background:radial-gradient(circle at 33% 22%,#fff9dc 0%,#f5d987 10%,#e0b45a 24%,#bd8531 43%,#80501a 66%,#3e270c 84%,#160f07 100%)!important;
  box-shadow:0 0 0 1px #fff0bd30,0 0 28px #e6b953a8,0 0 66px #bd873b75,0 0 112px #a8752b42,inset 0 0 22px #fff4c35c!important;
  animation:v346OrbHover 7s ease-in-out infinite!important;
}
.hero .orb:before{content:""!important;position:absolute!important;inset:-33px!important;border-radius:50%!important;z-index:-2!important;background:radial-gradient(ellipse,#f9dc945e 0%,#e2b95b38 37%,#a8752b13 66%,transparent 76%)!important;filter:blur(16px)!important;animation:v346Aura 6.5s ease-in-out infinite!important}
.hero .orb:after{content:""!important;position:absolute!important;inset:-20px!important;border:1px solid #f1d38a88!important;border-radius:48% 52% 50% 50%!important;z-index:-1!important;box-shadow:0 0 22px #eac36c69,0 0 52px #c28f3b40!important;animation:v346Halo 13s linear infinite!important}
.hero .orb-art{display:block!important;position:relative!important;z-index:1!important;width:100%!important;height:100%!important;overflow:visible!important;filter:drop-shadow(0 0 12px #e7b64e66)!important}
.hero .orb-svg-cloud{transform-box:fill-box!important;transform-origin:center!important;mix-blend-mode:screen!important}
.hero .cloud-a{animation:v346CloudA 8s ease-in-out infinite alternate!important}
.hero .cloud-b{animation:v346CloudB 9s ease-in-out infinite alternate!important}
.hero .orb-svg-flow{transform-box:fill-box!important;transform-origin:center!important;mix-blend-mode:screen!important}
.hero .flow-a{animation:v346FlowA 7.2s cubic-bezier(.42,0,.58,1) infinite alternate!important}
.hero .flow-b{animation:v346FlowB 8.4s cubic-bezier(.42,0,.58,1) infinite alternate!important}
.hero .flow-c{animation:v346FlowC 5.8s ease-in-out infinite alternate!important}
.hero .flow-d{animation:v346FlowD 6.6s ease-in-out infinite alternate!important}
.hero .orb-svg-drop{transform-box:fill-box!important;transform-origin:center!important}
.hero .drop-a{animation:v346DropA 6.2s ease-in-out infinite!important}
.hero .drop-b{animation:v346DropB 7.4s ease-in-out infinite!important}
.hero .orb-mist{z-index:2!important;filter:blur(13px)!important;mix-blend-mode:screen!important}
.hero .orb-mist-a{width:190px!important;height:58px!important;left:-44px!important;top:30px!important;opacity:.9!important;background:radial-gradient(ellipse,#f7dd9a82 0%,#dfb4554d 37%,transparent 76%)!important;animation:v346MistA 7.6s ease-in-out infinite!important}
.hero .orb-mist-b{width:190px!important;height:58px!important;right:-43px!important;bottom:25px!important;opacity:.86!important;background:radial-gradient(ellipse,#fff0c878 0%,#d4a34a4a 42%,transparent 77%)!important;animation:v346MistB 8.8s ease-in-out infinite!important}
.hero .orb-mist-c{width:146px!important;height:38px!important;left:-26px!important;bottom:15px!important;opacity:.72!important;animation:v346MistC 10s ease-in-out infinite!important}
.hero .orb-mist-d{width:156px!important;height:40px!important;right:-30px!important;top:18px!important;opacity:.7!important;animation:v346MistD 10.8s ease-in-out infinite!important}
.hero .orb-mist-e{position:absolute!important;display:block!important;pointer-events:none!important;width:130px!important;height:34px!important;left:14px!important;top:-4px!important;border-radius:50%!important;background:radial-gradient(ellipse,#fff6d36b 0%,#e7bd6740 42%,transparent 76%)!important;filter:blur(10px)!important;animation:v346MistE 9s ease-in-out infinite!important}
.hero .orb-glint{z-index:5!important;width:21px!important;height:21px!important;right:29px!important;top:22px!important;background:radial-gradient(circle,#fffef0 0%,#fff0b9cb 34%,transparent 76%)!important;box-shadow:0 0 22px #fff0b8e0,0 0 42px #f5d88e78!important;animation:v346Glint 3.8s ease-in-out infinite!important}
.hero .orb-spark{position:absolute!important;z-index:4!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#fff1c7!important;box-shadow:0 0 9px 3px #f4d68b9c!important;pointer-events:none!important}
.hero .spark-a{left:-10px!important;top:55px!important;animation:v346SparkA 4.7s ease-in-out infinite!important}
.hero .spark-b{right:-13px!important;top:93px!important;width:3px!important;height:3px!important;animation:v346SparkB 5.4s ease-in-out infinite!important}
.hero .spark-c{left:42px!important;bottom:-11px!important;width:3px!important;height:3px!important;animation:v346SparkC 6.1s ease-in-out infinite!important}
@keyframes v346OrbHover{0%,100%{transform:translateY(0) rotate(-1deg) scale(1)}50%{transform:translateY(-5px) rotate(1deg) scale(1.015)}}
@keyframes v346Aura{0%,100%{opacity:.52;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}
@keyframes v346Halo{to{transform:rotate(360deg) scaleY(.78)}}
@keyframes v346CloudA{0%{transform:translate(-22px,12px) rotate(-18deg) scale(1)}100%{transform:translate(24px,-13px) rotate(22deg) scale(1.28)}}
@keyframes v346CloudB{0%{transform:translate(18px,-9px) rotate(18deg) scale(.92)}100%{transform:translate(-21px,13px) rotate(-22deg) scale(1.23)}}
@keyframes v346FlowA{0%{transform:translate(-26px,14px) rotate(-19deg) scaleX(.82) scaleY(.84)}100%{transform:translate(25px,-11px) rotate(18deg) scaleX(1.18) scaleY(1.12)}}
@keyframes v346FlowB{0%{transform:translate(24px,-9px) rotate(17deg) scaleX(1.12)}100%{transform:translate(-28px,12px) rotate(-18deg) scaleX(.83)}}
@keyframes v346FlowC{0%{transform:translate(-13px,8px) rotate(-12deg);opacity:.34}100%{transform:translate(17px,-9px) rotate(15deg);opacity:.94}}
@keyframes v346FlowD{0%{transform:translate(14px,-7px) rotate(15deg);opacity:.38}100%{transform:translate(-17px,7px) rotate(-12deg);opacity:.9}}
@keyframes v346DropA{0%,100%{transform:translate(-7px,4px) scale(.7);opacity:.35}50%{transform:translate(18px,-12px) scale(1.5);opacity:1}}
@keyframes v346DropB{0%,100%{transform:translate(6px,-7px) scale(.8);opacity:.3}50%{transform:translate(-16px,11px) scale(1.55);opacity:1}}
@keyframes v346MistA{0%,100%{transform:translate(-17px,9px) rotate(-28deg) scale(.85);opacity:.48}50%{transform:translate(23px,-13px) rotate(-9deg) scale(1.22);opacity:1}}
@keyframes v346MistB{0%,100%{transform:translate(15px,-7px) rotate(30deg) scale(.88);opacity:.42}50%{transform:translate(-23px,12px) rotate(48deg) scale(1.2);opacity:.98}}
@keyframes v346MistC{0%,100%{transform:translate(-10px,4px) rotate(21deg);opacity:.3}50%{transform:translate(17px,-9px) rotate(4deg);opacity:.82}}
@keyframes v346MistD{0%,100%{transform:translate(9px,-5px) rotate(-25deg);opacity:.28}50%{transform:translate(-15px,10px) rotate(-43deg);opacity:.78}}
@keyframes v346MistE{0%,100%{transform:translate(3px,-4px) rotate(22deg);opacity:.35}50%{transform:translate(14px,8px) rotate(-5deg);opacity:.84}}
@keyframes v346Glint{0%,100%{opacity:.58;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}
@keyframes v346SparkA{0%,100%{transform:translate(0,0) scale(.65);opacity:.3}50%{transform:translate(8px,-17px) scale(1.5);opacity:1}}
@keyframes v346SparkB{0%,100%{transform:translate(0,0) scale(.7);opacity:.32}50%{transform:translate(-10px,15px) scale(1.55);opacity:1}}
@keyframes v346SparkC{0%,100%{transform:translate(0,0) scale(.7);opacity:.3}50%{transform:translate(14px,-9px) scale(1.45);opacity:.95}}
.hero .hero-copy .hero-kicker{margin:0 0 5px!important;letter-spacing:3.2px!important;color:#cdb071!important}
.hero .hero-copy h1,.hero h1{margin:0 auto 5px!important;font-size:clamp(42px,5.1vw,53px)!important;line-height:1.05!important}
.hero .status-line{color:#b8a982!important}
/* More intimate live-call invitation without changing the call action itself. */
#realtimeBtn .private-line-kicker{font-size:8px!important;letter-spacing:1.8px!important;color:#bda46f!important}
#realtimeBtn .live-call-copy b.live-call-label{font:italic 16px/1.15 Georgia,serif!important;letter-spacing:.35px!important;color:#f5e7c6!important;text-transform:none!important}
#realtimeBtn .live-call-copy small:last-child{font-size:8px!important;letter-spacing:.75px!important;color:#b8aa88!important}
#realtimeBtn.live-call-btn.private-line-launch{min-height:86px!important;background:radial-gradient(ellipse at 84% 15%,#9e783222 0%,transparent 48%),linear-gradient(112deg,#1b1912,#090a08 58%,#1c170d)!important;border-color:#cbb07188!important}
#callOverlay .call-label{letter-spacing:2px!important;color:#cfb677!important}
#callOverlay .call-presence-kicker{color:#cbb276!important;letter-spacing:2.2px!important}
#callOverlay .call-card p{color:#e2d3b2!important}
#callOverlay .call-actions .decline{background:#17120f!important;border:1px solid #54302b!important;color:#b88b7b!important}
#callOverlay .call-actions .answer{background:linear-gradient(145deg,#f1dca1,#b68e4c)!important;color:#1d170c!important}
#activeCallOverlay .call-stage-label{color:#cbb071!important;letter-spacing:2.2px!important}
#activeCallOverlay .active-call-top .call-top-brand b{color:#e6d7b1!important}
#activeCallOverlay .active-call-top .call-top-brand small{color:#ad9d79!important}
@media(max-width:700px){
  .app-shell{padding-left:13px!important;padding-right:13px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important}
  .topbar{flex:0 0 56px!important;height:56px!important;min-height:56px!important}
  .hero{padding:3px 0 6px!important}
  .hero .orb-wrap{height:137px!important;flex-basis:137px!important}
  .hero .orb{width:124px!important;height:124px!important}
  .hero .hero-copy .hero-kicker{font-size:8px!important;letter-spacing:2.5px!important;margin-bottom:4px!important}
  .hero .hero-copy h1,.hero h1{font-size:clamp(34px,8.5vw,42px)!important;line-height:1.06!important;margin-bottom:4px!important;padding:0 32px!important}
  .hero .status-line{font-size:10px!important}
  #conversationPanel .chat{padding:8px 1px 12px!important}
  #conversationPanel .composer{padding-top:5px!important}
  #realtimeBtn.live-call-btn.private-line-launch{min-height:76px!important;padding:9px 11px!important;gap:10px!important}
  #realtimeBtn .live-call-copy b.live-call-label{font-size:14px!important}
  #realtimeBtn .live-call-copy small:last-child{font-size:7px!important}
}
@media(max-width:380px){
 .hero .orb-wrap{height:129px!important;flex-basis:129px!important}
 .hero .orb{width:116px!important;height:116px!important}
 .hero .hero-copy h1,.hero h1{font-size:32px!important;padding:0 30px!important}
 #realtimeBtn .live-call-copy b.live-call-label{font-size:12.5px!important}
}
@media(max-height:700px) and (max-width:700px){
 .hero .orb-wrap{height:112px!important;flex-basis:112px!important}
 .hero .orb{width:102px!important;height:102px!important}
 .hero{padding-top:1px!important;padding-bottom:4px!important}
}
@media(prefers-reduced-motion:reduce){
 .hero .orb,.hero .orb:before,.hero .orb:after,.hero .orb-svg-cloud,.hero .orb-svg-flow,.hero .orb-svg-drop,.hero .orb-mist,.hero .orb-glint,.hero .orb-spark{animation:none!important}
}


/* V3.4.7 — cleaner DAN wordmark, higher conversation start and tighter chat rhythm. */
.topbar{flex:0 0 60px!important;height:60px!important;min-height:60px!important;}
.brand.brand-wordmark{gap:0!important;min-width:max-content!important;padding-left:1px!important;}
.brand-wordmark .brand-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;min-width:0!important;}
.brand-wordmark .brand-name{font:600 22px/1 Georgia,serif!important;letter-spacing:5.2px!important;color:#f0e4c7!important;text-shadow:0 2px 16px #b9934a28!important;}
.brand-wordmark .brand-sub{display:flex!important;align-items:center!important;gap:7px!important;margin-top:3px!important;font:600 7px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:1.9px!important;color:#b39a68!important;white-space:nowrap!important;}
.brand-wordmark .brand-sub:before{content:""!important;display:inline-block!important;width:13px!important;height:1px!important;flex:0 0 13px!important;background:linear-gradient(90deg,#d8b96d,#8d6d35)!important;box-shadow:0 0 7px #c49b4b55!important;}
.hero{padding:1px 0 4px!important;}
.hero .orb-wrap{height:156px!important;flex:0 0 156px!important;}
#conversationPanel .chat{padding-top:4px!important;}
.message{margin:12px 0!important;gap:11px!important;}
.bubble{font-size:13px!important;line-height:1.62!important;padding:11px 14px!important;}
.user .bubble{line-height:1.62!important;}
.speaker{margin-bottom:4px!important;}
#realtimeBtn .private-line-kicker{font-size:7px!important;letter-spacing:2px!important;color:#c0a66d!important;}
#realtimeBtn .live-call-copy b.live-call-label{font:italic 16px/1.12 Georgia,serif!important;letter-spacing:.25px!important;text-transform:none!important;color:#f3e6c8!important;}
#realtimeBtn .live-call-copy small:last-child{font-size:8px!important;letter-spacing:.55px!important;color:#b2a17e!important;}
#realtimeBtn .private-line-action{flex:0 0 auto!important;width:auto!important;min-width:36px!important;height:24px!important;padding:0 8px!important;border-radius:999px!important;border:1px solid #c6a45e5c!important;background:#c6a45e12!important;color:#d9bd7b!important;font:700 7px/1 Inter,system-ui,sans-serif!important;letter-spacing:1.2px!important;}
#realtimeBtn.live-call-btn.private-line-launch{min-height:82px!important;}
#callOverlay .call-label{letter-spacing:1.8px!important;}
#callOverlay .call-presence-kicker{letter-spacing:2px!important;}
#callOverlay .call-card p{line-height:1.55!important;}
#callOverlay .call-actions .answer{min-width:100px!important;border-radius:999px!important;}
#activeCallOverlay .active-call-top .call-top-brand b{font-size:10px!important;letter-spacing:1.8px!important;}
#activeCallOverlay .active-call-top .call-top-brand small{font-size:7px!important;letter-spacing:1.3px!important;}
#activeCallOverlay .call-stage-label{font-size:8px!important;letter-spacing:2px!important;}
@media(max-width:700px){
  .topbar{flex:0 0 52px!important;height:52px!important;min-height:52px!important;}
  .brand-wordmark .brand-name{font-size:20px!important;letter-spacing:4.6px!important;}
  .brand-wordmark .brand-sub{font-size:6px!important;letter-spacing:1.55px!important;gap:6px!important;}
  .brand-wordmark .brand-sub:before{width:11px!important;flex-basis:11px!important;}
  .hero{padding:0 0 3px!important;}
  .hero .orb-wrap{height:120px!important;flex-basis:120px!important;margin:0 auto!important;}
  .hero .orb{width:124px!important;height:124px!important;}
  .hero .hero-copy .hero-kicker{margin-bottom:3px!important;}
  .hero .hero-copy h1,.hero h1{margin-bottom:4px!important;}
  #conversationPanel .chat{padding:3px 1px 9px!important;}
  .message{margin:10px 0!important;gap:9px!important;}
  .bubble{font-size:12.8px!important;line-height:1.6!important;padding:10px 13px!important;}
  #realtimeBtn.live-call-btn.private-line-launch{min-height:76px!important;padding:9px 11px!important;gap:10px!important;}
  #realtimeBtn .private-line-icon-wrap{flex-basis:45px!important;width:45px!important;height:45px!important;}
  #realtimeBtn .private-line-wave-icon{width:25px!important;height:25px!important;}
  #realtimeBtn .live-call-copy b.live-call-label{font-size:13.5px!important;letter-spacing:.1px!important;}
  #realtimeBtn .live-call-copy small:last-child{font-size:7px!important;letter-spacing:.35px!important;}
  #realtimeBtn .private-line-action{min-width:32px!important;height:22px!important;padding:0 6px!important;font-size:6px!important;}
}
@media(max-width:380px){
  .hero .orb-wrap{height:116px!important;flex-basis:116px!important;}
  .hero .orb{width:120px!important;height:120px!important;}
  #realtimeBtn .live-call-copy b.live-call-label{font-size:12.5px!important;}
  #realtimeBtn .live-call-copy small:last-child{font-size:6.5px!important;}
}
@media(max-height:700px) and (max-width:700px){
  .hero .orb-wrap{height:106px!important;flex-basis:106px!important;}
  .hero .orb{width:108px!important;height:108px!important;}
}
@media(prefers-reduced-motion:reduce){.brand-wordmark .brand-sub:before{box-shadow:none!important;}}


/* V3.4.8 — refined wordmark, higher conversation canvas, tighter message rhythm and clear live-call language. */
.brand.brand-wordmark{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-width:max-content!important;padding-left:1px!important;}
.brand-wordmark .brand-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;min-width:0!important;}
.brand-wordmark .brand-name{font:600 23px/.96 Georgia,"Times New Roman",serif!important;letter-spacing:4.6px!important;color:#f2e6c9!important;text-shadow:0 2px 18px #c39c552e!important;}
.brand-wordmark .brand-sub{display:flex!important;align-items:center!important;gap:7px!important;margin:3px 0 0!important;font:600 6.5px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:2px!important;color:#bba16b!important;white-space:nowrap!important;}
.brand-wordmark .brand-sub:before{content:""!important;display:inline-block!important;width:12px!important;height:1px!important;flex:0 0 12px!important;background:linear-gradient(90deg,#e1c57d,#86612e)!important;box-shadow:0 0 7px #c49b4b45!important;}
/* Lift the conversation panel itself so the first message begins higher without pulling the hero title upward. */
#conversationPanel.panel.active{margin-top:-9px!important;}
#conversationPanel .chat{padding-top:1px!important;padding-bottom:11px!important;}
.message{margin:9px 0!important;gap:10px!important;}
.bubble{font-size:12.7px!important;line-height:1.54!important;padding:10px 13px!important;}
.user .bubble{line-height:1.54!important;}
.speaker{margin-bottom:3px!important;}
.message-time{margin-top:4px!important;}
/* Call copy now names the action and the actual live voice connection. */
#realtimeBtn .private-line-kicker{font-size:7px!important;letter-spacing:2.05px!important;color:#c8ad72!important;}
#realtimeBtn .live-call-copy b.live-call-label{font:italic 16px/1.12 Georgia,"Times New Roman",serif!important;letter-spacing:.1px!important;text-transform:none!important;color:#f5e9cf!important;}
#realtimeBtn .live-call-copy small:last-child{font-size:8px!important;letter-spacing:.45px!important;color:#bdad88!important;}
#realtimeBtn .private-line-action{font:700 7px/1 Inter,system-ui,sans-serif!important;letter-spacing:1.4px!important;}
#callOverlay .call-label{font-size:8px!important;letter-spacing:2px!important;color:#cfb77e!important;}
#callOverlay .call-presence-kicker{font-size:8px!important;letter-spacing:2.2px!important;color:#d1b879!important;}
#callOverlay .call-card p{max-width:270px!important;margin-left:auto!important;margin-right:auto!important;font:italic 17px/1.45 Georgia,"Times New Roman",serif!important;color:#f0e3c6!important;}
#callOverlay .call-actions .answer{min-width:104px!important;letter-spacing:1.2px!important;}
#activeCallOverlay .active-call-top .call-top-brand b{font-size:10px!important;letter-spacing:1.6px!important;}
#activeCallOverlay .active-call-top .call-top-brand small{font-size:7px!important;letter-spacing:1.15px!important;}
#activeCallOverlay .call-stage-label{font-size:8px!important;letter-spacing:1.9px!important;}
@media(max-width:700px){
  .brand-wordmark .brand-name{font-size:21px!important;letter-spacing:4.2px!important;}
  .brand-wordmark .brand-sub{font-size:6px!important;letter-spacing:1.65px!important;gap:6px!important;}
  .brand-wordmark .brand-sub:before{width:10px!important;flex-basis:10px!important;}
  #conversationPanel.panel.active{margin-top:-10px!important;}
  #conversationPanel .chat{padding-top:0!important;padding-bottom:9px!important;}
  .message{margin:8px 0!important;gap:9px!important;}
  .bubble{font-size:12.4px!important;line-height:1.52!important;padding:9px 12px!important;}
  .user .bubble{line-height:1.52!important;}
  #realtimeBtn .live-call-copy b.live-call-label{font-size:13px!important;}
  #realtimeBtn .live-call-copy small:last-child{font-size:6.7px!important;letter-spacing:.25px!important;}
  #callOverlay .call-card p{font-size:16px!important;}
}
@media(max-width:380px){
  .brand-wordmark .brand-name{font-size:19px!important;letter-spacing:3.8px!important;}
  #realtimeBtn .live-call-copy b.live-call-label{font-size:12.2px!important;}
}
@media(prefers-reduced-motion:reduce){.brand-wordmark .brand-sub:before{box-shadow:none!important;}}
/* Keep the hero kicker aligned with its centered heading on wide and narrow screens. */
.hero .hero-copy{align-items:center!important;}
.hero .hero-copy .hero-kicker{width:100%!important;}


/* V3.4.9 — give the interface more breathing room; right-align the quiet status line. */
.hero .hero-copy{width:100%!important;max-width:100%!important;align-items:stretch!important;}
.hero .hero-copy .status-line{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:100%!important;text-align:right!important;margin:7px 0 0!important;padding-right:clamp(4px,2vw,14px)!important;font-size:10px!important;line-height:1.35!important;color:#bcae91!important;}
.hero .hero-copy .status-line .status-dot{flex:0 0 5px!important;width:5px!important;height:5px!important;margin:0!important;order:0!important;}
.hero .hero-copy .status-line #statusText{display:block!important;max-width:90%!important;text-align:right!important;}
/* Remove the previous negative pull-up and restore a calmer gap between hero and chat. */
#conversationPanel.panel.active{margin-top:0!important;padding-top:4px!important;}
#conversationPanel .chat{padding-top:5px!important;padding-bottom:13px!important;}
.message{margin:11px 0!important;gap:11px!important;}
/* De-clutter the top controls without hiding any functions. */
.topbar{column-gap:8px!important;}
.top-actions{gap:5px!important;}
.top-actions .icon-btn{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;font-size:15px!important;}
.brand-wordmark .brand-name{letter-spacing:3.7px!important;}
/* Make the live-call invitation unmistakably about a voice call, with a quieter hierarchy. */
#realtimeBtn.live-call-btn.private-line-launch{min-height:78px!important;padding:10px 12px!important;gap:12px!important;}
#realtimeBtn .private-line-kicker{font-size:7px!important;letter-spacing:1.8px!important;}
#realtimeBtn .live-call-copy b.live-call-label{font:600 15px/1.15 Georgia,"Times New Roman",serif!important;font-style:normal!important;letter-spacing:.25px!important;}
#realtimeBtn .live-call-copy small:last-child{font-size:7.5px!important;letter-spacing:.2px!important;line-height:1.35!important;}
#realtimeBtn .private-line-action{min-width:34px!important;height:23px!important;font-size:6.5px!important;}
@media(max-width:700px){
 .hero{padding-bottom:8px!important;}
 .hero .hero-copy .status-line{margin-top:6px!important;padding-right:7px!important;font-size:9px!important;}
 #conversationPanel.panel.active{padding-top:3px!important;}
 #conversationPanel .chat{padding-top:4px!important;padding-bottom:11px!important;}
 .message{margin:10px 0!important;gap:10px!important;}
 #realtimeBtn.live-call-btn.private-line-launch{min-height:74px!important;padding:9px 10px!important;gap:9px!important;}
 #realtimeBtn .live-call-copy b.live-call-label{font-size:14px!important;}
 #realtimeBtn .live-call-copy small:last-child{font-size:7px!important;letter-spacing:.1px!important;}
 .top-actions{gap:4px!important;}
 .top-actions .icon-btn{width:32px!important;height:32px!important;min-width:32px!important;font-size:14px!important;}
}
@media(max-width:380px){
 .top-actions{gap:3px!important;}
 .top-actions .icon-btn{width:30px!important;height:30px!important;min-width:30px!important;}
 #realtimeBtn .live-call-copy b.live-call-label{font-size:13px!important;}
}


/* V3.5.0 — low-key private archive and clear two-way live captions. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.archive-trigger{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#8e8065;opacity:.48;transition:opacity .18s,color .18s;}
.archive-trigger:hover,.archive-trigger:focus-visible{opacity:.9;color:#d6ba7d;outline:none}
.archive-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.small-actions{align-items:center;gap:11px!important}
.message-meta{display:flex;align-items:center;gap:7px}
.message-favorite-btn{border:0;background:transparent;color:#b29b6b;font-size:13px;line-height:1;padding:2px 3px;opacity:.2;transition:opacity .18s,color .18s,transform .18s}
.message:hover .message-favorite-btn,.message:focus-within .message-favorite-btn{opacity:.65}
.message-favorite-btn.is-saved{opacity:.95;color:#e2c17a;text-shadow:0 0 9px #d4af5b55}
.message-favorite-btn:active{transform:scale(.88)}
.archive-dialog{width:min(94vw,680px);max-height:min(88vh,900px);}
.archive-card{max-height:min(88vh,900px);display:flex;flex-direction:column;overflow:hidden}
.archive-card .settings-head{margin-bottom:15px}
.archive-tabs{display:flex;gap:6px;padding:3px;margin-bottom:12px;border:1px solid #bfa36a24;border-radius:12px;background:#08080766}
.archive-tabs button{flex:1;border:0;border-radius:9px;padding:9px 6px;background:transparent;color:#9d9078;font-size:9px;letter-spacing:1.2px;opacity:.72}
.archive-tabs button.active{background:#c1a26816;color:#e1c98e;opacity:1;box-shadow:inset 0 0 0 1px #c3a66a2b}
.archive-content{overflow:auto;min-height:150px;max-height:60vh;padding-right:3px;scrollbar-width:thin;scrollbar-color:#705d39 transparent}
.archive-day{margin:0 0 20px}
.archive-day h3{margin:14px 2px 9px;color:#d9c393;font:italic 15px Georgia,serif;letter-spacing:.2px}
.archive-message,.archive-call-card{padding:12px 13px;margin:8px 0;border:1px solid #b99b5c22;border-radius:13px;background:linear-gradient(145deg,#191812,#100f0c);}
.archive-message.user{background:linear-gradient(145deg,#211e17,#15130f)}
.archive-message-top,.archive-call-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.archive-message-top b,.archive-call-summary b{font-size:8px;letter-spacing:1.5px;color:#d5bd84}
.archive-message-top time,.archive-call-summary small{font-size:9px;color:#807967}
.archive-message p{margin:7px 0 0;color:#d9d1c1;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.archive-message-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:7px}
.archive-small-btn{padding:3px 5px;border:0;border-radius:5px;background:transparent;color:#a79465;font-size:10px;opacity:.56;cursor:pointer}
.archive-small-btn:hover,.archive-small-btn:focus-visible,.archive-small-btn.is-saved{opacity:1;color:#e5c985;outline:none}
.archive-call-summary{display:flex;flex-direction:column;gap:4px}
.archive-call-invite{margin:9px 0 2px;color:#cfc2a4;font:italic 12px/1.5 Georgia,serif}
.archive-call-transcript{margin-top:8px;border-top:1px solid #bda36a1a;padding-top:7px}
.archive-call-transcript summary{color:#9f906b;font-size:8px;letter-spacing:1.3px;cursor:pointer;list-style:none}
.archive-call-transcript summary::-webkit-details-marker{display:none}
.archive-call-transcript p{display:flex;gap:8px;align-items:flex-start;margin:8px 0;color:#c9c0ae;font-size:10px;line-height:1.5}
.archive-call-transcript p b{flex:0 0 28px;color:#d5bd84;font-size:8px;letter-spacing:1px}
.archive-call-transcript p.user b{color:#a99c84}
.archive-no-audio{font-size:8px;color:#817967;letter-spacing:.7px}
.archive-empty{padding:40px 12px;text-align:center;color:#827963;font:italic 13px Georgia,serif}
.archive-privacy-note{margin:13px 2px 0;color:#756d5c;font-size:8px;line-height:1.5;text-align:center}
.call-transcript-panel{width:min(100%,590px);height:clamp(92px,20vh,172px);margin:15px auto 0;padding:10px 12px;border:1px solid #c7a45c26;border-radius:13px;background:linear-gradient(145deg,#17150fbb,#090908bb);text-align:left;display:flex;flex-direction:column;min-height:0;}
.call-transcript-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#c9ac71;font-size:7px;letter-spacing:1.8px}
.call-transcript-heading small{font-size:7px;color:#8e8061;letter-spacing:1px}
.call-transcript-log{overflow:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:#74603c transparent}
.call-transcript-empty{margin:auto!important;color:#837a66;font:italic 10px/1.5 Georgia,serif;text-align:center}
.call-transcript-line{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.45;color:#d7ceb9}
.call-transcript-line b{flex:0 0 27px;color:#d5b875;font-size:7px;letter-spacing:1px;padding-top:2px}
.call-transcript-line.user b{color:#9f947c}
.call-transcript-line.is-pending{opacity:.65}
.call-transcript-text{overflow-wrap:anywhere;white-space:pre-wrap}
.call-record-privacy{position:relative;z-index:2;margin:8px 0 0;color:#8f805e;font-size:7px;letter-spacing:1.1px;text-align:center;line-height:1.4}
.active-call-center{justify-content:flex-start!important;padding-top:clamp(8px,2vh,22px)!important;overflow:hidden}
.call-stage-label{margin-bottom:16px!important}
.active-call-avatar{width:clamp(104px,16vh,138px)!important;height:clamp(104px,16vh,138px)!important}
.active-call-name{margin-top:13px!important}
.call-waveform{margin:8px 0 4px!important;height:25px!important}
.active-call-status{margin-top:4px!important;font-size:12px!important}
.active-call-controls{margin-top:10px}
@media(max-width:620px){
 .message-favorite-btn{opacity:.38;font-size:12px;padding:3px}
 .archive-trigger{width:22px;height:22px;opacity:.52}
 .archive-card{padding:15px}
 .archive-content{max-height:62vh}
 .archive-message,.archive-call-card{padding:10px 11px}
 .call-transcript-panel{height:clamp(100px,19vh,150px);margin-top:10px;padding:8px 10px}
 .call-transcript-line{font-size:9px;gap:7px}
 .call-stage-label{margin-bottom:11px!important}
 .active-call-name{margin-top:10px!important}
 .active-call-controls{margin-top:7px}
 .hangup-btn{width:56px!important;height:56px!important}
}
@media(prefers-reduced-motion:reduce){.archive-small-btn,.message-favorite-btn,.archive-trigger{transition:none}}


/* V3.5.2 — separate, persistent non-live study companion line */
.study-call-overlay{position:fixed;inset:0;z-index:95;display:none;flex-direction:column;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 22px calc(18px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 35%,#302719 0%,#15130f 48%,#060605 100%);color:#f1e5ca}
.study-call-overlay.show{display:flex;animation:studyCallIn .35s ease both}
@keyframes studyCallIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
.study-call-top{display:flex;align-items:center;gap:11px;max-width:560px;width:100%;margin:0 auto;border-bottom:1px solid #c6a56930;padding-bottom:14px}
.study-call-mark{width:39px;height:39px;border:1px solid #d5b87588;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d6b875,#574326);color:#17130c;font:22px Georgia,serif}
.study-call-top b,.study-call-top small{display:block;letter-spacing:1.8px}.study-call-top b{font-size:10px;color:#ead6a6}.study-call-top small{font-size:8px;color:#9c9078;margin-top:4px}
.study-call-state{margin-left:auto;font-size:8px;letter-spacing:1px;color:#cdbb8d}.study-call-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9dba88;box-shadow:0 0 10px #9dba88;margin-right:6px}
.study-call-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;min-height:0}
.study-call-orb{position:relative;width:164px;height:164px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 33% 24%,#fff0c6 0%,#c7a45f 14%,#80633a 42%,#2a2114 74%,#0c0b08 100%);border:1px solid #e2c47c88;box-shadow:0 0 0 10px #d4b36a0d,0 0 0 22px #d4b36a08,0 0 65px #d4b36a38,inset -13px -17px 30px #100d08a8}
.study-call-orb span{font:64px Georgia,serif;color:#261d10;text-shadow:0 2px 12px #ffe9b1}.study-call-orb i{position:absolute;inset:18px;border:1px solid #fff1c633;border-radius:50%;animation:studyOrb 8s linear infinite}
@keyframes studyOrb{to{transform:rotate(360deg)}}
.study-call-orbit{position:absolute;border:1px solid #d5b77524;border-radius:50%;width:210px;height:210px;pointer-events:none}.study-call-orbit.orbit-b{width:255px;height:255px;border-style:dashed;animation:studyOrb 24s linear infinite}
.study-call-name{font:italic 30px Georgia,serif;letter-spacing:4px;margin-top:24px;color:#f0dfb9}.study-call-center p{max-width:330px;color:#c6b797;font-size:13px;line-height:1.7;margin:10px 0 18px}.study-call-clock{font:36px Georgia,serif;letter-spacing:2px;color:#e7cd91}.study-call-center>small{font-size:8px;letter-spacing:2px;color:#91836a;margin-top:8px}
.study-call-bottom{width:100%;max-width:560px;margin:0 auto;text-align:center}.study-call-bottom p{font-size:12px;line-height:1.6;color:#d3c5a7;min-height:20px}.study-call-bottom div{display:flex;justify-content:center;gap:10px;margin:18px 0}.study-call-bottom button{border:1px solid #c7a86b66;border-radius:999px;background:#b18d4b1a;color:#ead7ad;padding:12px 20px;font-size:9px;letter-spacing:1.2px}.study-call-bottom button:last-child{border-color:#8e555044;color:#b99a8b}.study-call-bottom>small{font-size:7px;letter-spacing:1.1px;color:#857b68}
@media(max-width:420px){.study-call-orb{width:138px;height:138px}.study-call-orb span{font-size:55px}.study-call-orbit{width:185px;height:185px}.study-call-orbit.orbit-b{width:220px;height:220px}.study-call-name{margin-top:18px}.study-call-bottom button{padding:11px 15px}}

/* V3.5.2 — study companion controls remain usable inside the non-live call-style screen */
.study-call-controls{display:flex;justify-content:center;align-items:center;gap:9px;margin:18px 0;flex-wrap:wrap}
.study-call-controls button{min-width:112px}
.study-call-controls button:first-child{background:#d2b46a18;border-color:#d2b46a77;color:#ead7ad}
@media(max-width:420px){.study-call-controls{gap:7px}.study-call-controls button{min-width:0;flex:1 1 29%;padding:10px 9px;font-size:8px;letter-spacing:.8px}}


/* V3.5.4 — unclutter the conversation header and align the private line title */
.topbar{height:auto!important;min-height:64px!important;flex:0 0 auto!important;padding:7px 0!important;gap:8px!important}
.top-actions{gap:5px!important;flex-wrap:nowrap!important}
.private-tools-row{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin:0 0 3px;padding:0 1px}
.private-tools-row button{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #c8a87525;border-radius:999px;background:#c8a87508;color:#bda879;opacity:.78}
.private-tools-row button span{font-size:13px;line-height:1}
.private-tools-row button small{font-size:7px;letter-spacing:1px}
#personaSettingsBtn{position:static!important;inset:auto!important;transform:none!important;box-shadow:none!important}
.hero{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:12px!important;min-height:0!important;padding:13px 0 12px!important;text-align:left!important}
.hero .orb-wrap{grid-column:1;grid-row:1;width:74px!important;height:74px!important;min-height:74px!important;flex:0 0 74px!important;margin:0!important}
.hero .orb{width:66px!important;height:66px!important}
.hero .hero-copy{grid-column:2;grid-row:1;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;width:100%!important;gap:0!important}
.hero .hero-copy .hero-kicker{display:block!important;width:auto!important;max-width:100%!important;font-size:8px!important;line-height:1.35!important;letter-spacing:2px!important;margin:0 0 5px!important;white-space:normal!important;overflow:visible!important}
.hero .hero-copy h1,.hero h1{font-size:clamp(25px,6vw,32px)!important;line-height:1.08!important;letter-spacing:-.25px!important;margin:0 0 6px!important;padding:0!important;white-space:normal!important;overflow:visible!important}
.hero .hero-copy .status-line{justify-content:flex-start!important;text-align:left!important;width:100%!important;margin:0!important;padding:0!important;font-size:9px!important;line-height:1.35!important;gap:6px!important}
.hero .hero-copy .status-line #statusText{text-align:left!important;max-width:100%!important;overflow-wrap:anywhere!important}
#realtimeBtn.live-call-btn.private-line-launch{position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 18px!important;align-items:center!important;justify-items:stretch!important;gap:9px!important;text-align:center!important;padding:10px 13px!important;min-height:78px!important}
#realtimeBtn .live-call-copy{grid-column:2;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;min-width:0!important;margin:0!important}
#realtimeBtn .live-call-copy>*{text-align:center!important;width:100%!important}
#realtimeBtn .private-line-icon-wrap{grid-column:1;justify-self:center!important}
#realtimeBtn .private-line-action{grid-column:3;justify-self:end!important}
.small-actions{gap:7px!important}
.chat{max-height:clamp(250px,43vh,520px)!important;min-height:190px!important;padding-top:5px!important;padding-bottom:14px!important}
@media(max-width:620px){
 .topbar{min-height:58px!important;padding:5px 0!important}
 .top-actions{gap:3px!important}
 .private-tools-row{margin-bottom:2px;gap:6px}
 .private-tools-row button{padding:4px 7px}
 .private-tools-row button small{font-size:6.5px;letter-spacing:.8px}
 .hero{grid-template-columns:62px minmax(0,1fr)!important;gap:9px!important;padding:10px 0 9px!important}
 .hero .orb-wrap{width:62px!important;height:62px!important;min-height:62px!important;flex-basis:62px!important}
 .hero .orb{width:56px!important;height:56px!important}
 .hero .hero-copy .hero-kicker{font-size:7px!important;letter-spacing:1.55px!important;margin-bottom:4px!important}
 .hero .hero-copy h1,.hero h1{font-size:clamp(23px,6.1vw,29px)!important;line-height:1.08!important;margin-bottom:5px!important}
 .hero .hero-copy .status-line{font-size:8px!important}
 #realtimeBtn.live-call-btn.private-line-launch{grid-template-columns:38px minmax(0,1fr) 13px!important;gap:7px!important;min-height:72px!important;padding:8px 10px!important}
 #realtimeBtn .live-call-copy b.live-call-label{font-size:14px!important;line-height:1.15!important}
 #realtimeBtn .live-call-copy small:last-child{font-size:7px!important;line-height:1.35!important}
 .chat{max-height:clamp(220px,42vh,430px)!important;min-height:170px!important}
}
@media(max-width:370px){.top-actions{gap:2px!important}.hero .hero-copy h1,.hero h1{font-size:22px!important}}
.archive-audio-saved{align-self:center;color:#a9956c;font-size:7px;letter-spacing:.5px;opacity:.85}

/* V3.5.5 — more generous touch targets and a quieter champagne-plum finish */
@media(min-width:621px){
 .top-actions .icon-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;font-size:18px!important}
 .language-trigger{width:42px!important;height:42px!important}
 .language-trigger svg{width:19px!important;height:19px!important}
 .mode-control select{min-height:40px!important;padding:0 25px 0 13px!important;font-size:10px!important}
 .private-tools-row button{padding:7px 12px!important;gap:8px!important}
 .private-tools-row button small{font-size:8px!important;letter-spacing:1.1px!important}
}
@media(max-width:620px){
 .top-actions .icon-btn{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important;font-size:17px!important}
 .language-trigger{width:39px!important;height:39px!important}
 .language-trigger svg{width:18px!important;height:18px!important}
 .mode-control select{min-height:36px!important;font-size:8px!important}
 .private-tools-row button{min-height:34px!important;padding:6px 10px!important}
 .private-tools-row button small{font-size:7.5px!important;letter-spacing:.9px!important}
}
/* Settings and language stay icon-only; no visible text labels or hover tooltips. */
#settingsBtn,#languageBtn{position:relative}

/* V3.5.6 — intimate naming, compact date filters and a more tactile composer. */
.diary-filter-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;align-items:end}
.diary-filter-tools>label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#b9a77f;font-size:9px;letter-spacing:1.15px}
.diary-filter-tools input,.diary-filter-tools select{width:100%;min-width:0;min-height:40px;border:1px solid #b99a5b55;border-radius:11px;background:linear-gradient(145deg,#1a1812,#0c0d0b);color:#eee2c5;padding:8px 10px;color-scheme:dark;font:12px Georgia,serif;letter-spacing:.2px}
.diary-filter-tools .diary-filter-mode{grid-column:1/-1}
.diary-filter-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.diary-filter-actions .secondary-btn{min-height:34px;padding:7px 12px;border-radius:999px}
.diary-filter-tools [hidden]{display:none!important}
.input-row{border-radius:20px!important;padding:7px 8px 7px 15px!important;background:linear-gradient(135deg,#201c13 0%,#11110e 58%,#1a160e 100%)!important;box-shadow:inset 0 1px #fff2,0 10px 28px #0007!important}
.input-row textarea{line-height:1.55!important;padding-top:10px!important;padding-bottom:10px!important}
.send-btn{border-radius:14px!important;background:linear-gradient(145deg,#d9bd7c,#8f6d32)!important;color:#17130b!important;box-shadow:inset 0 1px #fff8,0 5px 14px #0008!important;transition:transform .18s ease,filter .18s ease!important}
.send-btn:active{transform:scale(.94)!important;filter:brightness(1.12)!important}
.mic-btn{border-radius:999px!important;min-height:43px!important;padding-inline:18px!important;letter-spacing:1.5px!important;font-size:10px!important}
#realtimeBtn.live-call-btn.private-line-launch{border-radius:18px!important;box-shadow:inset 0 1px #fff3,inset 0 -1px #0008,0 16px 34px #000b,0 0 25px #c49a4a20!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
#realtimeBtn.live-call-btn.private-line-launch:active{transform:scale(.985)!important;box-shadow:inset 0 2px 8px #0008,0 7px 18px #0009!important}
@media(max-width:520px){.diary-filter-tools{grid-template-columns:1fr!important}.diary-filter-tools .diary-filter-mode,.diary-filter-actions{grid-column:1}}

/* Memory archive time navigation. */
.archive-time-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:2px 0 14px;padding:12px;border:1px solid #b99a5b2b;border-radius:15px;background:linear-gradient(145deg,#17150f,#0d0e0c)}
.archive-time-filter label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#b9a77f;font-size:9px;letter-spacing:1.1px}
.archive-time-filter label:first-child{grid-column:1/-1}
.archive-time-filter input,.archive-time-filter select{width:100%;min-width:0;min-height:38px;border:1px solid #b99a5b55;border-radius:10px;background:#11110e;color:#eee2c5;padding:7px 9px;color-scheme:dark;font:12px Georgia,serif}
.archive-time-filter [hidden]{display:none!important}
@media(max-width:460px){.archive-time-filter{grid-template-columns:1fr}.archive-time-filter label:first-child{grid-column:1}}


/* V3.5.7 — compact navigation controls and a proper diary-book mark. */
.top-actions{gap:4px!important}
.top-actions .icon-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:10px!important;font-size:14px!important;padding:0!important}
.top-actions .language-trigger{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:10px!important}
.top-actions .language-trigger svg{width:15px!important;height:15px!important}
.mode-control select{min-height:30px!important;padding-top:0!important;padding-bottom:0!important;font-size:8px!important}
.private-tools-row{gap:6px!important;margin-bottom:2px!important}
.private-tools-row button{min-height:27px!important;padding:3px 7px!important;gap:5px!important;border-radius:999px!important}
.private-tools-row button span{font-size:11px!important}
.private-tools-row button small{font-size:6.5px!important;letter-spacing:.75px!important}
.diary-icon-btn svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.diary-icon-btn{color:#d8bd82!important}
.diary-book-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:9px!important;background:linear-gradient(145deg,#d9bd7c,#98733d)!important;box-shadow:inset 0 1px #fff8,0 5px 13px #0005!important}
.diary-book-icon svg{width:25px;height:25px;fill:none;stroke:#21190e;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:620px){
 .top-actions{gap:3px!important}
 .top-actions .icon-btn,.top-actions .language-trigger{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;border-radius:9px!important;font-size:13px!important}
 .top-actions .language-trigger svg{width:14px!important;height:14px!important}
 .mode-control select{min-height:27px!important;min-width:47px!important;font-size:7px!important;padding-left:5px!important;padding-right:15px!important}
 .private-tools-row{gap:5px!important}
 .private-tools-row button{min-height:25px!important;padding:3px 6px!important;gap:4px!important}
 .private-tools-row button span{font-size:10px!important}
 .private-tools-row button small{font-size:6px!important;letter-spacing:.6px!important}
 .diary-icon-btn svg{width:16px;height:16px}
}

/* V3.5.8 — real layout pass: centered gold orb, balanced navigation and a calmer conversation canvas. */
.app-shell{
  width:100%!important;max-width:980px!important;margin:0 auto!important;
  padding-left:clamp(14px,3vw,30px)!important;padding-right:clamp(14px,3vw,30px)!important;
  padding-top:env(safe-area-inset-top)!important;
  padding-bottom:calc(7px + env(safe-area-inset-bottom))!important;
}
.topbar{
  flex:0 0 58px!important;height:58px!important;min-height:58px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;padding:4px 0!important;border-bottom:1px solid #d0b16d25!important;
}
.brand-wordmark .brand-name{font-size:21px!important;letter-spacing:4px!important}
.brand-wordmark .brand-sub{font-size:6px!important;letter-spacing:1.55px!important}
.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0!important}
.top-actions .online{font-size:7px!important;letter-spacing:1px!important;white-space:nowrap!important}
.top-actions .icon-btn,.top-actions .language-trigger{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  padding:0!important;border-radius:9px!important;font-size:13px!important;
}
.top-actions .language-trigger svg{width:14px!important;height:14px!important}
.mode-control{padding:1px 4px 1px 6px!important}
.mode-control select{min-width:0!important;min-height:27px!important;padding:0 13px 0 2px!important;font-size:7px!important;letter-spacing:.7px!important}
.private-tools-row{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;margin:5px 0 0!important;padding:0!important;min-height:28px!important;
}
.private-tools-row button{
  min-height:26px!important;padding:3px 9px!important;gap:5px!important;border-radius:999px!important;
  background:linear-gradient(120deg,#c7a45c0c,#fff4d005)!important;border:1px solid #c8a87535!important;
  color:#c5ad79!important;opacity:1!important;
}
.private-tools-row button span{font-size:10px!important;line-height:1!important}
.private-tools-row button small{font-size:6.5px!important;letter-spacing:1px!important}
.hero{
  flex:0 0 auto!important;flex-shrink:0!important;position:relative!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:0!important;width:100%!important;min-height:0!important;text-align:center!important;
  padding:2px 0 9px!important;margin:0!important;
}
.hero .orb-wrap{
  order:0!important;display:grid!important;place-items:center!important;position:relative!important;
  width:100%!important;height:145px!important;min-height:145px!important;flex:0 0 145px!important;
  margin:0 auto!important;inset:auto!important;
}
.hero .orb{
  width:128px!important;height:128px!important;min-width:128px!important;min-height:128px!important;
  margin:0 auto!important;transform-origin:center!important;
}
.hero .orb-art{width:100%!important;height:100%!important}
.hero .hero-copy{
  order:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0 auto!important;padding:0 34px!important;text-align:center!important;gap:0!important;
}
.hero .hero-copy .hero-kicker{
  display:block!important;width:100%!important;margin:0 0 4px!important;text-align:center!important;
  font-size:7px!important;line-height:1.35!important;letter-spacing:2.2px!important;color:#c5a96d!important;
}
.hero .hero-copy h1,.hero h1{
  width:100%!important;margin:0 0 5px!important;padding:0!important;text-align:center!important;
  font-size:clamp(25px,4vw,32px)!important;line-height:1.08!important;letter-spacing:0!important;
  white-space:normal!important;color:#f2e7cc!important;
}
.hero .hero-copy .status-line{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:100%!important;margin:0!important;padding:0!important;text-align:center!important;
  font-size:8px!important;line-height:1.35!important;color:#a99a78!important;
}
.hero .hero-copy .status-line #statusText{max-width:100%!important;text-align:center!important;overflow-wrap:anywhere!important}
.hero .moon-entry-btn{right:2px!important;top:8px!important;width:31px!important;height:31px!important;flex-basis:31px!important;}
.hero .moon-entry-btn span{font-size:22px!important}
#conversationPanel.panel.active{
  display:flex!important;flex:1 1 0!important;min-height:0!important;height:auto!important;
  overflow:hidden!important;margin:0!important;padding:0!important;
}
#conversationPanel .chat{
  flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;padding:5px 3px 10px!important;
}
#conversationPanel .message{margin:9px 0!important;gap:10px!important}
#conversationPanel .bubble{padding:10px 13px!important;font-size:12.5px!important;line-height:1.55!important}
#conversationPanel .composer{
  position:relative!important;bottom:auto!important;flex:0 0 auto!important;z-index:3!important;
  padding:5px 0 0!important;background:linear-gradient(180deg,#08080700,#080807 20%)!important;
}
.input-row{
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:6px 7px 6px 13px!important;border-radius:16px!important;
  min-height:52px!important;background:linear-gradient(135deg,#1b1912,#10100d)!important;
  border:1px solid #c8a96a55!important;box-shadow:inset 0 1px #fff2,0 8px 22px #0007!important;
}
.input-row textarea{min-height:36px!important;max-height:82px!important;padding:7px 2px!important;font-size:12px!important;line-height:1.45!important}
.send-btn{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;font-size:18px!important}
#conversationPanel .action-row{
  display:grid!important;grid-template-columns:minmax(92px,.58fr) minmax(0,1.42fr)!important;
  align-items:center!important;gap:8px!important;padding:7px 1px 0!important;
}
#conversationPanel .mic-btn{
  min-width:0!important;min-height:40px!important;padding:7px 8px!important;gap:6px!important;
  justify-content:center!important;border-radius:999px!important;font-size:8px!important;letter-spacing:1px!important;
}
#realtimeBtn.live-call-btn.private-line-launch{
  width:100%!important;min-width:0!important;min-height:66px!important;padding:7px 10px!important;
  display:grid!important;grid-template-columns:36px minmax(0,1fr) 15px!important;
  align-items:center!important;justify-items:stretch!important;gap:7px!important;border-radius:15px!important;
}
#realtimeBtn .private-line-icon-wrap{grid-column:1!important;width:34px!important;height:34px!important;justify-self:center!important}
#realtimeBtn .private-line-wave-icon{width:23px!important;height:23px!important}
#realtimeBtn .live-call-copy{grid-column:2!important;min-width:0!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-align:center!important}
#realtimeBtn .live-call-copy>*{width:100%!important;text-align:center!important}
#realtimeBtn .private-line-kicker{font-size:6px!important;letter-spacing:1.5px!important}
#realtimeBtn .live-call-copy b.live-call-label{font-size:14px!important;line-height:1.1!important;letter-spacing:0!important}
#realtimeBtn .live-call-copy small:last-child{font-size:6.5px!important;line-height:1.25!important;letter-spacing:.15px!important}
#realtimeBtn .private-line-action{grid-column:3!important;justify-self:end!important;min-width:0!important;width:15px!important;height:20px!important;padding:0!important;border:0!important;background:transparent!important;font-size:9px!important}
#conversationPanel .small-actions{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:13px!important;gap:6px!important}
#conversationPanel .small-actions .text-btn{padding:1px 0!important;font-size:7px!important;letter-spacing:1px!important}
/* The two private destinations share one quiet visual language. */
#archiveBtn,#personaSettingsBtn{white-space:nowrap!important}
/* Modal content follows the same spacing rhythm without changing its data or behavior. */
.settings-dialog .settings-card{padding:clamp(16px,3vw,22px)!important}
.settings-dialog .settings-head{gap:14px!important;margin-bottom:18px!important}
.settings-dialog .settings-title{letter-spacing:1.2px!important}
.settings-dialog .settings-desc{max-width:54ch!important;line-height:1.55!important}
@media(min-width:700px){
 .topbar{flex-basis:64px!important;height:64px!important;min-height:64px!important}
 .private-tools-row{justify-content:flex-start!important;margin-top:8px!important}
 .hero{padding-top:0!important;padding-bottom:10px!important}
 .hero .orb-wrap{height:154px!important;min-height:154px!important;flex-basis:154px!important}
 .hero .orb{width:136px!important;height:136px!important;min-width:136px!important;min-height:136px!important}
 .hero .hero-copy{max-width:620px!important}
 #conversationPanel .action-row{grid-template-columns:minmax(125px,.48fr) minmax(0,1.52fr)!important}
 #realtimeBtn.live-call-btn.private-line-launch{max-width:520px!important;justify-self:end!important}
}
@media(max-width:620px){
 .app-shell{padding-left:12px!important;padding-right:12px!important}
 .topbar{flex-basis:54px!important;height:54px!important;min-height:54px!important;gap:6px!important}
 .brand-wordmark .brand-name{font-size:19px!important;letter-spacing:3.5px!important}
 .brand-wordmark .brand-sub{font-size:5.5px!important;letter-spacing:1.2px!important}
 .top-actions{gap:3px!important}
 .top-actions .online{font-size:6px!important;letter-spacing:.65px!important}
 .top-actions .icon-btn,.top-actions .language-trigger{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;border-radius:8px!important;font-size:12px!important}
 .top-actions .language-trigger svg{width:13px!important;height:13px!important}
 .mode-control select{min-height:25px!important;min-width:43px!important;font-size:6px!important;padding-right:11px!important}
 .private-tools-row{margin-top:4px!important;min-height:25px!important;gap:6px!important}
 .private-tools-row button{min-height:24px!important;padding:2px 7px!important;gap:4px!important}
 .private-tools-row button span{font-size:9px!important}
 .private-tools-row button small{font-size:6px!important;letter-spacing:.7px!important}
 .hero{padding:0 0 5px!important}
 .hero .orb-wrap{height:124px!important;min-height:124px!important;flex-basis:124px!important}
 .hero .orb{width:110px!important;height:110px!important;min-width:110px!important;min-height:110px!important}
 .hero .hero-copy{padding:0 26px!important}
 .hero .hero-copy h1,.hero h1{font-size:clamp(23px,6vw,28px)!important}
 .hero .moon-entry-btn{top:6px!important;right:0!important;width:28px!important;height:28px!important;flex-basis:28px!important}
 .hero .moon-entry-btn span{font-size:20px!important}
 #conversationPanel .chat{padding:2px 1px 7px!important}
 #conversationPanel .message{margin:7px 0!important;gap:8px!important}
 #conversationPanel .bubble{padding:9px 11px!important;font-size:12px!important;line-height:1.48!important}
 #conversationPanel .composer{padding-top:3px!important}
 .input-row{min-height:47px!important;padding:5px 6px 5px 11px!important}
 .input-row textarea{min-height:34px!important;font-size:12px!important}
 .send-btn{width:33px!important;height:33px!important;min-width:33px!important;border-radius:10px!important}
 #conversationPanel .action-row{grid-template-columns:minmax(82px,.55fr) minmax(0,1.45fr)!important;gap:6px!important;padding-top:6px!important}
 #conversationPanel .mic-btn{min-height:37px!important;padding:6px 6px!important;font-size:7px!important;letter-spacing:.7px!important}
 #realtimeBtn.live-call-btn.private-line-launch{min-height:60px!important;padding:6px 7px!important;grid-template-columns:31px minmax(0,1fr) 12px!important;gap:5px!important}
 #realtimeBtn .private-line-icon-wrap{width:29px!important;height:29px!important}
 #realtimeBtn .private-line-wave-icon{width:20px!important;height:20px!important}
 #realtimeBtn .private-line-kicker{font-size:5.5px!important;letter-spacing:1.1px!important}
 #realtimeBtn .live-call-copy b.live-call-label{font-size:12px!important}
 #realtimeBtn .live-call-copy small:last-child{font-size:5.7px!important}
 #realtimeBtn .private-line-action{font-size:8px!important}
}
@media(max-width:380px){
 .top-actions .online{display:none!important}
 .top-actions{gap:3px!important}
 .hero .orb-wrap{height:116px!important;min-height:116px!important;flex-basis:116px!important}
 .hero .orb{width:102px!important;height:102px!important;min-width:102px!important;min-height:102px!important}
 .hero .hero-copy h1,.hero h1{font-size:22px!important}
 #realtimeBtn .live-call-copy b.live-call-label{font-size:11px!important}
}
@media(max-height:720px) and (max-width:620px){
 .hero .orb-wrap{height:102px!important;min-height:102px!important;flex-basis:102px!important}
 .hero .orb{width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important}
 .hero{padding-bottom:2px!important}
 #conversationPanel .chat{padding-top:0!important}
}


/* V3.5.10 — private shortcuts above the moon; content-sized message bubbles. */
.hero{position:relative!important;}
.hero .private-tools-row{position:absolute!important;right:0!important;top:7px!important;z-index:8!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:5px!important;margin:0!important;padding:0!important;min-height:0!important;width:auto!important;}
.hero .private-tools-row button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;min-height:25px!important;padding:3px 8px!important;border-radius:999px!important;background:linear-gradient(120deg,#c7a45c18,#17140d)!important;border:1px solid #c8a87555!important;color:#d7bd83!important;box-shadow:0 3px 12px #0007!important;}
.hero .private-tools-row button span{font-size:10px!important;line-height:1!important;}
.hero .private-tools-row button small{font-size:6.5px!important;letter-spacing:.8px!important;line-height:1!important;}
.hero .moon-entry-btn{position:absolute!important;right:8px!important;top:67px!important;z-index:7!important;width:32px!important;height:32px!important;flex-basis:32px!important;}
.hero .moon-entry-btn span{font-size:22px!important;}
.topbar .diary-icon-btn{display:grid!important;place-items:center!important;padding:0!important;line-height:0!important;}
.topbar .diary-icon-btn svg{display:block!important;width:17px!important;height:17px!important;margin:0!important;justify-self:center!important;align-self:center!important;transform:none!important;}
#conversationPanel .message{align-items:flex-start!important;}
#conversationPanel .bubble-wrap{flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:min(84%,680px)!important;}
#conversationPanel .bubble{display:inline-block!important;width:auto!important;max-width:100%!important;min-width:0!important;padding:10px 13px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;}
#conversationPanel .message-meta{width:fit-content!important;max-width:100%!important;}
#conversationPanel .user .message-meta{margin-left:auto!important;justify-content:flex-end!important;}
@media(max-width:420px){
 .hero .private-tools-row{top:4px!important;right:0!important;gap:4px!important;}
 .hero .private-tools-row button{min-height:23px!important;padding:2px 7px!important;}
 .hero .private-tools-row button small{font-size:6px!important;}
 .hero .moon-entry-btn{top:61px!important;right:5px!important;width:29px!important;height:29px!important;flex-basis:29px!important;}
 #conversationPanel .bubble-wrap{max-width:86%!important;}
}


/* V3.5.10 — align private shortcuts, center the diary mark, and size bubbles to their text. */
.hero .private-tools-row{right:8px!important;top:7px!important;align-items:stretch!important;}
.hero #personaSettingsBtn{order:0!important;}
.hero #archiveBtn{order:1!important;}
.hero .moon-entry-btn{right:8px!important;top:67px!important;}
.topbar .diary-icon-btn{display:grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;line-height:0!important;}
.topbar .diary-icon-btn svg{display:block!important;position:static!important;place-self:center!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important;}
#conversationPanel .message{display:flex!important;align-items:flex-start!important;}
#conversationPanel .bubble-wrap{display:flex!important;flex:0 1 auto!important;flex-direction:column!important;align-items:flex-start!important;width:fit-content!important;max-width:min(84%,680px)!important;min-width:0!important;}
#conversationPanel .user .bubble-wrap{align-items:flex-end!important;}
#conversationPanel .bubble{display:block!important;flex:0 1 auto!important;align-self:flex-start!important;width:fit-content!important;max-width:100%!important;min-width:0!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;}
#conversationPanel .user .bubble{align-self:flex-end!important;}
#conversationPanel .message-meta{display:flex!important;align-items:center!important;width:fit-content!important;max-width:100%!important;}
#conversationPanel .user .message-meta{align-self:flex-end!important;}
@media(max-width:620px){
 .topbar .diary-icon-btn{flex-basis:27px!important;width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;}
 .topbar .diary-icon-btn svg{width:16px!important;height:16px!important;}
 .hero .private-tools-row{right:5px!important;top:4px!important;}
 .hero .moon-entry-btn{right:5px!important;top:61px!important;}
 #conversationPanel .bubble-wrap{max-width:86%!important;}
}


/* V3.5.12 — Core + Memories share one row above the moon; give the hero breathing room. */
.hero{position:relative!important;box-sizing:border-box!important;padding-top:30px!important;padding-bottom:18px!important;min-height:168px!important;}
.hero .private-tools-row{position:absolute!important;right:9px!important;top:17px!important;z-index:8!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;padding:0!important;min-height:0!important;width:auto!important;}
.hero .private-tools-row button{display:inline-flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:27px!important;padding:4px 9px!important;border-radius:999px!important;background:linear-gradient(120deg,#c7a45c20,#17140d)!important;border:1px solid #c8a87566!important;color:#e0c58d!important;box-shadow:0 3px 12px #0007!important;white-space:nowrap!important;}
.hero .private-tools-row button span{font-size:10px!important;line-height:1!important;}
.hero .private-tools-row button small{font-size:6.5px!important;letter-spacing:.85px!important;line-height:1!important;}
.hero .moon-entry-btn{position:absolute!important;right:calc(9px + 35px)!important;top:57px!important;z-index:7!important;width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;flex:0 0 31px!important;}
.hero .moon-entry-btn span{font-size:22px!important;}
@media(max-width:620px){
 .hero{padding-top:27px!important;padding-bottom:13px!important;min-height:164px!important;}
 .hero .private-tools-row{top:13px!important;right:7px!important;gap:6px!important;}
 .hero .private-tools-row button{min-height:26px!important;padding:3px 8px!important;gap:4px!important;}
 .hero .private-tools-row button span{font-size:9px!important;}
 .hero .private-tools-row button small{font-size:6px!important;letter-spacing:.7px!important;}
 .hero .moon-entry-btn{top:51px!important;right:calc(7px + 34px)!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;flex-basis:29px!important;}
 .hero .moon-entry-btn span{font-size:20px!important;}
 .hero .orb-wrap{margin-top:4px!important;}
}
@media(max-width:380px){
 .hero{padding-top:25px!important;min-height:158px!important;}
 .hero .private-tools-row{right:5px!important;gap:4px!important;}
 .hero .private-tools-row button{padding:3px 6px!important;}
 .hero .private-tools-row button small{font-size:5.7px!important;letter-spacing:.55px!important;}
 .hero .moon-entry-btn{right:calc(5px + 32px)!important;top:49px!important;}
}
@media(max-height:720px) and (max-width:620px){.hero{padding-top:24px!important;min-height:153px!important;padding-bottom:10px!important;}}

/* V3.5.13 — moon sits at the far-right edge, directly beneath the paired shortcuts. */
.hero .private-tools-row{right:9px!important;}
.hero .moon-entry-btn{right:9px!important;left:auto!important;}
@media(max-width:620px){
 .hero .private-tools-row{right:7px!important;}
 .hero .moon-entry-btn{right:7px!important;left:auto!important;}
}
@media(max-width:380px){
 .hero .private-tools-row{right:5px!important;}
 .hero .moon-entry-btn{right:5px!important;left:auto!important;}
}

/* Bulk selection: long-press any saved item, or enter selection mode explicitly. */
.bulk-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:9px 10px;margin:4px 0 10px;border:1px solid #c5a16b35;border-radius:11px;background:linear-gradient(110deg,#34232a,#21171d);position:sticky;top:0;z-index:3}
.bulk-toolbar span{margin-right:auto;color:#e5c99b;font-size:10px;letter-spacing:.5px}
.bulk-toolbar .archive-small-btn{padding:6px 9px;border:1px solid #c5a16b40;border-radius:7px;opacity:1;color:#dfc49a;font-size:9px}
.bulk-toolbar .bulk-delete{border-color:#a85b5b77;color:#e7a3a3}
.bulk-select-check{width:17px;height:17px;accent-color:#c6a16d;flex:0 0 auto;cursor:pointer}
.archive-message.is-selected,.archive-call-card.is-selected,.memory-item.is-selected,.diary-entry.is-selected{outline:1px solid #d9b77e;box-shadow:0 0 0 2px #d9b77e22,0 8px 25px #0005}
.archive-message>.bulk-select-check,.archive-call-card>.bulk-select-check{float:left;margin:1px 9px 5px 0}
.memory-item>.bulk-select-check,.diary-entry>.bulk-select-check{position:absolute;right:12px;top:12px}
.memory-item,.diary-entry{position:relative}


/* V3.5.16 — denser chat rhythm and unmistakable archive multi-select controls. */
#conversationPanel .message{margin:4px 0!important;gap:7px!important;}
#conversationPanel .message-time{margin-top:2px!important;}
#conversationPanel .bulk-select-check{display:inline-block!important;position:relative!important;z-index:2!important;width:19px!important;height:19px!important;margin:2px 9px 0 0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
#archiveContent .archive-message,#archiveContent .archive-call-card{position:relative!important;}
#archiveContent .archive-message.is-selected,#archiveContent .archive-call-card.is-selected{background-color:#33291b!important;}
#archiveContent .bulk-toolbar{gap:6px!important;}
@media(max-width:620px){#conversationPanel .message{margin:3px 0!important;gap:6px!important;}#conversationPanel .bubble{padding:9px 12px!important;}}

/* V3.5.16 — long-press messages in the live conversation to multi-select and delete. */
#conversationPanel .chat-bulk-toolbar{position:sticky;top:0;z-index:15;margin:4px 0 8px;}
#conversationPanel .message.is-chat-selected{outline:1px solid #d9b77e;outline-offset:2px;border-radius:10px;background:#c5a16b0b;}
#conversationPanel .chat-bulk-check{width:19px!important;height:19px!important;align-self:flex-start!important;margin:8px 3px 0 0!important;flex:0 0 19px!important;}

/* V3.5.17 — compact message rhythm without shrinking type. */
#conversationPanel .message{margin:2px 0!important;gap:6px!important;}
#conversationPanel .bubble-wrap{gap:2px!important;}
#conversationPanel .speaker{margin-bottom:1px!important;}
#conversationPanel .bubble{padding-top:9px!important;padding-bottom:9px!important;}
#conversationPanel .message-meta{margin-top:1px!important;}
#conversationPanel .chat-bulk-toolbar{position:sticky;top:0;z-index:8;}
#conversationPanel .message.is-chat-selected{outline:1px solid #d9b77e;outline-offset:2px;border-radius:10px;background:#c5a16b0b;}
@media(max-width:620px){#conversationPanel .message{margin:2px 0!important;gap:5px!important;}#conversationPanel .bubble{padding:8px 11px!important;}}


/* V3.5.18 — dependable chat selection and a tighter message/meta rhythm. */
#conversationPanel .message{margin:1px 0!important;gap:5px!important;}
#conversationPanel .bubble{padding:7px 10px!important;line-height:1.58!important;}
#conversationPanel .speaker{margin:0 0 1px 2px!important;line-height:1.15!important;}
#conversationPanel .message-meta{display:flex!important;align-items:center!important;gap:5px!important;margin:1px 2px 0!important;min-height:20px!important;}
#conversationPanel .message-time{font-size:8px!important;letter-spacing:.25px!important;opacity:.72!important;margin:0!important;}
#conversationPanel .message-audio-btn,#conversationPanel .message-favorite-btn{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;border:1px solid rgba(201,169,123,.18)!important;border-radius:7px!important;background:rgba(201,169,123,.055)!important;line-height:1!important;opacity:.72!important;}
#conversationPanel .message-favorite-btn.is-saved{opacity:1!important;color:#e5c47b!important;border-color:rgba(229,196,123,.42)!important;background:rgba(229,196,123,.1)!important;}
#conversationPanel .message-audio-btn:active,#conversationPanel .message-favorite-btn:active{transform:scale(.94)!important;opacity:1!important;}
#conversationPanel .chat-bulk-toolbar{margin:3px 0 6px!important;padding:7px 8px!important;}
#conversationPanel .chat-bulk-toolbar .bulk-delete:disabled{opacity:.35!important;pointer-events:none!important;}
#conversationPanel .message{touch-action:pan-y;-webkit-touch-callout:none;}
#chatManageBtn{padding:5px 7px;border:1px solid rgba(201,169,123,.2);border-radius:7px;}
#chatManageBtn[aria-pressed="true"]{color:#e5c47b;border-color:rgba(229,196,123,.5);background:rgba(229,196,123,.1);}
@media(max-width:620px){#conversationPanel .message{margin:1px 0!important;gap:4px!important;}#conversationPanel .bubble{padding:7px 10px!important;}#conversationPanel .message-meta{gap:4px!important;}}