/* Brainstorm · Temporal Continuity vintage presentation layer
   Deliberately CSS-only. No change to account, collaboration, OBS or billing logic.
   This file is loaded after style.css and owns the public visual system. */
:root{
 color-scheme:light;
 --bg:#f5dfb5;--panel:#fff0d2;--panel2:#f6e4bd;
 --line:#c99c69;--text:#153e40;--muted:#637268;
 --accent:#bb523a;--aqua:#1d5757;--radius:4px;
 --brass:#daab63;--cream:#f9ebcb;--umber:#854b34;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif
}
html{scroll-padding-top:75px}
body{
 background:radial-gradient(ellipse at 77% 9%,#fbd28a 0%,#d58b55 45%,#b76b49 83%,#315a55 140%);
 color:var(--text)
}
.ambient{z-index:0;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 5px,#563e2608 6px);opacity:.24}
body>main,body>footer{position:relative}
a:hover{color:#b34a33}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.topbar{background:#f9eaca;border-top:5px solid #9e3229;border-bottom:3px double #a96348;padding:12px max(4vw,24px);backdrop-filter:none;min-height:73px}
.brand{display:inline-flex;align-items:center;gap:8px;font:800 25px/1 Georgia,serif;letter-spacing:.015em;color:#153f43;text-transform:uppercase}
.brand .mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font:700 26px/1 Georgia,serif;background:#174749;color:#f5cf8a;margin:0 3px 0 0}
.brand .period{color:#b7523b}
.topbar nav{color:#aa5035;font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:10px}
.account{color:#556a61}
.account-identity{color:#17494b;font-weight:700}
.primary{background:#194648;color:#f8e9c4;border:1px solid #194648;border-radius:2px;box-shadow:4px 4px 0 #ca8662;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.primary:hover{background:#275f5c;color:#fff0d5}
.ghost,.tiny{border:1px solid #bc8a5b;border-radius:2px;background:#fff2d6;color:#174448;font-weight:750}
.ghost:hover,.tiny:hover{border-color:#174648;background:#e8cfa3;color:#143e41}
.eyebrow{color:#a84d36;font-size:10px;letter-spacing:.17em}
h1,h2,h3{color:#163f41}
.hero{
 width:min(1460px,calc(100% - 40px));max-width:1460px;
 min-height:570px;padding:65px 5% 46px;
 margin:45px auto 30px;overflow:hidden;
 background:#f9e9c8;border:3px solid #174a49;
 outline:5px solid #f4cf8e;outline-offset:5px;
 box-shadow:12px 14px 0 #6a392f60
}
.hero:before{content:"";position:absolute;pointer-events:none;inset:8px;border:1px solid #b88557}
.hero .eyebrow,.hero h1,.hero .lede,.hero-actions,.hero-meta{position:relative;z-index:2}
.hero h1{font:800 clamp(46px,5.1vw,78px)/.99 Georgia,serif;letter-spacing:-.05em;max-width:710px;margin:23px 0}
.hero h1 em{font:inherit;color:#b34e38}
.hero .lede{color:#546b60;line-height:1.68;font-size:16px;max-width:555px}
.hero-actions{flex-wrap:wrap;gap:19px;margin-top:31px}
.hero-actions .primary{padding:15px 21px}
.secondary-link{color:#8e4b36;font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.hero-meta{color:#597066;border-color:#caa777;margin-top:66px;padding-top:19px;font-size:11px;letter-spacing:.02em;flex-wrap:wrap}
.hero-meta b{color:#b94f38}
.hero-orbit{
 width:min(33vw,380px);height:min(33vw,380px);
 top:65px;right:5%;opacity:1;
 border:3px double #b88655;border-radius:50%;
 background:radial-gradient(circle at 50% 50%,#f6d999 0%,#e9c38a 43%,#d59a61 75%,#bc7550 100%);
 box-shadow:0 0 0 10px #f7e0b4,0 0 0 12px #b58a59,12px 17px 0 #64403026
}
.hero-orbit .circle{border:2px solid #1a55559a}
.hero-orbit .c1{inset:20px}.hero-orbit .c2{inset:72px;border-color:#b45137c7}
.hero-orbit .c3{inset:130px;border-color:#17494cc7}
.hero-orbit .orbit-center{color:#164c4d;text-shadow:1px 2px 0 #fff1c1;font:800 75px/1 Georgia,serif}
.hero-orbit .orbit-label{color:#f9e7be;background:#154a49;border:1px solid #a37243;box-shadow:3px 4px 0 #663c3044;border-radius:2px;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.hero-orbit .o1{top:10px;left:70px}.hero-orbit .o2{right:-8px;top:52%}.hero-orbit .o3{bottom:16px;left:26px}
.auth-panel{background:#f8e8c7;border:2px solid #174648;outline:4px solid #e6bd7e;outline-offset:3px;box-shadow:8px 9px 0 #633d3033;border-radius:2px}
.auth-panel h2,.workspace-head h2,.section-intro h2,.continuity-band h2{font-family:Georgia,serif;letter-spacing:-.045em}
.auth-panel p,.section-intro p,.capability-section p{color:#586b61}
.form-stack label,.inline-form label,.composer label{color:#244d48}
input,textarea,select{background:#fff7e6;border:1px solid #c29a68;border-radius:2px;color:#193f41;box-shadow:none}
input:focus,textarea:focus,select:focus{border-color:#b75038;box-shadow:0 0 0 2px #ba654126}
input::placeholder,textarea::placeholder{color:#928e7a}
.hint,.muted{color:#68776b}
.workspace{background:#f3deb4;max-width:1900px}
.workspace-head{border-bottom:2px solid #bc8c5b;padding:0 0 23px;margin-bottom:20px}
.workspace-head h2{font-size:clamp(34px,3.8vw,50px)}
.workspace-head p{color:#5d7166}
.workspace-layout{gap:12px;grid-template-columns:minmax(200px,250px) minmax(360px,1fr) minmax(220px,285px)}
.sidepanel,.tools,.conversation{background:#f9eccd;border:2px solid #be966b;border-radius:2px;box-shadow:4px 5px 0 #69432c23}
.sidepanel,.tools{padding:22px 16px}
.panel-title{color:#aa4e37;letter-spacing:.15em}
.separated{border-color:#cba675}
.room-list{gap:7px}
.room-item{background:#fff5df;border:1px solid #dec29b;border-radius:2px;color:#164448;box-shadow:none}
.room-item:hover{background:#f5dfb7}
.room-item.selected{background:#f0d4a5;border:2px solid #175151}
.room-item small,.person small{color:#66756b}
.person{color:#1e4b49}
.avatar{background:#17575a;color:#fdf0cf;border-radius:50%}
.avatar.ai{background:#bd5b3d;color:#fff4da}
.participant-name{color:#174548}
.participant-name:hover{color:#b54b36}
.room-header{background:#f7e4bf;border-color:#bb9264}
.room-header h3{font-family:Georgia,serif;font-size:22px}
.room-header p{color:#64756b}
.timeline{background:#fff1d4}
.empty-state{color:#6e796d}
.empty-state span{color:#b45439}
.empty-state h3{font:800 30px Georgia,serif;color:#17474a}
.message-card{background:#f9e9cb;border:1px solid #d4b284;border-left:4px solid #ba533c;border-radius:2px;box-shadow:3px 3px 0 #a8845530}
.message-card strong{color:#99462e}
.message-card small{color:#758073}
.message-card pre{color:#274d48}
.composer{background:#f4dcb1;border-color:#bc9367}
.composer-row .primary{min-height:47px}
.typing-status,.room-activity{color:#ae4d35!important}
.typing-dots i{background:#b65038}
.tools details,.tools .room-settings-panel,.tools #room-management-panel{border-color:#c8a478}
.tools summary{color:#1e4b49}
.tools summary span{color:#b45137}
.tools pre{color:#355d58}
.recall-results{color:#345b54}
.tools .room-management-actions .ghost{width:100%}
.conversation-settings{background:#faeaca;border-color:#caa574;border-radius:2px}
.feature-grid{gap:16px}
.features{padding-top:95px;padding-bottom:115px}
.feature{background:#f9eacd;border:2px solid #bf9362;border-radius:2px;min-height:270px;box-shadow:5px 6px 0 #6b3d2f36}
.feature-icon{font:800 31px Georgia,serif;color:#b65237}
.feature h3{font:800 25px Georgia,serif}
.feature p{color:#5d7067}
.continuity-band{background:#154647;border-block:4px double #d6a76d;color:#f9e8c3}
.continuity-band .eyebrow{color:#ebba78}
.continuity-band h2{color:#f9e9c5}
.continuity-band p{color:#e1cda8}
footer{background:#133e40;border-top:3px solid #d7a35b;color:#f4dfb7}
footer p,footer a{color:#f4dfb7}
#notice{background:#17484a;border:2px solid #e0b57c;color:#fff2d9;border-radius:2px;box-shadow:5px 6px 0 #66362655}
#notice.error{background:#a44736;border-color:#f0cb99}
/* Match all interactive overlays, including register, account, DM and cognition. */
.private-overlay,.account-overlay,.registration-overlay,.cognition-overlay{background:#153b3cba;backdrop-filter:blur(4px)}
.private-dialog,.account-dialog,.registration-dialog,.cognition-dialog{
 background:#fae9c7;border:3px solid #19494a;border-radius:2px;
 outline:3px solid #ddb77b;outline-offset:3px;box-shadow:10px 14px 0 #4a2b2452;
 color:#193f41
}
.private-header,.private-footer,.account-dialog-head,.registration-header,.cognition-head{border-color:#cba572;background:#f3ddb4}
.private-header small,.account-dialog-head small,.registration-header small,.cognition-head small{color:#a64b35}
.private-header h2,.account-dialog-head h2,.registration-header h2,.cognition-head h2{font-family:Georgia,serif;color:#174447}
.private-body{color:#5c6f64}
.direct-message{background:#fff2d9;border:1px solid #caa77a;border-left:3px solid #b5533b;border-radius:2px;color:#234948}
.direct-message strong{color:#a44c34}
.direct-message small{color:#65776a}
.account-section{border-color:#cba77a}
.account-switch{border-color:#c59e72;border-radius:2px}
.account-switch>input,.reg-contact input,.registration-consent input{accent-color:#194e4e}
.account-switch small{color:#6c7a6c}
.registration-form fieldset{border-color:#be986c;border-radius:2px}
.registration-form legend{color:#a64e36}
.registration-consent a{color:#aa4b33;text-decoration:underline}
.registration-privacy{border:1px solid #a88f64;background:#f2e2bf;color:#355a50;border-radius:2px}
.cognition-sections>section,.cognition-sections>form,.cognition-sections>details{border-color:#caa77c}
.cognition-sections label{color:#245047}
.cognition-sections .hint{color:#667568}
@media(max-width:1200px){
 .hero-orbit{right:-3%;opacity:.35}
 .workspace-layout{grid-template-columns:215px minmax(0,1fr)}
 .tools{grid-column:1/-1}
}
@media(max-width:760px){
 .topbar{gap:10px;padding:12px 16px}
 .brand{font-size:20px}.brand .mark{width:31px;height:31px;font-size:23px}
 .hero{width:calc(100% - 30px);margin:25px auto 30px;padding:42px 24px 35px;min-height:0}
 .hero h1{font-size:clamp(40px,8.5vw,60px)}
 .hero .lede{font-size:15px}
 .hero-orbit{display:none}
 .hero-meta{margin-top:40px}
 .auth-panel{margin:30px 18px;gap:20px;padding:27px 20px}
 .workspace{padding:25px 12px}
 .workspace-layout{grid-template-columns:minmax(0,1fr)}
 .sidepanel,.conversation,.tools{min-width:0}
 .workspace-head h2{font-size:35px}
 .timeline{max-height:600px}
 .message-card{padding:14px}
 .features{padding:68px 22px}
 .feature{min-height:0}
 .continuity-band{padding:70px 22px}
 .account-dialog,.registration-dialog,.cognition-dialog,.private-dialog{outline-width:2px;outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact left rail: room filter and participant settings. */
.sidepanel .archive-toggle{
 display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;
 margin:0 0 16px;cursor:pointer;color:#526b60;font-size:12px;line-height:1.3;
 white-space:normal
}
.sidepanel .archive-toggle input{
 width:16px;height:16px;min-width:16px;flex:none;margin:0;
 padding:0;accent-color:#194d4d;box-shadow:none;cursor:pointer
}
.sidepanel .archive-toggle span{display:inline;min-width:0}
.people{gap:14px}
.people .person{display:grid;grid-template-columns:30px minmax(0,1fr) 34px;align-items:center;gap:9px;min-width:0}
.people .person>div:not(.avatar){min-width:0}
.people .person .participant-name{
 display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.people .person small{overflow-wrap:anywhere;line-height:1.3}
.people .participant-settings-trigger{
 width:32px;height:32px;display:grid;place-items:center;justify-self:end;
 border:1px solid #bc8a5b;background:#fff3d9;color:#174749;border-radius:2px;
 font-size:17px;line-height:1;cursor:pointer
}
.people .participant-settings-trigger:hover{background:#e9d0a5;border-color:#174749}
.people .person .typing-dots{grid-column:2;grid-row:auto}
.people .person>button.tiny{grid-column:2/-1;font-size:10px}
.participant-settings-overlay{
 position:fixed;inset:0;z-index:120;
 display:flex;align-items:center;justify-content:center;
 padding:18px;background:#153b3cba;backdrop-filter:blur(4px)
}
.participant-settings-overlay[hidden]{display:none}
.participant-settings-dialog{
 width:min(440px,100%);max-height:min(650px,90vh);
 display:flex;flex-direction:column;overflow:hidden;
 background:#fae9c7;border:3px solid #19494a;border-radius:2px;
 outline:3px solid #ddb77b;outline-offset:3px;
 box-shadow:10px 14px 0 #4a2b2452;color:#193f41
}
.participant-settings-head{
 display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
 padding:23px 25px 17px;background:#f3ddb4;border-bottom:1px solid #cba572
}
.participant-settings-head small{color:#a64b35;font-size:10px;font-weight:800;letter-spacing:.13em}
.participant-settings-head h2{font:800 31px/1.15 Georgia,serif;overflow-wrap:anywhere;margin:7px 0 5px}
.participant-settings-head .hint{margin:0}
.participant-settings-actions{display:grid;gap:10px;overflow-y:auto;padding:23px 25px 27px}
.participant-settings-actions:empty:after{content:"No actions available";font-size:13px;color:#68776b}
.participant-settings-action{
 display:block;width:100%;padding:13px 15px;text-align:left;
 background:#fff3d9;color:#174749;border:1px solid #bc8a5b;border-radius:2px;
 font-size:13px;font-weight:750;white-space:normal;cursor:pointer
}
.participant-settings-action:hover{background:#e8cfa3;border-color:#174749}
.participant-settings-action:disabled{opacity:.5;cursor:wait}
@media(max-width:760px){
 .participant-settings-head{padding:19px 17px 15px}
 .participant-settings-actions{padding:17px}
 .people .person{grid-template-columns:30px minmax(0,1fr) 34px}
}