/* Synapse: quiet surfaces, precise hierarchy, one visual identity. */
:root{--r:16px;--ease:cubic-bezier(.22,1,.36,1)}
[data-theme="light"]{color-scheme:light;--bg:#f5f6f3;--bg2:#fcfcfa;--card:#fff;--line:#e4e8e1;--line2:#ccd3ca;--tx:#202b27;--mut:#667268;--acc:#2e6950;--acc-h:#23543f;--chip:#f0f3ed;--inp:#fcfdfb;--tblh:#f6f8f3;--sh:0 12px 40px #2031250c}
[data-theme="dark"]{color-scheme:dark;--bg:#111815;--bg2:#151e19;--card:#19231d;--line:#2a352e;--line2:#3d4c41;--tx:#e9eee6;--mut:#a1ada0;--acc:#7dbb8d;--acc-h:#94cea3;--chip:#222e25;--inp:#152018;--tblh:#1c2820;--sh:0 16px 44px #0003}
[data-accent="anthropic"]{--acc:#bd694b;--acc-h:#aa573a}[data-accent="ocean"]{--acc:#0787b1;--acc-h:#057394}[data-accent="forest"]{--acc:#289c70;--acc-h:#21805c}[data-accent="sunset"]{--acc:#db4662;--acc-h:#bc3550}[data-accent="grape"]{--acc:#8a69cb;--acc-h:#7254b1}
body{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;letter-spacing:-.012em}
::selection{background:#bddda8;color:#172826}
button,a,input,select,textarea{touch-action:manipulation}
button,a{ -webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--acc);outline-offset:4px}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 13%,transparent)}
button:disabled{opacity:.5;cursor:not-allowed}
input[type="checkbox"]{accent-color:var(--acc)}
.btn,.iconbtn,.sb-a,.mcard,.fchip,.toolbtn,.sendpill{transition:background .18s,border-color .18s,box-shadow .18s,transform .2s var(--ease)}
.btn{min-height:38px;font-weight:600;border-radius:10px}.btn-p{box-shadow:0 2px 3px #0000000a}.btn-p:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #18332318}
[data-theme="dark"] .btn-p{color:#101d14}
.brand{font-size:19px;font-weight:650;letter-spacing:-.055em;gap:10px}.brand img{width:32px;height:32px;box-shadow:none;border-radius:10px}
.topbar{height:64px;padding:0 24px;gap:16px;background:var(--bg2)}
.topnav{margin-left:34px;gap:6px}.topnav a{font-size:12px;padding:8px 10px}.topnav a.on{background:var(--chip);color:var(--acc)}
.searchbox{min-width:160px;background:transparent}.topright{gap:7px}.avatar{background:#d1e5c7;color:#284633;font-weight:650}
.layout{padding:64px 0 0 226px}.sidebar{top:64px;width:226px;padding:22px 13px;background:var(--bg2)}
.sb-h{font-size:10px;letter-spacing:.13em;padding:20px 13px 8px}.sb-a{padding:11px 13px;margin:3px 0;gap:12px;font-size:13px}.sb-a.on{background:color-mix(in srgb,var(--acc) 11%,transparent);color:var(--acc);font-weight:650}.sb-ic{font-size:17px}
[data-side="float"] .sidebar{top:78px;width:212px}[data-side="float"] .layout{padding-left:238px}
.main{padding:30px 34px 64px;max-width:1600px;animation:viewin .4s var(--ease)}
.page-h{font-size:24px;font-weight:650;letter-spacing:-.04em;margin-bottom:22px}.card-p{padding:23px}.card,.stat-card,.mcard{box-shadow:0 2px 2px #18251b02}
.grid2,.grid3,.stat3,.ov-grid{gap:18px}.num{font-size:29px;font-weight:600;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.stat-card{padding:22px;min-height:138px}.stat-ic{background:var(--chip);color:var(--acc);width:30px;height:30px;border-radius:9px}.stat-card .barline{height:2px}.stat-card .barline i,.stat-card.c2 .barline i,.stat-card.c3 .barline i,.prog i{background:var(--acc)}
.banner{padding:17px 20px}.pill{font-size:10px;letter-spacing:.01em;font-weight:600}.pill.info{color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,transparent)}.pill.warn{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}[data-theme="dark"] .pill.warn{color:#fcd34d;background:#451a0333;border-color:#92400e}
.tbl th{padding:13px 15px;font-size:11px;letter-spacing:.02em}.tbl td{padding:15px;font-size:12px}.tblwrap{border-radius:12px}.tabs{max-width:100%;overflow-x:auto}.toolbar input{max-width:100%}
.main .demo-notice{font-size:11px;padding:10px 13px;margin-bottom:24px;border:1px dashed var(--line2);border-radius:9px;color:var(--mut);background:transparent;max-width:1100px}
.chat-wrap{max-width:920px;min-height:calc(100dvh - 185px);padding-top:0;gap:22px}.hero-logo{width:68px;height:68px;box-shadow:none}.chat-empty{text-align:center;padding:7vh 0 36px}.chat-empty .eyebrow{justify-content:center;margin-top:22px}.chat-empty h1{font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-.045em;margin:12px 0}.chat-empty p{color:var(--mut);font-size:14px}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px auto 0;max-width:760px}.prompt-card{text-align:left;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--card);font-size:12px;color:var(--mut);line-height:1.6;transition:border-color .2s,transform .2s}.prompt-card b{display:block;color:var(--tx);font-size:13px;font-weight:600;margin-bottom:5px}.prompt-card:hover{border-color:var(--acc);transform:translateY(-3px)}
.composer{border-radius:20px;box-shadow:0 8px 35px #1833230a;bottom:20px}.composer:focus-within{border-color:var(--acc)}.composer textarea{padding:20px;min-height:92px;font-size:15px;box-shadow:none}.comp-bar{padding:10px 12px;gap:8px}.comp-tools{background:transparent;border:0}.sendpill{background:var(--acc);color:var(--bg2);border-color:var(--acc)}.sendpill:hover{color:var(--bg2);background:var(--acc-h)}.modelpill{background:transparent;max-width:280px}.modelpill b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg{padding:17px 20px;font-size:14px;max-width:88%}.msg.a{background:var(--card)}.msg.u{background:var(--acc)}[data-theme="dark"] .msg.u{color:#112117}.msg .who{margin-bottom:8px}.mpop{max-width:calc(100vw - 32px)}
.show-hero{padding:28px 0 34px}.show-hero h1{font-size:40px;font-weight:550;letter-spacing:-.055em}.show-search input{padding:14px 18px}.mcard{padding:21px;transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}.mcard:hover{transform:translateY(-3px);box-shadow:var(--sh)}.micon{border-radius:11px;width:39px;height:39px}.mcard-top>div{min-width:0;overflow-wrap:anywhere}.mfoot{gap:8px}
.mback,.dr-back,.palette{background:#09130c70;backdrop-filter:blur(6px)}.modal{border-radius:20px;animation:up .28s var(--ease)}.drawer{animation:slidein .3s var(--ease)}.m-head,.m-foot{padding:18px 24px}.m-body{padding:24px}.toast{border:1px solid #ffffff18;border-radius:13px}.empty{padding:72px 20px}.welcome img{box-shadow:none}
/* Entry: an editorial panel paired with an uncomplicated form. */
.auth-wrap{background:#f9faf6;color:#233029;min-height:100dvh}.auth-top{padding:25px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7dd;min-height:85px}.auth-top .brand{color:#203029}.brand-caption{font-size:9px;letter-spacing:.16em;color:#7c887b;margin-left:16px;border-left:1px solid #d4dbce;padding-left:20px;font-weight:500}.auth-help{font-size:12px;color:#596853}.auth-help span{margin-left:14px}.auth-box{padding:20px;align-items:stretch;display:grid;grid-template-columns:1.08fr 1fr;gap:0;flex:1}.auth-story{position:relative;overflow:hidden;background:#172826;color:#eef4e9;border-radius:18px;padding:clamp(30px,4vw,64px);min-height:690px;display:flex;flex-direction:column}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.16em;font-weight:600}.auth-story .eyebrow{color:#bfd5bf}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#c4eead}.auth-story h2{font-size:clamp(38px,4.5vw,70px);line-height:1.09;font-weight:450;letter-spacing:-.055em;margin:31px 0 21px}.auth-story h2 em{font-family:Georgia,"Times New Roman",serif;color:#d3e9bc;font-weight:400;letter-spacing:-.055em}.auth-story>p{font-size:14px;line-height:1.8;color:#b1c2b5}.synapse-art{position:relative;min-height:245px;flex:1;margin:12px 0;isolation:isolate;background:radial-gradient(ellipse at center,#a4ce8120,transparent 65%)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #c4e3a929;border-radius:50%;width:270px;height:165px;transform:translate(-50%,-50%) rotate(-32deg)}.orbit-two{transform:translate(-50%,-50%) rotate(32deg);width:310px;height:150px}.orbit-three{width:205px;height:205px;transform:translate(-50%,-50%);border-style:dashed;border-color:#c4e3a91f;animation:orbit-turn 65s linear infinite}.art-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px;border:1px solid #bedfa442;border-radius:27px;background:#223b32;box-shadow:0 0 70px #b8e6a00d}.art-core img{display:block;width:72px;height:72px}.art-node{position:absolute;background:#263c32;border:1px solid #b9d5a52e;border-radius:8px;color:#d4e3ce;font-size:10px;padding:6px 13px;animation:node-float 6s ease-in-out infinite}.node-one{left:13%;top:23%}.node-two{right:11%;top:38%;animation-delay:-2s}.node-three{left:31%;bottom:7%;animation-delay:-4s}.art-coordinate{position:absolute;bottom:12px;right:0;color:#758e7c;font:10px monospace;letter-spacing:.2em}.story-bottom{border-top:1px solid #d5e8c920;padding-top:23px;display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.8;color:#8fa897}.story-bottom b{color:#d4e3cc;font-weight:400}.story-mark{font-size:28px;font-weight:300;color:#c4dfad}.auth-form-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:60px 45px 85px;min-width:0}.auth-card{width:360px;animation:viewin .65s var(--ease)}.form-eyebrow{color:#7d8878;margin-bottom:25px}.auth-card h1{font-size:32px;letter-spacing:-.045em;font-weight:550;line-height:1.2;margin-bottom:12px}.auth-card .sub{font-size:13px;margin-bottom:29px;color:#71806d}.auth-card .fld{margin-bottom:19px}.auth-card .fld label{font-size:12px;font-weight:600}.auth-card input:not([type="checkbox"]){padding:12px 14px;background:#fff;border:1px solid #d9dfd3;min-height:46px;color:#263328;font-size:13px}.auth-card input::placeholder{color:#929b8c}.auth-card a{color:#3e6947}.auth-card .btn-p{background:#233e2e;border-color:#233e2e;color:#f2f7ed;min-height:47px;font-size:13px;margin-top:4px}.auth-card .btn-p:hover{background:#33583e}.auth-card .agree{background:#f0f3ea;border-color:#e1e7d9;color:#77816f;font-size:11px;line-height:1.7}.auth-card .fine{font-size:10px;color:#88907f;line-height:1.8}.auth-footer{position:absolute;bottom:24px;left:45px;right:45px;display:flex;justify-content:space-between;font-size:10px;color:#8a9483}.auth-footer>span{color:#a0a899}.auth-card .card{background:#f0f3ea;border-color:#dde4d5}.auth-card .mut{color:#72806c}.auth-card .err{font-size:12px}.auth-card .srv-line{display:none!important}
@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes node-float{50%{transform:translateY(-7px)}}
@media(min-width:1600px){.auth-box{max-width:1720px;width:100%;margin:auto}.auth-story{min-height:760px}}
@media(max-width:1200px){.topnav{gap:0;margin-left:10px}.topnav a{padding:7px;font-size:11px}.searchbox{min-width:110px}.main{padding:24px}.auth-story{padding:38px}.auth-form-panel{padding-left:30px;padding-right:30px}}
@media(max-width:1000px){.topnav{display:none}.auth-story{min-height:650px}.auth-story h2{font-size:46px}.brand-caption{display:none}.auth-box{grid-template-columns:1fr 1fr}.auth-story{padding:30px}.orbit-two{width:240px}.orbit{width:220px}.node-one{left:0}.node-two{right:0}}
@media(max-width:860px){.layout,[data-side="float"] .layout,[data-side="hidden"] .layout{padding:64px 0 0}.sidebar,[data-side="float"] .sidebar{top:64px;left:0;bottom:0;width:250px;border-radius:0}.main{padding:18px 16px 36px}.topbar{height:64px}.topbar .brand{font-size:18px!important}.topbar .searchbox{width:34px;height:34px;justify-content:center;font-size:0}.topbar .searchbox:before{content:"⌕";font-size:21px}.mobile-menu-toggle{display:inline-flex}.nav-open .sidebar,[data-side="hidden"] body.nav-open .sidebar{display:block!important;box-shadow:14px 0 40px #0003}.nav-open .layout:before{content:"";position:fixed;inset:64px 0 0;background:#09130c55;z-index:35}.chat-wrap{min-height:calc(100dvh - 200px)}.auth-story{min-height:570px}.auth-story h2{font-size:38px}.auth-story>p{font-size:12px}.auth-form-panel{padding:40px 25px 70px}.auth-card h1{font-size:28px}.auth-footer{left:25px;right:25px}.auth-top{padding:20px 25px;min-height:73px}.auth-box{padding:12px}.synapse-art{min-height:200px}.art-core img{width:56px;height:56px}}
@media(max-width:640px){.auth-box{display:block;padding:0}.auth-story{min-height:0;border-radius:0;padding:28px 25px 30px}.auth-story h2{font-size:38px;margin:19px 0 12px}.auth-story h2 br{display:none}.auth-story>p{font-size:12px;max-width:280px}.synapse-art,.story-bottom{display:none}.auth-story .eyebrow{font-size:8px}.auth-top{padding:16px 23px;min-height:65px}.auth-form-panel{padding:34px 25px 75px}.auth-card{width:100%;max-width:390px}.auth-card .form-eyebrow{margin-bottom:18px;font-size:8px}.auth-card h1{font-size:28px}.auth-card .sub{margin-bottom:23px}.auth-footer{bottom:22px}.stat3,.strip5{grid-template-columns:1fr}.stat-card{min-height:122px}.card-p{padding:17px}.page-h{font-size:22px}.main .demo-notice{font-size:10px;margin-bottom:18px}.topright{gap:2px}.topbar .brand img{width:28px;height:28px}.topbar .iconbtn{width:30px}.dd-menu{position:fixed;right:12px;top:62px;max-width:calc(100vw - 24px)}.prompt-grid{grid-template-columns:1fr;gap:8px;margin-top:24px}.prompt-card{padding:12px 15px}.prompt-card b{margin-bottom:1px}.chat-empty{padding:25px 0 10px}.chat-empty h1{font-size:27px}.chat-empty p{font-size:12px}.chat-empty .hero-logo{width:52px;height:52px}.comp-bar{flex-wrap:wrap}.modelsel{flex:1;min-width:0;justify-content:flex-end;gap:6px}.modelpill{max-width:170px;padding:6px}.modelpill .pill{display:none}.sendpill{font-size:0;padding:8px 11px;min-height:35px}.sendpill:after{content:"↑";font-size:18px}.composer{bottom:max(10px,env(safe-area-inset-bottom))}.composer textarea{font-size:16px}.comp-tools{gap:0;padding:0}.toolbtn{width:28px}.msg{max-width:96%}.mp-groups{width:112px;padding:8px 5px}.mp-list{padding:8px}.mp-g{padding:8px 6px;font-size:11px}.show-hero h1{font-size:29px}.toolbar>*{max-width:100%;min-width:0!important}.toolbar input,.toolbar select{flex:1}.pager{flex-wrap:wrap}.refbox{flex-wrap:wrap}.kv{overflow-wrap:anywhere}.drawer{max-width:100vw}.mback{padding:18px 10px}.m-body{padding:18px}.m-foot{flex-wrap:wrap}#toasts{left:14px;right:14px;bottom:14px}.toast{max-width:100%}.grid2,.grid3,.ov-grid,.stat3,.mgrid{min-width:0}.grid2>*,.grid3>*,.ov-grid>*,.stat3>*,.mgrid>*{min-width:0}}
.show-grid{grid-template-columns:252px minmax(0,1fr)}.show-grid>*{min-width:0}.show-grid>div>.card-p{flex-wrap:wrap}.mcard-top{flex-wrap:wrap}.mcard-top>div{flex:1}.mcard[style*="flex-direction:row"]{flex-wrap:wrap}.auth-card .srv-line{display:flex!important;align-items:center;gap:7px;margin-top:24px;padding-top:15px;border-top:1px solid #e1e7d9;font-size:10px;overflow-wrap:anywhere;color:#7c8875}.srv-line .linklike{color:inherit}.srv-line .dot{width:6px;height:6px}
@media(max-width:1000px){.show-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.card-t{flex-wrap:wrap}.card-t .ptabs{margin-left:0;max-width:100%;flex-wrap:wrap;flex-shrink:1}.ptabs{max-width:100%;flex-wrap:wrap}.ptabs button{padding:5px 9px}.show-grid>div>.card-p{padding:13px}.show-grid .mcard-top>span:last-child{margin-left:0!important}.show-grid .mcard-top>div{min-width:140px}.show-grid .mcard[style*="flex-direction:row"]>b{min-width:0!important;overflow-wrap:anywhere}.auth-card .srv-line{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}