:root{color-scheme:light;--canvas:#f4f6fa;--surface:#fff;--soft:#f7f8fc;--ink:#20283d;--muted:#69758b;--border:#dfe5ee;--accent-soft:#eeebff;--purple:#6550cf;--shadow:0 4px 20px #20283d06;background:var(--canvas);color:var(--ink)}
body{background:var(--canvas);color:var(--ink)}button,input,select,textarea{color:var(--ink);background:var(--surface);border-color:var(--border)}input::placeholder,textarea::placeholder{color:#788399}small,.muted{color:var(--muted)}
.sidebar,.topbar,.panel,.account-card,.client-workspace,.profile,.metrics article,dialog,.login-form{background:var(--surface)}.brand{color:var(--ink)}.main{min-height:100dvh}.topbar{height:60px;padding:0 24px}.sidebar{width:202px;padding:24px 14px}.main{margin-left:202px;width:calc(100% - 202px)}.sidebar .brand{font-size:24px}.space{margin:25px 0;background:var(--soft);border-color:var(--border)}.nav-item{color:var(--muted)}.nav-item.active{background:var(--accent-soft);color:var(--purple)}
.theme-control{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:var(--muted)}.theme-control select{margin:0;padding:7px 9px;width:auto;font-size:12px}.topbar-tools{display:flex;align-items:center;gap:14px}.login-form .theme-control{justify-content:flex-end;margin-bottom:28px}
#content.chat-workspace{padding:14px;max-width:none}.chat-workspace .messenger{grid-template-columns:246px minmax(310px,1fr) 288px;height:calc(100dvh - 88px);min-height:480px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.chat-workspace .messenger.fan-collapsed{grid-template-columns:246px minmax(0,1fr)}.fan-collapsed .fan-panel{display:none}
.messenger-head{padding:12px 18px;gap:10px;min-height:66px}.messenger-head>div{min-width:0;flex:1}.messenger-head strong{font-size:15px}.messenger-head button{padding:8px 10px;font-size:11px;flex-shrink:0}.messenger-head small{font-size:10px}.messenger-list select,.messenger-list input{padding:11px;margin:10px 12px}.messenger-row{background:var(--surface);padding:14px 12px;border-color:var(--border)}.messenger-row small{color:var(--muted)}.messenger-feed{background:var(--soft);padding:20px}.messenger-status{background:var(--soft);font-size:10px;color:var(--muted)}.messenger-list,.messenger-head,.messenger-compose{border-color:var(--border)}.messenger-compose{background:var(--surface);padding:12px 16px}.message{background:var(--surface);border-color:var(--border);max-width:min(85%,580px)}.message.outgoing{background:var(--accent-soft)}.message-meta{color:var(--muted)}.message-text{font-size:13px}.messenger-feedback:empty{display:none}.compose-row textarea{min-height:46px}.chat-workspace .messenger-list{border-right:1px solid var(--border)}
.fan-panel{border-left:1px solid var(--border);overflow:auto;padding:19px;background:var(--surface);min-width:0}.fan-heading{display:flex;align-items:center;justify-content:space-between}.fan-heading .eyebrow{font-size:9px;letter-spacing:1.6px}.fan-heading h2{font-size:16px;margin:6px 0 0}.fan-shared{font-size:10px;color:#25765c;background:#edf8f2;padding:5px 8px;border-radius:20px}.fan-identity{display:flex;align-items:center;gap:10px;margin:24px 0 14px}.fan-identity>div{min-width:0}.fan-identity strong{display:block;overflow-wrap:anywhere;font-size:14px}.fan-identity small{display:block;font-size:10px}.fan-panel [data-fan-status]{font-size:10px;color:#267657;line-height:1.5;min-height:16px}.fan-panel [data-fan-status].error{color:#ad3d51}.fan-form label{font-size:11px;margin-top:18px}.fan-form input,.fan-form textarea,.fan-form select{font-size:12px}.fan-form textarea{min-height:145px;resize:vertical}.fan-form small{font-size:10px}.fan-tags{padding:0;border:0;margin:23px 0}.fan-tags legend{font-size:11px;font-weight:600;margin-bottom:9px}.fan-tag{display:inline-flex;cursor:pointer;margin:3px 4px 3px 0!important;position:relative}.fan-tag input{position:absolute;opacity:0;width:1px;height:1px}.fan-tag span{padding:6px 9px;background:var(--soft);border:1px solid var(--border);border-radius:7px;font-size:11px}.fan-tag:has(:checked) span{background:var(--accent-soft);border-color:#a999eb;color:var(--purple)}.fan-tag:has(:focus-visible) span{outline:2px solid var(--purple);outline-offset:2px}.fan-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 12px}.fan-foot button{font-size:11px;padding:8px}.fan-loading{font-size:12px;color:var(--muted)}.fan-panel .empty{padding:32px 4px}.messenger{position:relative}
.proxy-allocation{padding:24px;margin-bottom:24px}.proxy-allocation h2{margin-bottom:8px}.proxy-allocation p{color:var(--muted);font-size:12px}.proxy-allocation form{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap}.proxy-allocation label{flex:1;min-width:190px}.proxy-allocation button{margin-bottom:8px}.proxy-row{display:grid;grid-template-columns:1fr 1.3fr 1fr 70px;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.proxy-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.proxy-row small{display:block;font-size:10px}.proxy-row button{font-size:10px;padding:7px}.proxy-row .pill{display:inline-block}.fan-close{border:0;font-size:20px;padding:2px 7px;background:transparent}
@media(max-width:700px){.proxy-row{grid-template-columns:1fr 1fr}.proxy-allocation{padding:16px}.proxy-allocation form{display:block}}
[data-theme=dark]{color-scheme:dark;--canvas:#121621;--surface:#1b2130;--soft:#161c29;--ink:#e4e9f4;--muted:#a1aec3;--border:#343e52;--accent-soft:#342c52;--purple:#b9a7ff}
[data-theme=dark] .primary{background:#7155d7;color:#fff;border-color:#7155d7}[data-theme=dark] button:hover{background:#343047;color:#e4d9ff}[data-theme=dark] .message.outgoing{border-color:#504373}[data-theme=dark] .chip,[data-theme=dark] .avatar,[data-theme=dark] .space-icon,[data-theme=dark] .reply-preview{background:#332c49;color:#cdbbfa;border-color:#534668}[data-theme=dark] .message blockquote{background:#ffffff0c}[data-theme=dark] .message.snap{background:#35202e;border-color:#704154}[data-theme=dark] .message.snap .snap-status{color:#ff9bb4}[data-theme=dark] .messenger-row.current,[data-theme=dark] .client-row.current{background:#302944}[data-theme=dark] .messenger-row.unread-message{background:#1e3048}[data-theme=dark] .messenger-row.unread-snap{background:#392534}[data-theme=dark] .messenger-row.unread-message strong,[data-theme=dark] .unread-badge{color:#a6d0ff}[data-theme=dark] .messenger-row.unread-snap strong,[data-theme=dark] .messenger-row.unread-snap .unread-badge{color:#ffa6c0}[data-theme=dark] .sync,[data-theme=dark] .fan-shared{background:#1e382f;color:#97d9bc}[data-theme=dark] .fan-panel [data-fan-status]{color:#97d9bc}[data-theme=dark] .conflict{background:#3c3020;color:#f3d393;border-color:#6b5735}[data-theme=dark] .notice,[data-theme=dark] .flow-card,[data-theme=dark] .account-picker label,[data-theme=dark] .list-toolbar>select{background:var(--soft);border-color:var(--border)}[data-theme=dark] .welcome-card,[data-theme=dark] .login-story{background:linear-gradient(135deg,#272039,#1c2334);border-color:var(--border)}[data-theme=dark] .login-story h1{color:var(--ink)}[data-theme=dark] .story-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .loading-panel{background:var(--surface)}[data-theme=dark] .skeleton,[data-theme=dark] .chat-media:not(.loaded){background:linear-gradient(100deg,#242c3c,#323b4d,#242c3c);background-size:200% 100%}[data-theme=dark] .message.event,[data-theme=dark] .message.date{background:transparent}
@media(min-width:1600px){.chat-workspace .messenger{grid-template-columns:280px minmax(0,1fr) 310px}.chat-workspace .messenger.fan-collapsed{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:1250px){.sidebar{width:76px;padding:24px 10px}.main{margin-left:76px;width:calc(100% - 76px)}.sidebar>.brand{font-size:0}.sidebar>.brand:before{content:'c';font-size:30px;color:var(--purple);display:block;text-align:center}.space,.nav-caption,.secure-note,.user>div{display:none}.sidebar>.brand{margin-bottom:30px}.nav-item{font-size:0;padding:12px;justify-content:center}.nav-item>span{font-size:22px}.user{flex-direction:column}.user button{margin:auto}.password-button{font-size:0;height:32px}.password-button:before{content:'⚿';font-size:18px}.chat-workspace .messenger{grid-template-columns:220px minmax(285px,1fr) 260px}.chat-workspace .messenger.fan-collapsed{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:1000px){.chat-workspace .messenger,.chat-workspace .messenger.fan-collapsed{grid-template-columns:215px minmax(0,1fr)}.fan-panel{position:absolute;right:0;top:66px;bottom:0;width:min(320px,90%);z-index:3;box-shadow:-12px 0 30px #18203825}.theme-control>span{display:none}.topbar{padding:0 16px}.topbar-tools{gap:8px}}
@media(min-width:651px){.main:has(.demo-banner) .chat-workspace .messenger{height:calc(100dvh - 118px)}}
@media(max-width:650px){#content.chat-workspace{padding:8px}.chat-workspace .messenger{display:flex;height:auto;min-height:calc(100dvh - 76px)}.messenger-list{max-height:240px}.messenger-thread{min-height:65dvh}.messenger-feed{min-height:240px;max-height:65dvh;padding:12px}.messenger-head{padding:10px;flex-wrap:wrap}.messenger-head>div{flex-basis:100%}.fan-panel{position:fixed;top:60px;bottom:0;right:0;width:calc(100% - 76px);max-width:340px;padding-top:22px}.topbar .slash,.topbar>div>.muted{display:none}.sync{font-size:0;padding:8px}.sync:before{font-size:8px;margin:0}.theme-control select{max-width:95px}.fan-panel:not([hidden]){padding-bottom:90px}}
.account-card > button[data-connection]{display:block;margin-top:16px}
#connection-form .notice{display:block;margin:16px 0}
#connection-form .notice p{margin:6px 0 0}

/* SnapShift: energetic accents, calm reading surfaces, no flashing UI. */
:root{--purple:#6940df;--accent-soft:#eee6ff;--muted:#64708a;--canvas:#f3f4fb;--shift-yellow:#f7ed57;--shift-teal:#0d9d89}
.brand{font-weight:850;letter-spacing:-1.5px}.brand span{color:var(--purple)}
.sidebar{border-top:5px solid var(--shift-yellow)}.sidebar .brand:before{content:'s'}.space-icon{background:var(--shift-yellow);color:#302951}.nav-item.active{box-shadow:inset 3px 0 var(--purple);font-weight:700}.primary{background:#6940df;color:white;border-color:#6940df;box-shadow:0 4px 12px #6940df25}.primary:hover{background:#5731c5;color:white;border-color:#5731c5}
.page-heading h1{color:var(--ink)}.page-heading p:last-child{color:var(--muted)}.metrics article{border-top:4px solid #8054ed}.metrics article:nth-child(2){border-top-color:#16af9b}.metrics article:nth-child(3){border-top-color:#efc636}.metric-icon.violet{background:#eadfff;color:#6434cf}.metric-icon.green{background:#d5f4eb;color:#087b66}.metric-icon.blue{background:#fff3b3;color:#796000}.metrics .metric-word{font-size:23px}
.shift-launch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border:1px solid #d7c9ff;border-radius:18px;background:linear-gradient(110deg,#ece3ff,#e5f7f3);margin-top:24px}.shift-launch h2{font-size:25px;margin:10px 0}.shift-launch p{color:#4e526d}.shift-launch .primary{white-space:nowrap;font-size:13px;padding:14px 20px}
.messenger-row.current{background:#eee5ff;box-shadow:inset 4px 0 #7342e4}.messenger-row.unread-message{background:#e0edff;border-left-color:#2466cb}.messenger-row.unread-snap{background:#ffe2ee;border-left-color:#d62066}.messenger-row .avatar{background:#e9deff;color:#6035bb}.messenger-head{border-top:3px solid #af8aef}.fan-heading h2{color:var(--ink)}.fan-shared{background:#cef3e9;color:#08745e}.message.outgoing{background:#ede3ff;border-color:#d6c0ff}.message{box-shadow:0 2px 6px #23144904}.messenger-feed{background:var(--soft)}
.chip[data-tag-color],[data-theme=dark] .chip[data-tag-color]{background:var(--tag-color);color:var(--tag-ink);border-color:transparent;font-weight:700;box-shadow:0 2px 4px #1c153014}.chip[data-tag-color] i{background:currentColor!important}.fan-tag[data-tag-color] span{border-color:var(--tag-color);border-left-width:4px;color:var(--ink);background:color-mix(in srgb,var(--tag-color) 12%,var(--surface));font-weight:600}.fan-tag[data-tag-color]:has(:checked) span{background:var(--tag-color);color:var(--tag-ink);border-color:var(--tag-color)}.fan-tag:has(:checked) span:before{content:'✓ ';font-weight:800}
.member-danger{border-top:1px solid var(--border);margin-top:22px}.danger{color:#ad2449;border-color:#edb3c3;background:#fff7fa}.danger:hover{background:#ffe4ed;color:#921338}.member-danger small{color:var(--muted)}.team-row strong{color:var(--ink)}.role,.account-count{color:var(--muted)}
.login-story{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#271248,#5630a6 65%,#7041c5);color:#fff;border:0}.login-story:after{content:'';position:absolute;right:-85px;top:60px;width:280px;height:280px;border:45px solid #f7ed5722;border-radius:50%;z-index:-1;transform:rotate(-20deg)}.login-story .brand{color:#fff}.login-story .brand span{color:var(--shift-yellow)}.login-story h1{color:#fff;font-size:clamp(36px,4vw,62px);line-height:1.09;letter-spacing:-2.5px}.login-story .eyebrow{color:var(--shift-yellow)}.login-story>div>p:not(.eyebrow){color:#e4d9fb;max-width:420px;font-size:15px}.login-story>small{color:#d2c2eb;font-size:10px}.story-card{background:#ffffff12;border:1px solid #ffffff30;backdrop-filter:blur(8px);color:#fff}.story-card strong{color:#fff}.story-card p{color:#e1d6f5}.story-card .avatar{background:var(--shift-yellow);color:#352253}.story-card .check{background:#80e9cc;color:#175041}.login-form h2{color:var(--ink)}.login-form .primary{background:#f2e740;border-color:#dfd222;color:#292337;box-shadow:0 4px 15px #a5981420}.login-form .primary:hover{background:#e7db25;color:#292337}.login-form label{color:var(--ink)}.login-help{color:var(--muted)}
.invite-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#2b174d,#6643b2)}.invite-card{width:min(100%,510px);padding:36px;background:var(--surface);border-radius:22px;box-shadow:0 24px 80px #12062540;border-top:6px solid var(--shift-yellow)}.invite-card h1{font-size:25px;margin-top:32px}.invite-card [data-info]{font-size:13px;color:var(--muted);line-height:1.8}.invite-card form>.primary{margin-top:24px;width:100%}.invite-card [data-error]{color:#b5254c;font-size:12px}.invite-card [data-login]{width:100%}
[data-theme=dark]{--purple:#b9a7ff;--accent-soft:#342c52;--muted:#aab7ce;--canvas:#121621}[data-theme=dark] .brand span{color:#b9a7ff}[data-theme=dark] .login-story .brand span{color:var(--shift-yellow)}[data-theme=dark] .shift-launch{background:linear-gradient(110deg,#322447,#183b39);border-color:#644a82}[data-theme=dark] .shift-launch p{color:#d5cce4}[data-theme=dark] .danger{background:#392130;color:#ffacbe;border-color:#744459}[data-theme=dark] .messenger-head{border-top-color:#7952ab}[data-theme=dark] .message.outgoing{background:#382c51;border-color:#684989}[data-theme=dark] .login-story{background:linear-gradient(140deg,#21132e,#3c2260)}[data-theme=dark] .login-story h1{color:#fff}[data-theme=dark] .story-card{background:#ffffff12}[data-theme=dark] .story-card .avatar{background:var(--shift-yellow);color:#352253}
@media(min-width:1251px){.sidebar>.brand:before{content:none}}
@media(max-width:700px){.shift-launch{align-items:flex-start;flex-direction:column;padding:24px}.shift-launch .primary{width:100%}.invite-card{padding:26px}}
.login-story h1{max-width:600px}