:root{--r-s:8px;--r-m:12px;--r-l:22px;--r-panel:4px;--pill:999px;--wall:#0d0d0d;--plane-mid:#161616;--plane-front:#1d1d1d;--plane-lift:#222;--plane-ring:#2d2d2d;--hairline:inset 0 1px 0 #ffffff0f;--depth-mid:-1px 0 0 #ffffff0a, 0 30px 60px -30px #000000e6;--depth-front:inset 0 1px 0 #ffffff0f, -24px 0 48px -24px #000000e6, 0 40px 80px -40px #000000f2;--depth-lift:0 0 0 1px var(--plane-ring), 0 18px 30px -16px #000000f2;--depth-float:0 0 0 1px var(--plane-ring), 0 28px 56px -18px #000000f2;--t-fast:.15s;--t-mid:.26s;--t-slow:.38s;--ease-out:cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{--wall:#e7e6e0;--plane-mid:#f1f0eb;--plane-front:#fff;--plane-lift:#fff;--plane-ring:#dddbd3;--hairline:inset 0 1px 0 #ffffffe6;--depth-mid:-1px 0 0 #ffffffb3, 0 30px 60px -32px #28241847;--depth-front:-20px 0 44px -26px #2824184d, 0 36px 70px -40px #28241859;--depth-lift:0 0 0 1px var(--plane-ring), 0 16px 28px -18px #28241859;--depth-float:0 0 0 1px var(--plane-ring), 0 26px 50px -20px #28241859}@media (prefers-color-scheme:light){:root:not([data-theme]){--wall:#e7e6e0;--plane-mid:#f1f0eb;--plane-front:#fff;--plane-lift:#fff;--plane-ring:#dddbd3;--hairline:inset 0 1px 0 #ffffffe6;--depth-mid:-1px 0 0 #ffffffb3, 0 30px 60px -32px #28241847;--depth-front:-20px 0 44px -26px #2824184d, 0 36px 70px -40px #28241859;--depth-lift:0 0 0 1px var(--plane-ring), 0 16px 28px -18px #28241859;--depth-float:0 0 0 1px var(--plane-ring), 0 26px 50px -20px #28241859}}@media (prefers-reduced-motion:reduce){:root{--t-fast:1ms;--t-mid:1ms;--t-slow:1ms}}.app{background:var(--wall)}.sidebar{background:var(--wall);border-right:0}.main,.pane{background-color:#0000}.navitem{isolation:isolate;border-radius:var(--pill);transition:color var(--t-fast), background-color var(--t-fast);position:relative}@media (hover:hover){.navitem:hover{background:color-mix(in srgb, var(--plane-lift) 55%, transparent)}}.navitem[aria-current],.navpill{background:var(--plane-lift);box-shadow:0 0 0 1px var(--plane-ring)}.navlist--pill .navitem[aria-current]{box-shadow:none;background:0 0}.navpill{z-index:-1;border-radius:var(--pill);position:absolute;inset:0}.navitem.navitem--community{border-radius:var(--pill)}.navlist--pill .navitem.navitem--community[aria-current]{background:var(--btn);box-shadow:0 10px 20px -10px var(--brand-glow)}.sb-search{border-radius:var(--pill);background:var(--plane-mid);border:1px solid var(--plane-ring)}.sb-scroll .navrow .navitem{height:40px;transition:transform var(--t-mid) var(--ease-out), background-color var(--t-fast), box-shadow var(--t-mid) var(--ease-out);border-radius:14px}.sb-scroll .navrow .navitem[aria-current]{background:var(--plane-lift);width:calc(100% - 8px);transform:translate(8px);box-shadow:0 12px 24px -12px #000000e6}.drawerbar{background:color-mix(in oklab, var(--c,var(--accent)) 80%, #fff);pointer-events:none;border-radius:3px;width:3px;position:absolute;top:20%;bottom:20%;left:3px}:root[data-theme=light] .drawerbar{background:var(--c,var(--accent))}@media (prefers-color-scheme:light){:root:not([data-theme]) .drawerbar{background:var(--c,var(--accent))}}@media (hover:hover){.sb-scroll .navrow .navitem:not([aria-current]):hover{transform:translateY(-1px)}}.navrow .navrow__more{border-radius:var(--r-btn)}.tabmark{fill:none;filter:drop-shadow(0 2px 3px #00000073);width:20px;height:16px;transition:transform var(--t-mid) var(--ease-out);overflow:visible}.tabmark .f-back{fill:color-mix(in oklch, var(--c) 62%, #000)}.tabmark .f-front{fill:var(--c)}.tabmark .f-paper{fill:#f4f1e8;opacity:0;transition:transform var(--t-mid) var(--ease-out), opacity var(--t-mid);transform:translateY(1.5px)}.tabmark .f-sheen{fill:#fff;opacity:.18}.tabmark .f-shade{fill:#000;opacity:.22}.tabmark--big,.drawer-icon.tabmark--big{width:56px;height:52px}.card__foot .tabmark,.clipsrc .tabmark,.x-save .tabmark{filter:none;width:14px;height:11px}.related .tabmark,.sources__from .tabmark,.linklist__from .tabmark,.todolist__from .tabmark,.rulelist .tabmark,.weekgroup h3 .tabmark{filter:none;width:13px;height:10px}.related .tabmark:before,.sources__from .tabmark:before,.linklist__from .tabmark:before,.todolist__from .tabmark:before,.rulelist .tabmark:before,.weekgroup h3 .tabmark:before{content:none}@media (prefers-reduced-motion:reduce){.tabmark,.tabmark .f-paper{transition:none}}@media (min-width:761px){.main:not(:has(>.community)){padding:0 0 0 4px}.listpane{z-index:2;border-radius:var(--r-panel);background:var(--plane-mid);box-shadow:var(--depth-mid);border-right:0;margin:0 -18px 0 0;padding-right:18px;position:relative;overflow:hidden}.reader,.pv-detail,.iv,.compare,.pane.cv:not(.community){z-index:3;border-radius:var(--r-panel);background:var(--plane-front);box-shadow:var(--depth-front);margin:8px 8px 8px 0;position:relative;overflow:hidden}.pane.cv:not(.community),.iv,.pv-detail{overflow:hidden auto}.main.is-single>.pane.cv:not(.community){margin:8px}.reader{perspective:1400px}.reader,.pv-detail{box-shadow:none;border-left:1px solid var(--line);border-radius:0;margin:0}.reader .chathead,.pv-detail .phead{background:var(--plane-front)}.pv-list>.lp-head{background:var(--plane-mid)}.reader .chathead__count{box-shadow:0 0 0 2px var(--plane-front)}}.cards{border-top:0;align-content:start;gap:4px;padding:4px 12px 40px;display:grid}.card{border-radius:var(--r-panel);transition:background-color var(--t-fast), box-shadow var(--t-mid) var(--ease-out), transform var(--t-mid) var(--ease-out);border-bottom:0}@media (hover:hover){.card:hover{background:color-mix(in srgb, var(--plane-lift) 60%, transparent)}}.card[aria-current=true]{background:var(--plane-lift);box-shadow:var(--depth-lift)}.pv-items{gap:4px;padding:6px 12px 12px;display:grid}.pitem{border-radius:var(--r-panel);transition:background-color var(--t-fast), box-shadow var(--t-mid) var(--ease-out), transform var(--t-mid) var(--ease-out);border-bottom:0!important}@media (hover:hover){.pitem:hover{background:color-mix(in srgb, var(--plane-lift) 60%, transparent)}}.pitem[aria-current=true]{background:var(--plane-lift);box-shadow:var(--depth-lift)}.subchip{border-radius:var(--r-btn);background:var(--plane-lift);border-color:var(--plane-ring);transition:transform var(--t-fast) var(--ease-out)}@media (hover:hover){.subchip:hover{transform:translateY(-1px)}}.sheet.anim-in{animation:layerIn var(--t-slow) var(--ease-out) both;transform-origin:0}@keyframes layerIn{0%{opacity:0;transform:translate(40px)scale(.985)rotateY(-4deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet.anim-in{animation:fadeIn var(--t-fast) both}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cards>li:nth-child(-n+12),.pv-items>li:nth-child(-n+12){animation:rowIn var(--t-mid) var(--ease-out) both}.cards>li:nth-child(2),.pv-items>li:nth-child(2){animation-delay:30ms}.cards>li:nth-child(3),.pv-items>li:nth-child(3){animation-delay:60ms}.cards>li:nth-child(4),.pv-items>li:nth-child(4){animation-delay:90ms}.cards>li:nth-child(5),.pv-items>li:nth-child(5){animation-delay:.12s}.cards>li:nth-child(n+6):nth-child(-n+12),.pv-items>li:nth-child(n+6):nth-child(-n+12){animation-delay:.15s}@keyframes rowIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cards>li,.pv-items>li{animation:none!important}}.btn{border-radius:var(--r-btn);transition:background-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{box-shadow:0 10px 20px -10px var(--brand-glow)}.btn--ghost{background:var(--plane-lift);box-shadow:0 0 0 1px var(--plane-ring);border-color:#0000}@media (hover:hover){.btn--ghost:hover{background:color-mix(in srgb, var(--plane-lift) 80%, #fff 6%);border-color:#0000}}.btn--danger{border-radius:var(--r-btn)}.icon-btn{border-radius:var(--r-btn);transition:background-color var(--t-fast), color var(--t-fast), transform var(--t-fast) var(--ease-out)}.icon-btn:active{transform:scale(.94)}.icon-btn--box,.phead__bar .icon-btn{border-radius:var(--r-btn);background:var(--plane-lift);border-color:var(--plane-ring)}.input{border-radius:var(--r-m)}.input:not(.community .input){background:var(--plane-mid);border-color:var(--plane-ring)}.input:focus{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.seg{border-radius:var(--r-btn);background:var(--plane-mid);box-shadow:0 0 0 1px var(--plane-ring);gap:2px;padding:3px}.seg button{height:26px;transition:background-color var(--t-fast), color var(--t-fast);border:0;border-radius:var(--r-btn)!important;margin-left:0!important}.seg button[aria-pressed=true]{background:var(--plane-lift);color:var(--text-hi);box-shadow:var(--depth-lift)}.seg--small button{height:22px}.chip{border-radius:var(--r-btn)}.btn:focus-visible,.icon-btn:focus-visible,.navitem:focus-visible,.chip:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu,.dialog,.toast{border-radius:var(--r-panel);background:var(--plane-lift);box-shadow:var(--depth-float);border-color:#0000}.toast[data-tone=attention]{--toast-ink:#121212;background:var(--brand-light);border-color:var(--brand-light);color:var(--toast-ink)}.toast[data-tone=attention] .btn{background:var(--toast-ink);color:var(--brand-light);box-shadow:none;border-color:#0000;flex:none;font-weight:600}.toast[data-tone=attention] .btn:focus-visible{outline-color:var(--toast-ink)}@media (hover:hover){.toast[data-tone=attention] .btn:hover{background:color-mix(in srgb, var(--toast-ink) 90%, #000)}}.popover,.sidepanel{background:var(--plane-lift);border-color:#0000}.popover{box-shadow:var(--depth-float)}.newmsgs{background:var(--plane-lift);box-shadow:var(--depth-float);border-color:#0000}.menu button{border-radius:3px}.dialog,.toast{animation:none}.dialog-backdrop{-webkit-backdrop-filter:blur(3px)}@supports (appearance:base-select){html select,html select.input{appearance:base-select}::picker(select){appearance:base-select}html select,html select.input{align-items:center;position:relative}select::picker-icon{content:"";background:var(--text-3);width:10px;height:10px;transition:rotate var(--t-fast) var(--ease-out);margin-top:-5px;position:absolute;top:50%;right:12px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5 8 3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5 8 3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}select:open::picker-icon{rotate:180deg}::picker(select){border-radius:var(--r-panel);background:var(--plane-lift);color:var(--text);box-shadow:var(--depth-float);min-width:anchor-size(width);opacity:0;max-height:min(340px,60vh);transition:opacity var(--t-fast) var(--ease-out), translate var(--t-fast) var(--ease-out), display var(--t-fast) allow-discrete, overlay var(--t-fast) allow-discrete;border:0;margin-block:6px;padding:4px;overflow-y:auto;translate:0 -4px}select:open::picker(select){opacity:1;translate:0}@starting-style{select:open::picker(select){opacity:0;translate:0 -4px}}option{border-radius:var(--r-btn);min-height:34px;color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}option:hover,option:focus-visible{background:var(--hover);color:var(--text-hi);outline:none}option:checked{color:var(--text-hi);font-weight:600}option::checkmark{color:var(--brand-ink);content:"✓";order:1;margin-left:auto;padding-left:16px}option:not(:checked)::checkmark{visibility:hidden}option:disabled{opacity:.45;cursor:default}select.input--small{min-width:8rem}#rule-does{min-width:12rem}#rule-drawer{min-width:10rem}@media (prefers-reduced-motion:reduce){::picker(select){transition:none}select::picker-icon{transition:none}}}.empty--card{border-radius:var(--r-panel);background:var(--plane-lift);border-color:var(--plane-ring)}.box,.trashrow,.filerow{border-radius:var(--r-panel)}.msg{border-bottom:0;padding:16px 0}.msg--user .bubble{background:var(--plane-lift);box-shadow:0 0 0 1px var(--plane-ring);border-radius:18px 18px 18px 4px;padding:12px 16px}.msg--user .bubble-wrap{align-items:stretch}.convo__main>.msg:nth-child(-n+8){animation:rowIn var(--t-mid) var(--ease-out) both}.convo__main>.msg:nth-child(2){animation-delay:60ms}.convo__main>.msg:nth-child(3){animation-delay:.12s}.convo__main>.msg:nth-child(4){animation-delay:.18s}.convo__main>.msg:nth-child(n+5):nth-child(-n+8){animation-delay:.24s}@media (prefers-reduced-motion:reduce){.convo__main>.msg{animation:none!important}}.note{border-top:0;border-left:3px solid var(--accent);border-radius:var(--r-panel);background:var(--plane-lift);box-shadow:0 0 0 1px var(--plane-ring), 0 16px 30px -18px #000000e6;animation:noteIn var(--t-mid) var(--ease-out) both;margin:10px 0 2px;padding:10px 12px}.note.is-linked{border-top-color:#0000;border-left-color:var(--text-hi)}@keyframes noteIn{0%{opacity:0;transform:translate(16px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.note{animation:none}}.set{border-radius:var(--r-panel);background:var(--plane-lift);box-shadow:0 0 0 1px var(--plane-ring), 0 18px 36px -24px #000c;border-top:0;margin-top:12px;padding:20px 22px 22px}.where{border-top:0}.where li:last-child{border-bottom:0}.statsec,.weeksec,.snip{border-radius:var(--r-panel);background:var(--plane-lift);box-shadow:0 0 0 1px var(--plane-ring), 0 18px 36px -24px #000c;padding:18px 20px}.snip+.snip{margin-top:10px}.weekstats{border-radius:var(--pill);background:var(--plane-lift);box-shadow:0 0 0 1px var(--plane-ring);border:0;padding:14px 18px}.trashrow,.filerow{border-radius:var(--r-panel);transition:background-color var(--t-fast), box-shadow var(--t-mid) var(--ease-out)}@media (hover:hover){.trashrow:hover,.filerow:hover{background:var(--plane-lift);box-shadow:0 0 0 1px var(--plane-ring)}}.cv-inner>.set:first-of-type,.iv-inner>.set:first-of-type{margin-top:4px}.cv-inner>:nth-child(-n+8),.iv-inner>:nth-child(-n+8){animation:rowIn var(--t-mid) var(--ease-out) both}.cv-inner>:nth-child(2),.iv-inner>:nth-child(2){animation-delay:40ms}.cv-inner>:nth-child(3),.iv-inner>:nth-child(3){animation-delay:80ms}.cv-inner>:nth-child(n+4):nth-child(-n+8),.iv-inner>:nth-child(n+4):nth-child(-n+8){animation-delay:.12s}@media (prefers-reduced-motion:reduce){.cv-inner>*,.iv-inner>*{animation:none!important}}@media (min-width:761px){.main.is-single:has(>.community){background:0 0;padding:0}.pane.cv.community{background:var(--btn);z-index:3;border-radius:var(--r-panel) 0 0 var(--r-panel);box-shadow:var(--depth-front);scrollbar-color:transparent transparent;margin:0;position:relative;overflow:hidden auto}.pane.cv.community:hover{scrollbar-color:var(--line-2) transparent}.pane.cv.community::-webkit-scrollbar-track{background:0 0}}.community{--c-radius:var(--r-panel)}.community .post{transition:border-color var(--t-fast), transform var(--t-mid) var(--ease-out), box-shadow var(--t-mid) var(--ease-out);animation:rowIn var(--t-mid) var(--ease-out) both;box-shadow:0 18px 36px -24px #0000008c}@media (hover:hover){.community .post:hover{transform:translateY(-2px);box-shadow:0 24px 40px -22px #0009}}@media (prefers-reduced-motion:reduce){.community .post{animation:none}}.pv-items>li:not(.empty),.pv-items>li:not(.empty):first-child{border:0}.brandlogo,.cbar__brand img{filter:drop-shadow(0 8px 10px #00000073)}:root[data-theme=light] .brandlogo{filter:none}@media (prefers-color-scheme:light){:root:not([data-theme]) .brandlogo{filter:none}}.brand,.auth__brand{perspective:900px}.brand>*,.auth__brand>*{animation:brandIn .7s var(--ease-out) both;transform-origin:0}@keyframes brandIn{0%{opacity:0;translate:40px;rotate:y -14deg;scale:.97}to{opacity:1;translate:0;rotate:y 0deg;scale:1}}@media (prefers-reduced-motion:reduce){.brand>*,.auth__brand>*{animation:none}}.settings-sheet-backdrop{z-index:50;background:var(--scrim);position:fixed;inset:0}.settings-sheet{z-index:51;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--plane-front);border:1px solid var(--plane-ring);border-radius:var(--r-panel);max-width:1180px;margin:0 auto;position:fixed;inset:24px;overflow-y:auto;box-shadow:0 32px 80px -24px #000000b3}.settings-sheet .settings-page{padding-top:28px!important}.settings-sheet .main{background:0 0;height:auto;min-height:0;display:block;padding:0!important}.settings-sheet .main>.pane{box-shadow:none;background:0 0;border-radius:0;height:auto;margin:0!important;overflow:visible!important}.settings-sheet .page-top{display:none!important}.settings-sheet__close{z-index:2;float:right;border-radius:var(--r-btn);background:var(--plane-lift);border:1px solid var(--plane-ring);width:36px;height:36px;margin:14px 14px -48px 0;position:sticky;top:14px}@media (max-width:760px){.settings-sheet{border-radius:var(--r-panel) var(--r-panel) 0 0;max-width:none;height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;inset:auto 0 0}.settings-sheet__close{width:44px;height:44px;margin:10px 10px -54px 0;top:10px}}.navrow--sub{--tree:color-mix(in srgb, var(--text-3) 80%, transparent)}.navrow--sub:before{content:"";z-index:1;border-left:1.5px solid var(--tree);pointer-events:none;position:absolute;top:-3px;bottom:-3px;left:12px}.navrow--sub:not(:has(~.navrow--sub)):before{bottom:calc(50% - 1px)}.navrow--sub:after{content:"";z-index:1;border-left:1.5px solid var(--tree);border-bottom:1.5px solid var(--tree);pointer-events:none;border-bottom-left-radius:5px;width:7px;height:7px;position:absolute;top:calc(50% - 7px);left:12px}.navrow--sub .drawerbar{left:22px}
.tm.drawer-icon,[aria-current] .tm.drawer-icon,[aria-selected] .tm.drawer-icon,[aria-pressed] .tm.drawer-icon{transform:none}.drawer-icon{vertical-align:middle;flex:none;width:24px;height:24px;overflow:visible}.drawer-icon .di-back{fill:color-mix(in srgb,var(--c) 22%,transparent);stroke:color-mix(in srgb,var(--c) 70%,transparent);stroke-width:1.3px}.drawer-icon .di-roof{fill:color-mix(in srgb,var(--c) 70%,transparent)}.drawer-icon .di-front{fill:var(--c);fill-rule:evenodd}.drawer-icon .di-tray-side{fill:color-mix(in srgb,var(--c) 55%,#000)}.drawer-icon .di-moving{transform-box:fill-box;transform-origin:50% 0;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.drawer-icon[data-open=true] .di-moving{transform:translateY(1.4px)scale(1.05)}.drawer-icon .di-sheet{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.drawer-icon[data-open=true] .di-sheet{transform:translateY(-.6px)}.drawer-icon .di-paper{fill:#f4f1ea;stroke:color-mix(in srgb,var(--c) 40%,#2e2d2a);stroke-width:.7px;stroke-linejoin:round}.drawer-icon .di-sheet[data-paper="1"] .di-paper{fill:#dcd8ce}.drawer-icon .di-sheet[data-paper="2"] .di-paper{fill:#c9c4b8}.drawer-icon .di-fold{fill:#b9b4a8;stroke:color-mix(in srgb,var(--c) 40%,#2e2d2a);stroke-width:.5px;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.drawer-icon .di-moving,.drawer-icon .di-sheet{transition:none}}
.settings-page,.stats-page,.profile-page{gap:24px;width:100%;max-width:1440px!important;padding:32px clamp(20px,3vw,56px) 56px!important}.section-tabs{border-bottom:1px solid var(--line);gap:12px;display:flex}.section-tabs button{color:var(--text-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1;padding:16px 10px;position:relative}.section-tabs button[aria-selected=true]{color:var(--text);font-weight:600}.section-tabs__line{background:var(--brand);border-radius:4px;height:3px;position:absolute;bottom:-1px;left:4px;right:4px}.section-nav__mobile{display:none}.settings-columns{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}.settings-content,.settings-summary,.profile-card{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-panel);min-width:0;padding:24px}.settings-content .set{box-shadow:none;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin:0;padding:20px 0}.settings-content .set:first-child{padding-top:0}.settings-content .set:last-child{border-bottom:0}.settings-content .set+.set__note{color:var(--text-3);margin:0;padding-top:16px;font-size:13px}.settings-content .set p,.settings-summary p,.profile-card p{line-height:1.6}.settings-summary{gap:24px;display:grid;position:sticky;top:24px}.settings-summary section{border-bottom:1px solid var(--line);gap:12px;padding-bottom:22px;display:grid}.settings-summary h2{font-size:17px}.settings-summary p{color:var(--text-2);font-size:13px}.storage-number{letter-spacing:-.03em;font-size:32px}progress{background:var(--raised);width:100%;height:9px;accent-color:var(--brand);border:0;border-radius:9px;overflow:hidden}progress::-webkit-progress-bar{background:var(--raised)}progress::-webkit-progress-value{background:var(--brand);border-radius:9px}progress::-moz-progress-bar{background:var(--brand)}.backup-option{align-items:center;gap:10px;margin:16px 0;display:flex}.backup-option input{accent-color:var(--brand);width:18px;height:18px}.settings-details summary{cursor:pointer;padding:18px 0;font-weight:600}.settings-content .where{grid-template-columns:1fr;gap:16px;display:grid}.settings-content .where li{background:0 0;border:0}.settings-content .where .syncline{font-size:13px}.stats-overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:16px;display:grid}.stats-page .statsec{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--sheet);margin:0;padding:22px}.stats-page .statnums{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r-panel);justify-content:space-around;padding:24px 16px}.stats-page .statnums>div{border-right:1px solid var(--line);text-align:center;flex:1}.stats-page .statnums>div:last-child{border:0}.stats-habits-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.stats-habits-grid:has(.statsec:only-child){grid-template-columns:1fr}.stats-preview-numbers{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.stats-preview-numbers p{gap:6px;font-size:12px;display:grid}.stats-preview-numbers strong{color:var(--text);font-size:24px}.stats-habits-link{justify-self:start;margin-top:-2px}.stats-page .heat__cell[data-on]{background:#20c875}.stats-page .bars__plot{height:180px}.stats-page .statgrid{gap:16px;margin:16px 0}.stats-page .statlist li>span:has(svg){align-items:center;gap:8px;display:flex}.settings-page [hidden],.stats-page [hidden]{display:none!important}.drawer-icon,.navitem .drawer-icon,[aria-current] .drawer-icon,[aria-selected] .drawer-icon,[aria-pressed] .drawer-icon{filter:none;transform:none}@media (max-width:1050px){.settings-columns{grid-template-columns:minmax(0,1fr) 240px}.settings-content,.settings-summary{padding:18px}.section-tabs{gap:0}.section-tabs button{font-size:13px}.stats-overview-grid,.stats-habits-grid{grid-template-columns:1fr}}@media (max-width:700px){.settings-columns{grid-template-columns:1fr}.settings-summary{position:static}.section-tabs{display:none}.section-nav__mobile{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-nav__mobile select{flex:1;width:auto;min-width:0}.settings-page,.stats-page,.profile-page{padding:20px 16px 48px!important}.stats-page .statnums{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stats-page .statnums>div{border:0}.settings-content .hlpick{flex-wrap:wrap}}.demo .ext-inner{max-width:1600px}.demo h1{font-size:clamp(26px,3vw,36px)}.demo .ext-intro{padding:0}.demo-toolbar{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.demo-toolbar .section-nav{flex:1}.demo-toolbar .switch{font-size:12px}.demo-toolbar .section-tabs button{flex:initial;padding:14px 20px}.demo-browser{border:1px solid var(--line-2);background:var(--sheet);border-radius:18px;overflow:hidden}.demo-chrome{border-bottom:1px solid var(--line);color:var(--text-3);justify-content:space-between;padding:12px 20px;font-size:12px;display:flex}.demo-chrome>span:last-child{margin-right:40%}.demo-host{min-height:560px;display:flex;position:relative}.demo-side{border-right:1px solid var(--line);background:var(--bg);flex:0 0 220px;padding:16px}.demo-new,.demo-chat-link{align-items:center;gap:10px;padding:12px 5px;font-size:13px;display:flex}.demo-brand{border-top:1px solid var(--line);align-items:center;gap:2px;padding:16px 0 8px;display:flex;position:relative}.demo-brand .icon-btn{width:28px;min-width:28px}.demo-logo{width:118px;min-width:0}.demo-logo .brandlogo{width:100%;height:auto}.demo-drawer{text-align:left;align-items:center;gap:10px;width:100%;min-height:42px;font-size:13px;display:flex}.demo-drawer>span:last-child{margin-left:auto}.demo-sub{padding-left:14px}.demo-sub .demo-chat-link{background:var(--raised);border-radius:8px}.demo-conversation{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.demo-conversation>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px;display:flex;position:relative}.demo-conversation h2{flex:1;font-size:16px}.demo-chip{border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:flex}.demo-messages{flex:1;padding:28px 24px;font-size:14px;line-height:1.8}.demo-user{background:var(--raised);border-radius:18px 18px 4px;max-width:90%;margin:0 0 28px auto;padding:12px 16px}.demo-answer ol{margin:12px 0;padding-left:24px}.demo-highlight{text-align:left;position:relative}.demo-highlight mark{color:#18150c;background:#fbe26e;border-radius:3px;padding:2px 4px}.demo-marker{background:var(--brand);color:#fff;width:25px;height:25px;font:600 13px var(--font-ui);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.demo-highlight .demo-marker{margin-left:8px}.demo-brand>.demo-marker{position:absolute;top:22px;left:-28px}.demo-selection{background:var(--overlay);border:1px solid var(--line);box-shadow:var(--shadow-l);border-radius:12px;gap:4px;padding:4px;display:flex}.demo-composer-wrap{margin:36px 18px 18px;position:relative}.demo-composer{border:1px solid var(--line-2);background:var(--raised);border-radius:18px;align-items:center;gap:8px;padding:12px;display:flex;position:relative}.demo-composer textarea{resize:vertical;min-width:0;min-height:42px;font:inherit;color:var(--text);outline-offset:2px;background:0 0;border:0;flex:1}.demo-prompt-tab{border:1px solid var(--line-2);background:var(--sheet);border-bottom:0;border-radius:10px 10px 0 0;align-items:center;gap:7px;height:34px;padding:4px 12px;font-size:13px;display:flex;position:absolute;bottom:calc(100% - 1px);left:10px}.demo-prompt-tab .demo-marker{position:absolute;right:-30px}.demo-picker{border:1px solid var(--line-2);background:var(--overlay);box-shadow:var(--shadow-l);z-index:4;border-radius:12px;gap:8px;padding:12px;display:grid;position:absolute;bottom:calc(100% + 40px);left:0;right:0}.demo-picker-item{text-align:left;gap:8px;padding:10px;font-size:13px;display:flex}.demo-panel{border:1px solid var(--line-2);box-shadow:var(--shadow-l);border-radius:14px;flex-direction:column;flex:0 0 330px;margin:8px;padding:14px;display:flex;position:relative}.demo-panel>.demo-marker{z-index:2;position:absolute;top:-12px;right:0}.demo-panel-head{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.demo-search{border:1px solid var(--line-2);border-radius:10px;align-items:center;margin:10px 0;padding-left:10px;display:flex}.demo-search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;flex:1;padding:10px;font-size:12px}.demo-auto{padding:14px 4px}.demo-panel-list{flex:1}.demo-panel-item{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;min-height:46px;font-size:13px;display:flex}.demo-panel-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-panel-nav{border-top:1px solid var(--line);gap:2px;padding-top:12px;display:flex}.demo-panel-nav button{flex:1;justify-items:center;gap:8px;padding:4px;font-size:10px;display:grid}.demo-panel-nav button[aria-pressed=true]{color:var(--brand-ink)}.demo-feedback{color:var(--text-3);padding:12px 0;font-size:12px}.demo-guide{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0;display:grid}.demo-guide>button{text-align:left;gap:12px;font-size:13px;line-height:1.5;display:flex}.demo-guide strong{color:var(--text);margin-bottom:5px;display:block}.demo-guide>button>span{color:var(--text-2)}.demo-outlines .demo-added{outline:1px solid color-mix(in srgb, var(--brand) 55%, transparent);outline-offset:2px}.demo-acquisition{gap:12px;padding:12px 0;display:grid}.demo-acquisition label{gap:8px;font-size:12px;display:flex}.demo-tag{background:var(--overlay);box-shadow:var(--shadow-l);z-index:4;padding:12px;font-size:12px;position:absolute;top:65px;right:12px}@media (max-width:1200px){.demo-side{flex-basis:180px}.demo-panel{flex-basis:280px}.demo-brand .icon-btn{display:none}.demo-messages{padding:20px 14px}.demo-conversation>header{flex-wrap:wrap}.demo-chip{font-size:11px}}@media (max-width:900px){.demo-panel{background:var(--sheet);z-index:5;width:min(340px,90%);position:absolute;top:8px;bottom:8px;right:0}.demo-side{flex-basis:180px}.demo-guide{grid-template-columns:1fr 1fr}.demo-toolbar{gap:12px}}@media (max-width:600px){.demo-side{display:none}.demo-chrome>span:last-child{margin-right:10px}.demo-host{min-height:520px}.demo .section-nav__mobile{min-width:240px}.demo-guide{gap:20px 12px}.demo-guide>button{font-size:12px}.demo-conversation>header{padding:14px}.demo-messages{padding:20px 16px}.demo .ext-inner{padding:16px 12px}.demo-toolbar .switch{font-size:11px}}.profile-columns{grid-template-columns:minmax(250px,.7fr) minmax(0,1.7fr);align-items:start;gap:24px;display:grid}.profile-summary,.profile-main{gap:20px;display:grid}.profile-card{gap:18px;display:grid}.profile-card h2{font-size:21px}.profile-card h3{margin-top:12px;font-size:16px}.profile-card p{color:var(--text-2);font-size:14px}.profile-card .set__note{color:var(--text-3);font-size:12px}.profile-identity{text-align:center;justify-items:center}.profile-identity h2{justify-self:start}.profile-identity>strong{font-size:24px}.profile-identity .prof-avatar{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:96px;height:96px;font-size:36px;display:grid;overflow:hidden}.prof-avatar img,.sb-account__av img{object-fit:cover;width:100%;height:100%}.sb-account__av{overflow:hidden}.profile-fields,.profile-usage{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:22px 16px;display:grid}.profile-fields>label{padding-top:10px;font-size:14px}.profile-form-actions{grid-column:1/-1;justify-self:end}.profile-email{border-top:1px solid var(--line);gap:12px;padding-top:20px;display:grid}.profile-link{justify-content:space-between;align-items:center;gap:12px;font-size:14px;line-height:1.5;display:flex}.profile-link svg{flex:none;width:18px;height:18px}.profile-plan{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:18px;display:flex}.profile-usage{align-items:center}.profile-usage>span{font-size:14px}.profile-usage progress{margin:10px 0}.profile-password summary{cursor:pointer;padding-bottom:18px;font-weight:600}.profile-password form{gap:12px;display:grid}.profile-password-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profile-password-grid label{margin-bottom:8px;font-size:13px;display:block}.profile-password .linkbtn{justify-self:start;align-items:center;gap:8px;display:flex}.profile-password .linkbtn svg{width:18px}.profile-password{border-bottom:1px solid var(--line);padding-bottom:12px}.profile-sessions{padding:0;list-style:none}.profile-sessions li{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:18px 0;display:flex}.profile-sessions li>div{flex:1;min-width:0}.profile-sessions strong{font-size:14px}.profile-sessions p{font-size:12px}.profile-danger{border-color:color-mix(in srgb, var(--brand) 65%, var(--line))}.profile-danger h2{color:var(--brand-ink)}@media (max-width:1000px){.profile-columns{grid-template-columns:250px minmax(0,1fr)}.profile-fields,.profile-usage{grid-template-columns:1fr;gap:12px}.profile-fields>label{padding:0}.profile-card{padding:20px}}@media (max-width:700px){.profile-columns{grid-template-columns:1fr}.profile-summary,.profile-main{display:contents}.profile-columns>.profile-card{order:2}.profile-identity{order:0!important}.profile-fields,.profile-password-grid{grid-template-columns:1fr}.profile-sessions li{flex-wrap:wrap}.profile-card h2{font-size:20px}.profile-card{padding:20px}}.theme-choices{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.theme-choices>button{border:1px solid var(--line-2);border-radius:var(--r-btn);justify-items:center;gap:14px;padding:16px 10px;display:grid}.theme-choices>button[aria-pressed=true]{border-color:var(--brand)}.theme-preview{background:#191919;border:1px solid #7775;border-radius:7px;grid-template-rows:16px 42px;grid-template-columns:1fr 1fr;gap:5px;width:min(140px,100%);padding:6px;display:grid;overflow:hidden;box-shadow:0 4px 12px #0002}.theme-preview i{background:radial-gradient(circle at 5px 5px,#f45d5d 2px,#0000 3px),radial-gradient(circle at 15px 5px,#ffca54 2px,#0000 3px),radial-gradient(circle at 25px 5px,#20c875 2px,#0000 3px);border-bottom:1px solid #7774;grid-column:1/-1;display:block}.theme-preview b,.theme-preview em{background:#5555;border-radius:3px}.theme-preview--light{background:#fff}.theme-preview--light b,.theme-preview--light em{background:#ddd}.theme-preview--auto{background:linear-gradient(90deg,#fff 50%,#191919 50%)}.theme-choice-label{align-items:center;gap:8px;font-size:13px;display:flex}.theme-choice-radio{border:1px solid var(--text-3);border-radius:50%;width:18px;height:18px}.theme-choices [aria-pressed=true] .theme-choice-radio{border:5px solid var(--brand);background:#fff}.settings-content .hlpick{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.settings-content .hlpick__opt{border-radius:var(--r-btn);justify-items:center;gap:8px;height:auto;padding:10px 6px;font-size:12px;display:grid}.settings-content .hlpick__sample{background:rgb(var(--hl-c));color:#0000;border-radius:5px;width:42px;height:24px}.settings-content .hlpick__opt[aria-checked=true]{outline:1px solid var(--brand);border-color:var(--brand)}@media (max-width:900px){.settings-content .hlpick{grid-template-columns:repeat(3,1fr)}}@media (max-width:450px){.theme-choices{gap:6px}.theme-choices>button{padding:10px 5px}.theme-choice-label{gap:4px;font-size:11px}}.navitem.navitem--community:not([aria-current]){color:var(--text-2);background:0 0;font-weight:500}.navitem.navitem--community:not([aria-current]):hover{background:var(--hover);color:var(--text)}.navitem[aria-current] .drawer-icon,.tm.drawer-icon,[aria-current] .tm.drawer-icon,[aria-selected] .tm.drawer-icon,[aria-pressed] .tm.drawer-icon{transform:none}.stats-page .statnums>div{flex-direction:column-reverse;align-items:center;gap:8px;display:flex}.stats-page .statnums dd{color:var(--text-hi);margin:0;font-size:30px;font-weight:700;line-height:1.1}.stats-page .statnums dt{font-size:13px}.stats-page .statnums__sub{margin-top:6px;font-size:11px;font-weight:400;display:block}.stats-page .statsec{box-shadow:none}.stats-page .heat__cell{border-radius:4px}.stats-page .stats-preview-numbers p{color:var(--text-2)}.demo-current{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:12px;padding:12px 0;display:flex}.demo-current>div{flex:1;gap:5px;font-size:12px;display:grid}.demo-current span{color:var(--text-2);font-size:11px}.demo-current>.btn{padding:6px 10px;font-size:11px}.demo-current>.icon-btn{width:28px;min-width:28px}.demo-brand>.demo-marker{top:-12px;left:0}.demo-puck{z-index:3;background:var(--raised);width:40px;height:48px;box-shadow:var(--shadow-l);border-radius:12px;padding:8px;position:absolute;top:40%;right:6px}.demo-puck img{object-fit:contain;width:100%;height:100%}.demo-drawer-menu{z-index:6;border:1px solid var(--line-2);background:var(--sheet);box-shadow:var(--shadow-l);border-radius:12px;gap:4px;padding:8px;display:grid;position:absolute;top:64px;right:40px}.demo-drawer-menu button{text-align:left;align-items:center;gap:8px;min-height:36px;padding:6px 12px;font-size:12px;display:flex}.settings-section-title{margin-bottom:24px;font-size:24px}.settings-content #language .field{grid-template-columns:1fr minmax(180px,45%);align-items:center;gap:12px;display:grid}.settings-content #language .field label{margin:0}.settings-content #language .field select{width:100%;max-width:100%}@media (max-width:700px){.settings-content #language .field{grid-template-columns:1fr}.profile-main>.profile-card:first-child{order:1}.profile-main>.profile-card:nth-child(2){order:2}.profile-summary>.profile-card:nth-child(2){order:3}.profile-main>.profile-card:nth-child(3){order:4}.profile-summary>.profile-card:nth-child(3){order:5}.profile-main>.profile-card:nth-child(4){order:6}.profile-main>.profile-card:nth-child(5){order:7}}
