:root{--ink: #232946;--ink-soft: #4A5072;--paper: #FAFAF7;--panel: #FFFFFF;--spool: #0E7C7B;--spool-deep: #0A5B5A;--marigold: #E9B44C;--mist: #E8EAF1;--danger: #B4423A;--radius: 10px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);font-size:15px}h1,h2,h3,.wordmark{font-family:var(--font-display);letter-spacing:-.01em}.wordmark{font-weight:700;font-size:22px;position:relative;display:inline-block;padding-bottom:6px}.wordmark:after{content:"";position:absolute;left:0;right:18%;bottom:0;height:2px;background:var(--spool);border-radius:2px}button,.btn{font:500 15px var(--font-body);border:0;border-radius:var(--radius);padding:10px 16px;cursor:pointer;background:var(--spool);color:#fff}button:hover,.btn:hover{background:var(--spool-deep)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--spool);outline-offset:2px}.btn-quiet{background:transparent;color:var(--ink);border:1px solid var(--mist)}.btn-quiet:hover{background:var(--mist)}input[type=text],input[type=email],input[type=password]{font:400 15px var(--font-body);width:100%;padding:11px 12px;border:1px solid var(--mist);border-radius:var(--radius);background:var(--panel)}.card{background:var(--panel);border:1px solid var(--mist);border-radius:14px;padding:28px;max-width:420px;width:100%}.auth-page{min-height:100%;display:grid;place-items:center;padding:24px}.auth-page .card h1{margin:4px 0;font-size:26px}.auth-page .sub{color:var(--ink-soft);margin:0 0 20px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--ink-soft)}.error{color:var(--danger);font-size:13px;margin-top:8px}.hint{color:var(--ink-soft);font-size:13px;margin-top:14px}.shell{display:grid;grid-template-columns:240px 1fr;height:100%}.sidebar{background:var(--ink);color:#e9eaf2;padding:18px 0;display:flex;flex-direction:column}.sidebar .wordmark{color:#fff;margin:0 18px 14px}.sidebar .wordmark:after{background:var(--marigold)}.banner{background:#fdf6e3;color:#6b5d2e;font-size:12.5px;padding:8px 14px;border-bottom:1px solid #F0E6C8}.channel-list{list-style:none;margin:8px 0 0;padding:0;overflow-y:auto}.channel-list a{display:block;color:#c7cadb;text-decoration:none;padding:7px 18px;position:relative}.channel-list a:hover{color:#fff;background:#ffffff0d}.channel-list a.active{color:#fff}.channel-list a.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--marigold);border-radius:2px}.main{display:flex;flex-direction:column;min-width:0}.chat-pane{flex:1;display:grid;place-items:center;color:var(--ink-soft)}@media (max-width: 720px){.shell{grid-template-columns:1fr}.sidebar{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.chat-live{display:flex;flex-direction:column;height:100%;min-height:0}.chat-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:10px}.chat-hint{color:var(--ink-soft);text-align:center;margin:24px 0}.chat-error{color:#b4232a}.msg{display:flex;flex-direction:column;align-items:flex-start;max-width:72%}.msg-self{align-self:flex-end;align-items:flex-end}.msg-author{font-size:12px;color:var(--ink-soft);margin:0 4px 2px;font-weight:600}.msg-bubble{background:#fff;border:1px solid #ECEBE4;color:var(--ink);padding:8px 12px;border-radius:4px 12px 12px;white-space:pre-wrap;word-break:break-word;line-height:1.4}.msg-self .msg-bubble{background:var(--spool);color:#fff;border-color:var(--spool);border-top-left-radius:12px;border-top-right-radius:4px}.msg-time{font-size:11px;color:var(--ink-soft);margin:2px 4px 0;opacity:.8}.phi-nudge{margin:0 16px 8px;padding:8px 12px;border-radius:8px;background:#fff6e5;border:1px solid #F0D89A;color:#7a5b12;font-size:13px}.composer{flex:0 0 auto;display:flex;gap:8px;align-items:flex-end;padding:12px 16px;border-top:1px solid #ECEBE4;background:var(--paper)}.composer textarea{flex:1 1 auto;resize:none;max-height:140px;min-height:40px;padding:9px 12px;border:1px solid #D9D8CF;border-radius:10px;font:inherit;color:var(--ink);background:#fff;line-height:1.4}.composer textarea:focus{outline:none;border-color:var(--spool)}.composer button{flex:0 0 auto;height:40px}.composer button:disabled{opacity:.5;cursor:not-allowed}.channel-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #ECEBE4;background:var(--paper)}.channel-title{font-weight:700;font-family:var(--font-head, inherit);color:var(--ink)}.channel-actions{display:flex;gap:8px}.btn-ghost{background:transparent;color:var(--spool);border:1px solid var(--spool);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-ghost:hover{background:var(--spool);color:#fff}.call-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 18px;border-radius:10px;font-size:14px;cursor:pointer;z-index:9999;box-shadow:0 6px 24px #0000002e}.call-upgrade{background:var(--ink);color:#fff}.call-error{background:#fde8e8;color:#7a1b1b;border:1px solid #F3B4B4}.main{display:flex;flex-direction:column;min-height:0}