@charset "UTF-8";
/* Dark surfaces and foregrounds must stay paired, including dialogs and hover. */
:root[data-theme=dark]{--purple:#bfa8ff;--purple-dark:#cdbbff;--green:#78d8b5}
:root[data-theme=dark] .primary{background:#6e4ed2;color:#fff}
:root[data-theme=dark] .primary:hover{background:#6242c4}
:root[data-theme=dark] .primary:disabled{background:#504367;color:#e2dbea}
:root[data-theme=dark] .danger-button{background:#a83f58;color:#fff}
:root[data-theme=dark] .action-icon{background:var(--lavender);color:#c4b2ee}
:root[data-theme=dark] #account .account-avatar{background:var(--lavender);color:#d4c1ff}
:root[data-theme=dark] .dialog-avatar:not(:has(img)){background:var(--lavender)!important;color:#d4c1ff!important;filter:none}
:root[data-theme=dark] .pro-orbit{box-shadow:0 0 0 12px #292337,0 0 0 23px #201d2b}
:root[data-theme=dark] .intro-center{background:var(--lavender)}
:root[data-theme=dark] .intro-orbit,:root[data-theme=dark] .intro-orbit::after{border-color:#403553}
:root[data-theme=dark] .mode-comparison td:nth-child(2){background:#292536}
:root[data-theme=dark] .comparison summary:hover{background:var(--lavender)}
:root[data-theme=dark] .pro-teaser{background:var(--lavender)}
:root[data-theme=dark] .pro-teaser .action-copy>strong{color:#d1bdff}
:root[data-theme=dark] .pro-teaser .action-copy>small{color:#bfb2d4}
:root[data-theme=dark] .plan-note{background:var(--lavender);color:#d1bdff}
:root[data-theme=dark] .disclosure summary{color:var(--muted)}
:root[data-theme=dark] .input-wrap input::placeholder{color:#aaa0b8}
:root[data-theme=dark] .notification-error,:root[data-theme=dark] .form-error{color:#f2a7b9}
:root[data-theme=dark] .reconnect-card{background:#33232d;border-color:#563340}
:root[data-theme=dark] .reconnect-card h3{color:#f0afc3}
:root[data-theme=dark] .reconnect-card p{color:#d0aebb}
:root[data-theme=dark] .benefit{color:#c4bfd2}
:root[data-theme=dark] .steps .current>span{background:#6e4ed2;border-color:#6e4ed2}
:root[data-theme=dark] .dump-state.failed,:root[data-theme=dark] .referral-state.failed{color:#f2a7b9}
#storage .dump-create label.export-option{display:flex;align-items:center;gap:10px;margin:0;padding:13px 0}
:root[data-theme=dark] .export-option input:checked+.export-check,:root[data-theme=dark] .dialog-choice[aria-checked=true]{background:#6e4ed2;border-color:#bfa8ff}
/* Integrated account uses the same grouped rows as the approved preview. */
[data-theme=dark] .chat-summary{color:#c5b6df}
[data-theme=dark] .chat-summary strong{color:#cdbbff}
[data-theme=dark] #storage #dump-policy{color:#c5b6df}
[data-theme=dark] .secondary,[data-theme=dark] .small-link,[data-theme=dark] .text-button,[data-theme=dark] .bottom-nav button.active{color:#bfa8ff}
#membership .plan-card{justify-content:flex-start}
#selection .chat-tools{margin-top:0;padding-top:0}
#storage #dump-policy{color:#766292}
#storage #export-mode-hint{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:16px}
#account .account-group{margin:16px 0}
#account .action-row{min-height:70px;padding:15px 16px;gap:12px}
#account .action-copy,#account .row-copy{flex:1;min-width:0}
#account .action-copy>strong,#account .row-copy>strong{display:block;font-size:12px;font-weight:600;line-height:1.5}
#account .action-copy>small,#account .row-copy>span{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.6}
#account .action-icon,#account .row-icon{width:34px;height:34px;border-radius:11px;background:var(--lavender);color:#927bc0;display:grid;place-items:center;flex-shrink:0}
#account .action-icon .icon,#account .row-icon .icon{width:20px;height:20px}
#account .account-card{padding:20px 18px;box-shadow:none}
#account .account-avatar{background:#e8dffc;color:#9676c6}
#account .account-card h2,#account .account-card p{overflow-wrap:anywhere}
[data-ui="sounds"][aria-pressed="true"] .sound-indicator{background:var(--purple)}
[data-ui="sounds"][aria-pressed="true"] .sound-indicator::before{transform:translateX(13px)}
.account-detail .back-link{display:flex;align-items:center;gap:8px;margin:0 0 23px;padding:0;background:transparent;color:var(--muted)}
.account-detail .back-link .icon{width:18px;height:18px}
.account-detail .account-detail-card{margin:0 0 18px;padding:20px}
.account-detail details.account-detail-card>summary{display:none}
.account-detail .account-detail-card p{font-size:12px;line-height:1.8;color:var(--muted)}
.account-detail .setting-row{font-size:13px;gap:12px}
.account-detail .notification-option{font-size:13px}
.account-detail textarea,.account-detail input{min-width:0;max-width:100%}
.account-detail #support-form .secondary{margin-top:18px}
.account-detail #nickname-form label{display:block;margin-bottom:10px}
:root{color-scheme:light;--ink:#202332;--muted:#797d8b;--soft:#a1a5b0;--purple:#7455e8;--purple-dark:#6243d5;--lavender:#f0ecff;--bg:#f7f8fa;--paper:#fff;--line:#e9ebf0;--green:#20997a;--green-bg:#e9f6f0;--amber:#b87c22;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#eceef3;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #aa94ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.17;font-weight:730}h2{font-size:19px;letter-spacing:-.45px;line-height:1.3}h3{font-size:15px;letter-spacing:-.15px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprites{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.review-layout{display:flex;justify-content:center;align-items:flex-start;gap:90px;max-width:1120px;margin:0 auto;padding:40px 32px}.review-panel{width:300px;flex-shrink:0;padding:26px 0;position:sticky;top:40px}.review-brand{display:flex;align-items:center;gap:11px;margin-bottom:55px}.review-brand img{width:39px;height:39px;border-radius:13px}.review-brand>span{font-size:18px;font-weight:700;line-height:1.2}.review-brand small{display:block;color:var(--soft);font-size:9px;letter-spacing:2px;font-weight:500;margin-top:6px}.review-panel>h1{font-size:34px;letter-spacing:-1.3px;line-height:1.15}.review-panel>p{color:var(--muted);font-size:13px;line-height:1.8;margin:17px 0 30px}.review-label{color:var(--soft);font-size:9px;font-weight:650;letter-spacing:1.6px}#scenario-list{display:flex;flex-direction:column;gap:5px;margin-top:12px}#scenario-list button{background:transparent;border-radius:11px;text-align:left;padding:10px 12px;font-size:12px;display:flex;align-items:center;gap:10px}#scenario-list button>i{width:6px;height:6px;border-radius:50%;background:#c6c8d2}#scenario-list button[aria-pressed=true]{background:#fff;color:var(--purple);box-shadow:0 3px 14px #24233705}#scenario-list button[aria-pressed=true]>i{background:var(--purple)}.review-note{margin-top:31px;display:flex;gap:9px;padding-top:22px;border-top:1px solid #dadde6;font-size:11px}.review-note strong{font-size:11px;font-weight:600}.review-note p{color:var(--muted);font-size:11px;line-height:1.7;margin-top:5px}.review-dot,.demo-strip i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0;margin-top:6px}.review-source{display:inline-block;font-size:10px;color:var(--muted);margin-top:18px;text-decoration:none}.app-stage{width:420px;flex-shrink:0}.demo-strip{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);padding:0 12px 12px}.demo-strip span{display:flex;gap:6px;align-items:center}.demo-strip i{margin:0}.demo-strip select{font-size:10px;background:none;border:0;color:var(--muted);max-width:185px}.app-shell{background:var(--bg);height:min(850px,calc(100dvh - 110px));min-height:620px;border-radius:30px;overflow:hidden;box-shadow:0 16px 70px #26304612,0 0 0 1px #fff9;position:relative;display:flex;flex-direction:column}#content{padding:20px 24px 28px;overflow:auto;flex:1;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#dadce6 transparent;outline:0}#content>.screen-enter{animation:appear .24s ease}.bottom-nav{height:76px;flex-shrink:0;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 10px 12px;z-index:3}.bottom-nav button{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#9a9eac;font-size:10px;min-height:44px}.bottom-nav .icon{width:21px;height:21px}.bottom-nav button[aria-current=page]{color:var(--purple);font-weight:600}.bottom-nav button[aria-current=page] .icon{stroke-width:1.9}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.page-heading{margin:12px 0 23px}.page-heading>.eyebrow{display:block;margin-bottom:9px}.page-heading p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:10px}.page-heading .greeting{font-size:13px;color:var(--muted);margin-bottom:6px}.page-heading h1{font-size:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 13px}.section-heading h2{font-size:15px;font-weight:650}.section-heading>span{font-size:10px;color:var(--muted)}.text-link{padding:4px 0;background:none;color:var(--purple);font-size:11px;font-weight:600;min-height:30px}.primary,.secondary,.ghost{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:51px;padding:13px 16px;border-radius:14px;font-size:13px;font-weight:600;text-decoration:none}.primary{color:#fff;background:var(--purple);box-shadow:0 4px 12px #7455e817}.primary:hover{background:var(--purple-dark)}.primary .icon{width:18px;height:18px}.primary>.icon:last-child{margin-left:auto}.primary:not(:has(.icon)){justify-content:center}.secondary{background:var(--lavender);color:var(--purple)}.ghost{background:transparent;color:var(--muted);font-size:12px;font-weight:500}.small-copy{font-size:11px;line-height:1.7;color:var(--muted)}.hint{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}.center{text-align:center}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.status-card{background:#272a3c;color:#fff;border-radius:22px;padding:21px 21px 16px;overflow:hidden;position:relative}.status-card::after{content:"";position:absolute;right:-37px;top:52px;width:120px;height:120px;border:1px solid #ffffff0b;border-radius:38px;transform:rotate(-25deg);pointer-events:none}.status-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mode-trigger{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;background:#ffffff0d;border:1px solid #ffffff12;color:#e7e4ff;padding:6px 9px;border-radius:10px;min-height:33px}.mode-trigger .icon{width:14px;height:14px}.mode-trigger>.icon:last-child{width:11px;height:11px;transform:rotate(90deg);margin-left:3px}.connection-label{color:#aee0cb;font-size:10px;display:flex;gap:5px;align-items:center}.connection-label::before{content:"";width:5px;height:5px;border-radius:50%;background:#8bd1b3}.status-card h2{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin-top:25px;max-width:230px}.status-card>p{color:#adb1c6;font-size:11px;line-height:1.7;margin-top:8px;max-width:280px}.status-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;margin-top:20px;padding-top:13px;font-size:10px;color:#c6c9d8}.status-footer button{background:none;color:#d6caff;padding:4px 0;font-size:10px;display:flex;align-items:center;gap:4px}.status-footer .icon{width:13px;height:13px}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quota-item{border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px 11px 12px;min-width:0}.quota-item>.icon{width:18px;height:18px;color:#9991bc;margin-bottom:10px}.quota-value{font-size:23px;letter-spacing:-.9px;font-weight:700;white-space:nowrap;line-height:1.3}.quota-value>small{font-size:12px;letter-spacing:0;color:#a7aab5;font-weight:450}.quota-name{font-size:10px;color:var(--muted);display:block;margin-top:4px}.meter{height:3px;background:#eeeaf8;border-radius:5px;overflow:hidden;margin-top:12px}.meter>i{height:100%;display:block;background:#a28bef;border-radius:5px;max-width:100%}.quota-help{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.6;display:flex;align-items:flex-start;gap:5px}.quota-help .icon{width:12px;height:12px;margin-top:2px}.quota-item.exhausted .quota-value{color:#c68835}.quota-item.exhausted .meter>i{background:#d9aa63}.business-quota{padding:18px;display:flex;gap:15px;align-items:center}.business-quota .round-counter{display:grid;place-items:center;background:var(--lavender);color:var(--purple);font-size:26px;font-weight:700;width:56px;height:56px;border-radius:17px;flex-shrink:0}.business-quota strong{font-size:13px}.business-quota p{font-size:11px;color:var(--muted);line-height:1.65;margin-top:4px}.business-how{display:flex;align-items:center;gap:10px;margin-top:10px;width:100%;background:none;font-size:11px;color:var(--purple);padding:6px 0}.business-how>.icon{width:15px;height:15px}.unlimited-card{padding:18px;display:flex;gap:13px;align-items:center}.unlimited-card>.icon{width:34px;height:34px;color:var(--purple);background:var(--lavender);padding:7px;box-sizing:content-box;border-radius:15px}.unlimited-card h3{font-size:14px}.unlimited-card p{font-size:11px;color:var(--muted);margin-top:4px}.quick-actions{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff}.action-row{display:flex;align-items:center;gap:12px;width:100%;background:none;padding:16px;text-align:left;min-height:76px}.action-row+.action-row{border-top:1px solid var(--line)}.action-icon{width:37px;height:37px;display:grid;place-items:center;background:#f3f1f9;border-radius:12px;color:#8c7cb2;flex-shrink:0}.action-icon .icon{width:18px;height:18px}.action-copy{flex:1;min-width:0}.action-copy>strong{display:block;font-size:12px;font-weight:600}.action-copy>small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.action-row>.icon{width:14px;height:14px;color:#b2b5bf}.pro-teaser{margin-top:18px;border-radius:18px;padding:18px;background:#f0ecff;display:flex;align-items:center;gap:12px;width:100%;text-align:left}.pro-teaser>.icon{color:var(--purple);width:28px;height:28px}.pro-teaser .action-copy>strong{color:#5c45a8;font-size:13px}.pro-teaser .action-copy>small{color:#9081b4;font-size:10px}.pro-teaser>.icon:last-child{width:16px;height:16px;margin-left:auto}.activity-line{display:flex;align-items:center;gap:9px;margin-top:22px;padding:0 2px;color:var(--muted);font-size:10px}.activity-line .icon{width:14px;height:14px;color:#a3a8b3}.activity-line strong{color:#666b7c;font-weight:600}.tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:650;border-radius:7px;background:var(--lavender);color:var(--purple);padding:4px 7px;white-space:nowrap}.tag.green{background:var(--green-bg);color:var(--green)}.tag.neutral{background:#f0f1f5;color:var(--muted)}.tag.amber{background:#fff2dc;color:var(--amber)}.back-link{background:none;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:6px;padding:8px 0;margin:0 0 16px}.back-link .icon{width:16px;height:16px}.intro-art{position:relative;height:143px;display:flex;align-items:center;justify-content:center;margin:8px 0 20px}.intro-orbit{position:absolute;width:135px;height:135px;border:1px solid #e4dff5;border-radius:50%}.intro-orbit::after{content:"";position:absolute;inset:16px;border:1px solid #e4dff5;border-radius:50%}.intro-center{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:25px;background:#e8e1fc;transform:rotate(-8deg);box-shadow:0 12px 30px #7455e816}.intro-center>.icon{color:var(--purple);width:42px;height:42px;transform:rotate(8deg)}.intro-float{position:absolute;border-radius:12px;background:white;border:1px solid #ede9f7;box-shadow:0 6px 17px #40357108;padding:10px;font-size:10px;display:flex;align-items:center;gap:7px;right:8px;bottom:15px;transform:rotate(-4deg)}.intro-float>.icon{width:15px;height:15px;color:var(--green)}.intro-tiny{position:absolute;left:18px;top:15px;width:37px;height:37px;border:1px solid var(--line);border-radius:12px;background:white;display:grid;place-items:center;color:#aa98dc;transform:rotate(9deg)}.intro-tiny>.icon{width:19px;height:19px}.intro-heading{text-align:center;margin-bottom:23px}.intro-heading h1{font-size:29px;letter-spacing:-1px}.intro-heading p{color:var(--muted);font-size:12px;line-height:1.8;margin:12px auto 0;max-width:300px}.benefits{display:flex;flex-direction:column;gap:12px;margin:22px 0}.benefit{display:flex;align-items:center;gap:10px;font-size:12px;color:#5c6274}.benefit>.icon{width:16px;height:16px;color:var(--purple)}.mode-choice{display:block;text-align:left;width:100%;padding:17px 17px 15px;border:1px solid var(--line);border-radius:18px;background:#fff;margin-top:10px}.mode-choice.selected{border:1.5px solid #ad98f0;background:#fcfbff;padding:16.5px 16.5px 14.5px}.mode-choice-head{display:flex;align-items:center;gap:10px}.mode-choice-head>.icon{width:20px;height:20px;color:var(--purple)}.mode-choice-head h3{font-size:15px}.mode-choice-head>.tag{margin-left:0}.radio-dot{width:18px;height:18px;border:1.5px solid #d2d5df;border-radius:50%;flex-shrink:0;margin-left:auto}.selected .radio-dot{border:5px solid var(--purple)}.mode-choice p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:8px}.mode-perks{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.mode-perks span{font-size:9px;background:#f4f3f8;border-radius:6px;padding:4px 6px;color:#787389}.mode-choice.selected .mode-perks span{background:#efeafa;color:#8875af}.onboarding-footer{margin-top:21px}.disclosure{font-size:11px;color:var(--muted);margin-top:17px;border-top:1px solid var(--line);padding-top:13px}.disclosure summary{cursor:pointer;min-height:28px;display:flex;align-items:center;gap:6px;color:#757b8c;list-style:none;font-weight:500}.disclosure summary::after{content:'+';margin-left:auto;font-size:17px;color:var(--soft)}.disclosure[open] summary::after{content:'−'}.disclosure p{line-height:1.8;margin:7px 0}.disclosure a{color:var(--muted)}.offer-card{border:1px solid #e2d8ff;background:linear-gradient(135deg,#f3edff,#fbf8ff);border-radius:22px;padding:23px 20px;position:relative;overflow:hidden;margin:22px 0 17px}.offer-card .offer-number{font-size:55px;letter-spacing:-3px;line-height:1.1;color:var(--purple);font-weight:750;margin:11px 0 8px}.offer-card .offer-number>small{font-size:25px;letter-spacing:-1px}.offer-card h2{font-size:19px;max-width:210px}.offer-card p{font-size:12px;color:#9a8ab5;margin-top:10px;max-width:280px;line-height:1.7}.offer-card .offer-symbol{position:absolute;right:14px;top:36px;width:70px;height:70px;color:#e1d5f8;stroke-width:1;transform:rotate(15deg)}.return-note{background:#fff;padding:15px;border:1px solid var(--line);border-radius:15px;display:flex;align-items:flex-start;gap:10px;font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px}.return-note>.icon{width:17px;height:17px;margin-top:3px;color:var(--green)}.mini-steps{display:flex;gap:7px;align-items:center;margin:25px 0}.mini-steps>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#a4a8b4;white-space:nowrap}.mini-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e9eaf1;font-size:10px}.mini-steps>i{flex:1;height:1px;background:var(--line)}.mini-steps .current{color:var(--purple)}.mini-steps .current b{background:var(--lavender)}.form-card{padding:22px 19px}.form-card label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:13px;min-height:51px;padding:13px 14px;font-size:14px;color:var(--ink)}.form-card .primary{margin-top:19px}.form-card .hint{font-size:11px;margin-top:11px}.code-input{text-align:center;letter-spacing:9px;font-size:25px;font-variant-numeric:tabular-nums;font-weight:650}.setup-list{counter-reset:step;padding:0;list-style:none;margin:22px 0}.setup-list li{display:flex;gap:12px;margin-top:22px;font-size:13px}.setup-list li::before{counter-increment:step;content:counter(step);width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:var(--lavender);color:var(--purple);font-weight:650;font-size:12px;flex-shrink:0}.setup-list p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:5px}.bot-copy{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:white;border:1px solid var(--line);border-radius:13px;margin:16px 0 22px;font-size:13px;font-weight:600}.bot-copy button{background:var(--lavender);color:var(--purple);padding:8px;border-radius:9px;display:grid;place-items:center}.bot-copy .icon{width:16px;height:16px}.search-field{display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);background:white;border-radius:13px;margin-top:18px}.search-field .icon{width:17px;height:17px;color:#a2a8b7}.search-field input{width:100%;border:0;background:none;outline:none;min-height:43px;font-size:12px;color:var(--ink)}.search-field:focus-within{outline:2px solid #aa94ff;outline-offset:2px}.chat-summary{padding:15px 16px;background:var(--lavender);border-radius:15px;color:#766292}.chat-summary strong{font-size:13px;color:#6c52a8}.chat-summary p{font-size:10px;line-height:1.7;margin-top:6px}.filter-row{display:flex;gap:8px;margin:14px 0}.filter-row button{background:#edf0f4;color:#8c91a0;border-radius:9px;padding:8px 12px;font-size:11px}.filter-row button.active{background:#eae4fb;color:var(--purple)}.chat-list{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.chat-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#fff;padding:14px}.chat-row+.chat-row{border-top:1px solid #f0f1f5}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ede6fa;color:#9b83bc;font-size:13px;font-weight:650;flex-shrink:0}.avatar[data-color="1"]{background:#e6f1eb;color:#81a793}.avatar[data-color="2"]{background:#faebe5;color:#c39a87}.avatar[data-color="3"]{background:#e8edf7;color:#93a2be}.chat-row .action-copy>strong{font-size:12px}.chat-row .action-copy>small{font-size:10px}.chat-check{width:21px;height:21px;border:1.5px solid #dfe1e9;border-radius:7px;flex-shrink:0;display:grid;place-items:center;color:transparent}.chat-check .icon{width:14px;height:14px;stroke-width:2}.chat-check.selected{color:#fff;background:var(--purple);border-color:var(--purple)}.chat-row>.icon{width:15px;height:15px;color:var(--soft)}.empty-note{text-align:center;color:var(--muted);font-size:12px;padding:25px}.pro-hero{text-align:center;padding:14px 0 18px}.pro-orbit{width:46px;height:46px;border-radius:16px;margin:0 auto 12px;display:grid;place-items:center;color:var(--purple);background:#ece4ff;box-shadow:0 0 0 12px #f2eefb,0 0 0 23px #f5f2fc}.pro-orbit .icon{width:31px;height:31px;stroke-width:1.45}.pro-hero h1{margin-top:22px;font-size:31px}.pro-hero h1>span{color:var(--purple)}.pro-hero p{max-width:285px;margin:11px auto 0;font-size:12px;color:var(--muted);line-height:1.8}.pro-benefits{padding:4px 16px;margin-bottom:21px}.pro-benefits>div{display:flex;align-items:center;gap:10px;padding:13px 0;font-size:12px}.pro-benefits>div+div{border-top:1px solid var(--line)}.pro-benefits .icon{width:16px;height:16px;color:var(--green)}.plan-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 18px}.plan-option{position:relative;background:white;border:1px solid var(--line);border-radius:15px;padding:16px 4px 13px;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:131px}.plan-option.selected{border:1.5px solid var(--purple);background:#faf8ff;padding:15.5px 3.5px 12.5px}.plan-option .plan-days{font-size:11px;font-weight:600;color:#707586}.plan-option strong{font-size:24px;letter-spacing:-.8px;display:flex;align-items:center;gap:4px;line-height:1.2}.stars{width:16px;height:16px;color:#d7a14b;fill:#e8ba69;stroke-width:1}.plan-option>small{font-size:9px;color:#9b9dab}.plan-option .tag{font-size:8px;padding:2px 5px;margin-top:3px}.plan-option s{font-size:10px;color:#aaa4b8;line-height:1;margin-top:-4px}.billing-note{display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;color:var(--muted);margin-top:12px}.billing-note .icon{width:12px;height:12px}.pro-fineprint{font-size:10px;color:var(--muted);text-align:center;line-height:1.8;margin:17px 0}.comparison{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}.comparison summary{font-size:12px;cursor:pointer;color:var(--muted);min-height:32px}.comparison-table{width:100%;font-size:11px;border-collapse:collapse;margin-top:10px}.comparison-table th{font-weight:600;color:var(--purple);text-align:right}.comparison-table td,.comparison-table th{padding:12px 0;border-bottom:1px solid var(--line)}.comparison-table td:first-child{color:var(--muted);text-align:left}.comparison-table td:last-child{text-align:right;font-weight:550}.offer-banner{background:var(--lavender);border:1px solid #e4dbfc;color:var(--purple);border-radius:12px;padding:11px 13px;font-size:11px;display:flex;align-items:center;gap:9px;margin-bottom:17px}.offer-banner .icon{width:18px;height:18px}.expiry-banner{display:flex;align-items:center;gap:11px;padding:15px;border-radius:15px;background:var(--green-bg);color:var(--green);font-size:12px;margin-bottom:18px}.expiry-banner .icon{width:21px;height:21px}.expiry-banner small{display:block;font-size:10px;margin-top:4px;color:#72a390}.export-form{padding:19px}.field-label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.export-form select{width:100%;min-height:49px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:12px;color:var(--ink)}.export-format{display:flex;align-items:center;gap:10px;margin:20px 0;padding-top:17px;border-top:1px solid var(--line)}.export-format>.icon{width:19px;height:19px;color:var(--purple)}.export-format strong{font-size:12px}.export-format small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.export-form .primary{margin-top:18px}.locked-export{text-align:center;padding:30px 22px}.locked-export>.icon{width:34px;height:34px;color:var(--purple);margin-bottom:12px}.locked-export h2{font-size:19px}.locked-export p{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0 21px}.export-result{padding:16px;margin-top:12px;display:flex;gap:12px;align-items:center}.export-result>.icon{color:var(--green);width:22px;height:22px}.profile-card{display:flex;align-items:center;gap:13px;padding:20px 18px}.profile-card>.avatar{width:54px;height:54px;font-size:18px;background:#e8dffc;color:#9676c6}.profile-card h2{font-size:18px}.profile-card p{font-size:11px;color:var(--muted);margin-top:3px}.account-group{margin-top:15px}.account-group .action-row{min-height:67px;padding:14px 16px}.account-group .action-icon{width:32px;height:32px;border-radius:10px}.account-group .action-copy>strong{font-size:12px}.account-group .danger{color:#bd6d7c}.footer-note{text-align:center;margin:26px 0 0;font-size:9px;color:#b3b6c1;letter-spacing:.2px}dialog{width:min(420px,calc(100% - 24px));padding:28px 23px 23px;border:1px solid var(--line);border-radius:25px;color:var(--ink);background:#fff;box-shadow:0 20px 100px #23243d25;max-height:85dvh;overflow:auto}dialog::backdrop{background:#24243855;backdrop-filter:blur(4px)}.sheet-close{position:absolute;right:14px;top:14px;width:30px;height:30px;background:#f2f3f7;border-radius:50%;display:grid;place-items:center;color:#8c91a0}.sheet-close .icon{width:16px;height:16px}#sheet-title{font-size:23px;letter-spacing:-.6px;margin-right:20px}#sheet-content>.hint{margin:11px 0 18px}.sheet-icon{width:48px;height:48px;border-radius:16px;background:var(--lavender);color:var(--purple);display:grid;place-items:center;margin-bottom:17px}.sheet-icon>.icon{width:24px;height:24px}.sheet-actions{display:flex;gap:9px;margin-top:18px}.sheet-actions>button{flex:1}.switch-note{padding:13px;background:var(--bg);border-radius:12px;margin:17px 0;font-size:11px;line-height:1.75;color:var(--muted)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0}.toggle-row+.toggle-row{border-top:1px solid var(--line)}.toggle-row strong{font-size:12px;font-weight:600}.toggle-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.toggle-row input{appearance:none;width:40px;height:25px;border-radius:15px;flex-shrink:0;background:#daddE6;position:relative;cursor:pointer}.toggle-row input::before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0001;transition:transform .15s}.toggle-row input:checked{background:var(--purple)}.toggle-row input:checked::before{transform:translateX(15px)}.event-preview{border:1px solid var(--line);border-radius:15px;padding:17px;margin-top:18px;background:var(--bg)}.event-preview .event-from{display:flex;gap:9px;align-items:center;margin-bottom:13px}.event-preview .avatar{width:32px;height:32px;font-size:10px}.event-preview strong{font-size:12px}.event-preview time{font-size:9px;color:var(--muted)}.event-hidden{display:flex;align-items:center;gap:7px;background:#eceef3;border-radius:8px;padding:12px;font-size:11px;color:#9398a7}.event-hidden>.icon{width:14px;height:14px}.event-text{font-size:13px;line-height:1.8}.checkout-summary{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.checkout-summary strong{font-size:14px}.toast{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);background:#282c40;color:#fff;font-size:11px;line-height:1.7;padding:11px 16px;border-radius:12px;max-width:calc(100% - 30px);width:max-content;z-index:12;box-shadow:0 7px 20px #20243a20}.no-nav .toast{bottom:20px}.no-nav .bottom-nav{display:none}.no-nav #content{padding-bottom:28px}.sheet-notice{font-size:10px;color:var(--muted);text-align:center;line-height:1.7;margin:14px 0}.privacy-copy p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}.privacy-copy h3{margin-top:20px}.success-mark{background:var(--green-bg);color:var(--green)}.success-mark .icon{stroke-width:2}.support-text{width:100%;min-height:120px;resize:vertical;margin:10px 0 18px;padding:13px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--ink)}.inline-note{color:var(--purple);font-size:10px;margin-top:9px}.reconnect-card{border:1px solid #f0dfe4;background:#fff8fa;border-radius:18px;padding:18px;margin-top:16px}.reconnect-card h3{color:#b97588;font-size:13px}.reconnect-card p{font-size:11px;color:#ad8e99;margin-top:7px;line-height:1.7}.reconnect-card button{margin-top:14px}.gift-number{font-size:44px;letter-spacing:-2px;color:var(--purple);font-weight:750;margin:15px 0}.form-error{color:#b15b70;font-size:11px;margin-top:10px}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.review-layout{padding-top:65px}.app-shell{height:850px}}
@media(max-width:900px){.review-layout{gap:35px;padding:28px 22px}.review-panel{width:245px}.review-panel>h1{font-size:30px}.app-stage{width:390px}}
@media(max-width:730px){body{background:var(--bg)}.review-layout{padding:0;display:block}.review-panel{display:none}.app-stage{width:100%;max-width:480px;margin:0 auto}.demo-strip{height:30px;padding:0 18px;font-size:9px;background:#eeedf5;border-bottom:1px solid #e3e2ed}.demo-strip select{font-size:9px;max-width:190px}.app-shell{height:calc(100dvh - 30px);min-height:0;border-radius:0;box-shadow:none}#content{padding:16px 22px 25px}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}dialog{margin:auto auto 0;width:100%;border-radius:25px 25px 0 0;padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(83px + env(safe-area-inset-bottom,0px))}.no-nav .toast{bottom:20px}.page-heading{margin-top:10px}.intro-art{height:128px;margin-top:0}.review-source{display:none}}
@media(max-width:360px){#content{padding-left:17px;padding-right:17px}.page-heading h1,.intro-heading h1{font-size:27px}.quota-item{padding:12px 9px}.quota-value{font-size:21px}.quota-name{font-size:9px}.status-card{padding:19px 18px 15px}.mode-perks span{font-size:8px}.plan-option strong{font-size:21px}.plan-option .plan-days{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.plan-card small{order:2}.plan-card>.plan-title{order:0}.plan-card>strong{order:1}.membership-hero::before,.membership-hero::after{display:none}#access-description{color:var(--green);opacity:.8}.account-card{display:grid;grid-template-columns:55px minmax(0,1fr);column-gap:14px;text-align:left;padding:20px}.account-card .account-avatar{grid-row:1/3;margin:0;width:55px;height:55px;font-size:19px}.account-card h2{align-self:end;margin:0;font-size:18px}.account-card p{margin:2px 0 0}.account-card .mode-badge{display:none}.pro-benefits p{font-size:13px}.bottom-nav button.active::before{display:none}

.mode-comparison{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px;line-height:1.55;margin-top:18px}.mode-comparison th,.mode-comparison td{padding:12px 8px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.mode-comparison th:first-child{width:32%;padding-left:0}.mode-comparison thead th{font-size:12px;color:var(--purple);font-weight:700}.mode-comparison tbody th{font-weight:500;color:var(--muted)}.mode-comparison td:nth-child(2){background:#f7f4ff}.mode-comparison strong{font-weight:750;color:var(--ink)}.mode-comparison .comparison-section th{padding:10px 8px;background:var(--lavender);color:var(--purple);font-size:10px;font-weight:650}
@keyframes intro-levitate{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(prefers-reduced-motion:no-preference){.intro-center{animation:intro-levitate 4.8s ease-in-out infinite}.intro-float{animation:intro-levitate 5.6s ease-in-out -.9s infinite}.intro-tiny{animation:intro-levitate 4.2s ease-in-out -1.7s infinite}}

.connection-trial{display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--purple);font-size:10px;line-height:1.6}.connection-trial .icon{width:14px;height:14px}
.status-pro-benefits{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding-top:17px;border-top:1px solid #ffffff14}.status-pro-benefits>.icon{width:20px;height:20px;color:#c5b7ff}.status-pro-benefits strong{font-size:12px;font-weight:650;color:#eee9ff}.status-pro-benefits p{font-size:11px;line-height:1.7;margin-top:5px;color:#b8b6ca}.home-subscription{margin-top:16px}.home-subscription>p{text-align:center;font-size:10px;line-height:1.6;color:var(--muted);margin-top:9px}

/* Interface feedback: short responses to deliberate actions. */
.sound-indicator{width:34px;height:21px;border-radius:15px;background:#daddE6;position:relative;flex-shrink:0}.sound-indicator::before{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0001}[data-action="toggle-sounds"][aria-pressed="true"] .sound-indicator{background:var(--purple)}[data-action="toggle-sounds"][aria-pressed="true"] .sound-indicator::before{transform:translateX(13px)}
@keyframes sheet-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes feedback-fade{from{opacity:0}to{opacity:1}}
@keyframes feedback-pop{0%{scale:.8}65%{scale:1.12}100%{scale:1}}
@keyframes toast-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes meter-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes field-error{0%,100%{translate:0 0}30%{translate:-3px 0}65%{translate:3px 0}}
@media(prefers-reduced-motion:no-preference){
 #app button,#sheet button{transition:background-color .16s ease,color .16s ease,border-color .18s ease,box-shadow .18s ease,scale .12s ease}
 #app button:active:not(:disabled),#sheet button:active:not(:disabled){scale:.98}
 .radio-dot,.chat-check,.toggle-row input,.sound-indicator{transition:background-color .18s ease,border-color .18s ease,color .18s ease}
 .sound-indicator::before{transition:transform .18s ease}
 .bottom-nav button[aria-current="page"] .icon,.chat-check.selected .icon,.success-mark .icon{animation:feedback-pop .28s ease-out}
 dialog[open]{animation:sheet-enter .22s cubic-bezier(.2,.75,.25,1)}
 dialog[open]::backdrop{animation:feedback-fade .18s ease-out}
 .toast:not([hidden]),.export-result,.event-text{animation:toast-enter .2s ease-out}
 .screen-enter .meter>i{transform-origin:left;animation:meter-fill .45s .08s ease-out both}
 .form-error{animation:field-error .22s ease-out}
 .disclosure[open]>p,.comparison[open] .comparison-table{animation:appear .2s ease-out}
}
@media(hover:hover){.action-row:hover,.chat-row:hover{background:#f8f6fd}.bottom-nav button:hover{color:var(--purple)}.mode-choice:hover,.plan-option:hover{border-color:#b8a6ee}}

/* Subscription card, with the proportions and hierarchy of a bank card. */
.membership-card{min-height:216px;padding:20px 21px 16px;background:linear-gradient(115deg,#242638,#303047);box-shadow:0 10px 28px #25243812;isolation:isolate}
.membership-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,#9c78e12b,transparent 65%);z-index:-1;pointer-events:none}
.membership-card::after{width:200px;height:200px;top:12px;right:-100px;border:1px solid #c8b8ff18;border-radius:50%;box-shadow:0 0 0 24px #c8b8ff05,0 0 0 48px #c8b8ff03;transform:none;z-index:-1}
.membership-face{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:16px}.membership-label{display:block;font-size:8px;font-weight:600;letter-spacing:1.8px;color:#b8b5ce}.membership-face h2{margin:5px 0 0;font-size:46px;font-weight:750;letter-spacing:-1.5px;line-height:1;max-width:none}.membership-face p{font-size:11px;color:#c1bdd5;margin-top:7px}.membership-emblem>.icon{width:44px;height:44px;stroke-width:1.1;color:#d4c4ff99}.membership-card .status-footer{margin-top:20px;padding-top:12px;gap:10px}.membership-free{background:linear-gradient(115deg,#292d3d,#353b50)}

.plan-option.popular:not(.selected){border-color:#c5b6ef;background:#f8f5ff;box-shadow:0 3px 12px #7455e80a}.plan-option .popular-tag{background:#e9e1ff;color:#6441ce;font-weight:700}

.comparison{margin-top:22px;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden}.comparison summary{display:flex;align-items:center;gap:10px;padding:15px 16px;min-height:64px;font-size:12px;font-weight:600;color:var(--ink);list-style:none}.comparison summary::-webkit-details-marker{display:none}.comparison summary::marker{content:""}.free-plan-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--lavender);color:var(--purple);flex-shrink:0}.free-plan-icon>.icon{width:18px;height:18px}.comparison summary>.icon{width:14px;height:14px;margin-left:auto;color:#9c92b7;transform:rotate(90deg);flex-shrink:0}.comparison[open] summary>.icon{transform:rotate(-90deg)}.free-plan-content{padding:0 16px 6px;border-top:1px solid var(--line)}.comparison .comparison-table{margin:0}.comparison .comparison-table th:first-child{text-align:left}.comparison .comparison-table tr:last-child td{border-bottom:0}
@media(prefers-reduced-motion:no-preference){.comparison summary>.icon{transition:transform .2s ease}.comparison summary{transition:background-color .16s ease}}
@media(hover:hover){.comparison summary:hover{background:#faf8ff}}

.home-invite{margin-top:18px}

.chat-view-tabs{display:flex;padding:4px;background:#edeaf5;border-radius:13px;margin:18px 0 16px;gap:3px}.chat-view-tabs button{flex:1;background:transparent;padding:10px 5px;border-radius:9px;font-size:11px;color:var(--muted)}.chat-view-tabs button[aria-selected=true]{background:white;color:var(--purple);font-weight:600;box-shadow:0 2px 8px #30205b08}.chat-view-tabs span,.chat-kind-tabs span{font-size:9px;opacity:.7;margin-left:3px}.chat-kind-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border-bottom:1px solid var(--line);margin:12px 0}.chat-kind-tabs button{background:none;padding:12px 1px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.chat-kind-tabs button[aria-selected=true]{color:var(--purple);border-color:var(--purple);font-weight:600}.chat-search-row{display:flex;gap:8px;align-items:center}.chat-search-row .search-field{flex:1;min-width:0;margin:0}.chat-search-row input{min-width:0}.chat-refresh{display:grid;place-items:center;flex-shrink:0;width:42px;height:44px;border-radius:13px;background:#fff;border:1px solid var(--line);color:#9b8bbd}.chat-refresh .icon{width:18px;height:18px}.chat-list-tools{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:12px 0}.chat-list-tools .filter-row{margin:0;gap:4px;min-width:0}.chat-list-tools .filter-row button{font-size:10px;padding:8px 10px}.chat-list-tools select{border:0;background:transparent;color:var(--muted);font-size:10px;max-width:122px;padding:6px 0}.chat-row{padding:0;gap:0}.chat-open{display:flex;align-items:center;gap:11px;flex:1;min-width:0;background:transparent;padding:15px 13px;text-align:left}.chat-open .avatar{width:36px;height:36px;font-size:12px}.chat-open .action-copy>strong{font-size:12px}.chat-open .action-copy>small{font-size:9px;overflow-wrap:anywhere}.chat-notification-state{display:block;color:#9a9dab;font-size:9px;margin-top:5px;line-height:1.4}.chat-notification-state.enabled{color:#8a7aa9}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:#9991ad;flex-shrink:0}.chat-meta time{font-size:8px;color:#a5a7b1}.chat-meta>.icon{width:14px;height:14px}.chat-select{align-self:stretch;display:grid;place-items:center;min-width:40px;padding:0 12px 0 1px;background:transparent}.bot-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin:14px 0}.bot-tools>div{display:flex;gap:10px}.bot-tools button{background:none;color:var(--purple);font-size:10px;padding:5px 0}.bulk-mute{margin-top:12px}.history-overview{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin:15px 0}.history-overview strong{color:var(--ink)}.history-chat{padding:16px}.history-chat+.history-chat{border-top:1px solid var(--line)}.history-chat>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.history-chat>div>span{font-size:11px;color:var(--purple)}.history-chat progress{display:block;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;margin-top:13px;accent-color:var(--purple)}.history-chat progress::-webkit-progress-bar{background:var(--lavender)}.history-chat progress::-webkit-progress-value{background:#a48ce9}.history-chat p{font-size:10px;line-height:1.6;color:var(--muted);margin-top:9px}.notification-types{border:0;padding:0;margin:0;min-width:0}.notification-types legend{font-size:10px;color:var(--muted);padding:10px 0}.notification-types:disabled{opacity:.45}.notification-types .toggle-row{padding:13px 0}
@media(max-width:360px){.chat-open{gap:8px;padding:13px 10px}.chat-open .avatar{width:31px;height:31px}.chat-open .action-copy>strong{font-size:11px}.chat-select{min-width:31px;padding-right:10px}.chat-kind-tabs button{font-size:10px}.chat-view-tabs button{font-size:10px}.chat-list-tools .filter-row button{padding:7px 8px}.chat-meta{display:none}}

.connection-badge{cursor:default}.connection-badge>.icon:last-child{width:14px;height:14px;transform:none;margin:0}

/* Production shell: four destinations, native Telegram safe areas and themes. */
body{background:var(--bg)}main{max-width:488px}.bottom-nav{position:fixed;height:auto;min-height:76px;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:calc(12px + var(--safe-bottom));left:50%;transform:translateX(-50%);bottom:var(--bottom-offset);width:100%;max-width:488px}.bottom-nav button{font-size:11px}.page-heading h1,.selection-heading h1,#selection h1,#storage .selection-heading h1{font-size:29px;letter-spacing:-1px}.membership-card{margin:22px 0}.membership-face{display:flex;align-items:center;justify-content:space-between;padding-top:22px}.membership-face h2{font-size:46px;margin-top:4px;line-height:1.1}.membership-face p{color:#bfc0d2;margin-top:8px}.membership-emblem{color:#aa9cd0}.membership-emblem .icon{width:45px;height:45px}.membership-label{font-size:8px;letter-spacing:2px;color:#beb8d5}.status-card.membership-card{background:linear-gradient(125deg,#252638,#35334c);border-radius:23px;padding:21px;box-shadow:0 13px 34px #22233510}.membership-card .status-footer{margin-top:21px}.mode-trigger.connection-badge .icon{width:16px;height:16px;transform:none;margin:0}.home-invite{margin-top:24px}.account-group{margin:18px 0}.account-card{margin-bottom:18px}.account-card .mode-badge{display:none}.cabinet-tools{margin-top:12px}.cabinet-tools summary{min-height:56px;display:flex;align-items:center;font-weight:600;list-style:none}.cabinet-tools summary::-webkit-details-marker{display:none}.cabinet-tools summary::after{content:'›';margin-left:auto;color:var(--muted)}.cabinet-tools[open] summary::after{transform:rotate(90deg)}.cabinet-tools>form{margin-top:12px}.pro-heading{text-align:center;margin-bottom:24px}.pro-heading h1{font-size:34px}.pro-heading em{font-style:normal;color:var(--purple)}.pro-heading>p{color:var(--muted);line-height:1.8;margin-top:12px}.pro-orbit{display:grid;place-items:center;width:74px;height:74px;border-radius:25px;background:var(--lavender);color:var(--purple);margin:10px auto 20px}.pro-orbit .icon{width:35px;height:35px}.membership-hero{padding:18px;border-radius:18px;margin:0 0 20px;background:var(--green-bg);color:var(--green)}.membership-hero .membership-spark{display:none}.membership-hero h2{font-size:15px}.membership-hero p{font-size:12px}.pro-benefits{padding:2px 16px;margin-bottom:24px}.pro-benefits p{padding:14px 0}.pro-benefits p+p{border-top:1px solid var(--line)}.access-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.plan-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:140px;padding:16px 6px;border-radius:16px;border:1px solid var(--line);background:var(--paper)}.plan-card strong{font-size:24px}.plan-card small{font-size:9px;color:var(--muted);margin-top:9px}.plan-card .plan-note{font-size:8px;white-space:nowrap}.plan-card.selected{border:2px solid var(--purple);background:#f9f7ff;padding:15px 5px}.plan-card.popular{border-color:#bfafff;background:#f7f3ff}.plan-card.selected.popular{border-color:var(--purple)}#buy-selected-plan{margin:14px 0}.comparison{margin:22px 0}.mode-comparison{width:100%;table-layout:fixed}.ui-close{float:right}.chat-settings{max-height:86dvh;overflow:auto}#ui-sheet-content{padding-top:12px}#storage>.lead{margin-bottom:18px}#storage .dump-create{margin-top:16px}#create-dump .icon{margin:0}#create-dump{justify-content:center;gap:8px}.dump-create>p:first-child{font-size:12px}.screen{animation:appear .24s ease}.primary,.secondary,.action-row,.mode-choice,.plan-card{transition:transform .14s ease,background .16s ease}.primary:active,.secondary:active,.action-row:active,.plan-card:active{transform:scale(.98)}
[data-theme=dark]{--bg:#181720;--paper:#24232f;--panel:#24232f;--ink:#eeedf6;--muted:#aaa6bd;--line:#34323e;--lavender:#302945;--green-bg:#203a33}[data-theme=dark] .plan-card.selected,[data-theme=dark] .plan-card.popular{background:#302945}[data-theme=dark] .quick-actions,[data-theme=dark] .bottom-nav,[data-theme=dark] .quota-item,[data-theme=dark] .mode-choice,[data-theme=dark] .comparison{background:var(--paper)}[data-theme=dark] .intro-float,[data-theme=dark] .intro-tiny{background:var(--paper)}
@media(max-width:370px){main{padding-left:18px;padding-right:18px}.plan-card strong{font-size:20px}.plan-title{font-size:10px}.quota-name{font-size:9px}.quota-value{font-size:21px}.action-row{padding:14px}.mode-choice-head{gap:8px}.mode-choice-head h3{font-size:16px}.connection-trial{font-size:10px}.mode-comparison{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Match the approved chat, subscription and export layouts. */
#selection .selection-heading{margin-bottom:16px}
#selection>.lead{margin-bottom:22px}
#free-chat-summary{margin-bottom:18px}
#selection .history-tabs.chat-view-tabs{border:0;background:#edeaf5;padding:4px;margin:18px 0 16px}
#selection .history-tabs.chat-view-tabs button{background:transparent;border:0}
#selection .history-tabs.chat-view-tabs button[aria-selected=true]{background:var(--paper)}
#selection .chat-tools>.chat-tabs.chat-kind-tabs{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:0;margin:12px 0}
#selection .chat-kind-tabs button{border-radius:0;border:0;border-bottom:2px solid transparent;background:none}
#selection .chat-kind-tabs button[aria-selected=true]{border-bottom-color:var(--purple);background:none}
#selection .list-options{gap:10px;margin:12px 0 16px}
#chat-selection-filters{margin:0;gap:4px}
#chat-selection-filters button{padding:8px 10px;font-size:10px;background:transparent;color:var(--muted)}
#chat-selection-filters button[aria-pressed=true]{background:var(--lavender);color:var(--purple)}
#selection .dialog-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}
#selection .dialog-row:last-child{border-bottom:0}
#selection .dialog-row .dialog{flex:1;min-width:0;border:0}
#selection .dialog-handle{font-size:10px;color:var(--muted);line-height:1.5;overflow:hidden;text-overflow:ellipsis}
#selection .dialog-choice{align-self:center;display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border:1px solid #d5cfdf;border-radius:7px;background:transparent;color:transparent;margin-right:14px;padding:3px}
#selection .dialog-choice[aria-checked=true]{background:var(--purple);border-color:var(--purple);color:white}
#selection .dialog-choice .icon{width:15px;height:15px}
#selection .dialog-row .dialog-meta{min-width:25px}
#membership .membership-hero.expiry-banner{display:grid;grid-template-columns:22px 1fr;gap:4px 11px;padding:15px;border-radius:15px;margin-bottom:18px;text-align:left;box-shadow:none}
#membership .membership-hero[hidden]{display:none!important}
#membership #access-badge{display:none}
#membership .membership-hero .membership-spark{display:block;position:static;width:21px;height:21px;grid-column:1;grid-row:1/3;align-self:center;color:var(--green)}
#membership #access-title{grid-column:2;margin:0;font-size:12px;line-height:1.6;color:var(--green)}
#membership #access-description{grid-column:2;font-size:10px;margin:0;color:#72a390;line-height:1.7}
#membership .pro-heading h1{font-size:30px}
#membership .pro-heading>p{font-size:12px}
#membership .pro-benefits>div{display:flex;align-items:center;gap:10px;padding:13px 0;font-size:12px}
#membership .pro-benefits>div+div{border-top:1px solid var(--line)}
#membership .pro-benefits .icon{width:16px;height:16px;color:var(--green)}
#membership .plan-card{gap:9px;min-height:131px}
#membership .plan-title{order:0;font-size:11px;color:var(--muted);font-weight:600}
#membership .plan-card strong{order:1;line-height:1.2}
#membership .plan-card>small{order:2;margin:0}
#membership .plan-note{order:3}
#membership .plan-card>s{order:2;font-size:10px;color:var(--muted)}
#membership>.footnote{text-align:center;font-size:10px;line-height:1.8;margin:18px 0 22px}
#storage .selection-heading .eyebrow{display:block;margin-bottom:14px}
#storage>.chat-summary{margin-bottom:16px}
#storage .dump-create{padding:19px}
#storage .picker-label{font-size:11px;font-weight:600;margin-bottom:8px;display:block}
#storage .dump-create .export-format{margin:20px 0}
#storage #export-format-note{margin:0 0 16px;font-size:11px;line-height:1.7}
#storage #estimate-dump{font-size:11px;min-height:40px;margin:0 0 12px}
#storage #create-dump{margin-top:16px}
#storage #dump-policy{font-size:10px;line-height:1.7;margin-top:6px}
#storage #dumps-empty{font-size:12px}
[data-theme=dark] #selection .history-tabs.chat-view-tabs{background:var(--lavender)}
[data-theme=dark] .action-row:hover{background:var(--lavender)}