:root{--ink:#191a1c;--muted:#85837d;--paper:#f3f0e9;--cream:#e9e3d8;--orange:#ff5c35;--yellow:#f4d35e;--line:rgba(25,26,28,.13);--green:#9be28f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif}.app-shell{min-height:100vh;overflow:hidden}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5vw;gap:32px}.brand-mark{font-weight:700;letter-spacing:-.06em;font-size:19px;display:flex;align-items:center;gap:10px}.brand-mark small{font-size:9px;letter-spacing:.13em;color:var(--orange);vertical-align:top;margin-left:3px}.brand-icon{font-size:27px;color:var(--orange)}.session-pill{margin-left:auto;font:500 11px 'DM Mono',monospace;letter-spacing:.04em;color:var(--muted)}.live-dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px;box-shadow:0 0 0 5px rgba(255,92,53,.12)}button{font:inherit;border:0;cursor:pointer;color:inherit}.ghost-button,.close-host{background:transparent;border:1px solid var(--line);padding:11px 15px;border-radius:4px;font-size:12px}.ghost-button span{color:var(--orange);margin-left:10px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 80px)}.student-view{padding:10vh 7vw 6vh 10vw;max-width:980px}.eyebrow,.rail-label,.panel-header,.law-top,.ai-kicker{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}.hero-copy{margin:42px 0 42px}.hero-copy h1,.host-heading h1{font-size:clamp(60px,7vw,104px);line-height:.88;letter-spacing:-.09em;margin:0;font-weight:600}.hero-copy h1 em,.host-heading h1 em{color:var(--orange);font-style:normal}.hero-copy p,.host-heading p{color:var(--muted);font-size:16px;margin-top:25px;max-width:390px;line-height:1.5}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:700px}.mood-card{background:rgba(255,255,255,.28);border:1px solid var(--line);border-radius:5px;text-align:left;padding:17px 17px 15px;min-height:125px;transition:.2s}.mood-card:hover,.mood-card.selected{background:var(--yellow);border-color:var(--ink);transform:translateY(-2px)}.mood-card span{display:block;font-size:25px;margin-bottom:15px}.mood-card strong,.mood-card small{display:block}.mood-card strong{font-size:14px}.mood-card small{font-size:11px;color:var(--muted);margin-top:4px}.mood-card.selected small{color:#656052}.action-row{display:flex;align-items:center;justify-content:space-between;max-width:700px;margin-top:25px}.privacy-note{color:var(--muted);font-size:11px}.privacy-note span{color:var(--green);margin-right:6px}.primary-button{background:var(--ink);color:var(--paper);padding:14px 19px;border-radius:3px;font-size:12px}.primary-button span{color:var(--yellow);margin-left:20px}.side-rail{border-left:1px solid var(--line);padding:52px 36px;background:rgba(232,225,213,.42)}.run-list{margin-top:20px}.run-item{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--muted)}.run-item.active{color:var(--ink)}.run-number{font:500 10px 'DM Mono',monospace;color:var(--orange)}.run-item div{flex:1}.run-item strong,.run-item small{display:block}.run-item strong{font-size:13px}.run-item small{font-size:10px;margin-top:4px}.check{font-size:12px;color:var(--orange)}.law-card{background:var(--orange);padding:22px;margin-top:45px;color:var(--ink)}.law-top{color:#722b1e;display:flex;justify-content:space-between}.law-card h2{font-size:25px;line-height:1.05;letter-spacing:-.05em;margin:30px 0 14px}.law-card p{font-size:12px;line-height:1.45;max-width:240px}.law-footer{border-top:1px solid rgba(25,26,28,.25);margin-top:24px;padding-top:12px;font:500 10px 'DM Mono',monospace;display:flex;justify-content:space-between}.quote-card{padding:34px 0}.quote-mark{font-size:40px;color:var(--orange)}.quote-card p{font-size:14px;line-height:1.3;max-width:240px;margin:0 0 17px}.quote-card small{font:500 9px 'DM Mono',monospace;color:var(--muted)}.hidden{display:none!important}.host-view{padding:7vh 9vw}.host-heading{display:flex;justify-content:space-between;align-items:flex-end}.host-heading h1{margin-top:25px}.host-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:55px}.pulse-panel,.ai-panel,.next-panel{border:1px solid var(--line);padding:26px;background:rgba(255,255,255,.22)}.panel-header{display:flex;justify-content:space-between}.mono{font:10px 'DM Mono',monospace;color:var(--muted)}.bar-row{margin-top:27px}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:13px}.bar-row strong{font:500 12px 'DM Mono',monospace}.bar{height:8px;background:var(--cream);margin-top:9px}.bar i{display:block;height:100%;background:var(--orange)}.bar-row:nth-child(3) i{background:var(--yellow)}.ai-panel{background:var(--ink);color:var(--paper)}.ai-kicker{color:var(--yellow)}.ai-panel h2{font-size:29px;letter-spacing:-.06em;line-height:1.05;margin:42px 0 16px}.ai-panel p{color:#aaa89f;font-size:13px;line-height:1.45}.prompt-card{background:#2a2b2b;padding:17px;font-size:13px;line-height:1.4;margin-top:21px}.prompt-card button{float:right;background:transparent;color:var(--yellow);font-size:11px}.secondary-button{margin-top:25px;background:transparent;color:var(--paper);border:1px solid #565752;padding:11px 14px;font-size:11px}.next-panel{grid-column:1 / -1}.next-activity{display:flex;align-items:center;gap:20px;margin-top:18px}.next-activity>span{font:500 20px 'DM Mono',monospace;color:var(--orange)}.next-activity div{flex:1}.next-activity h3{font-size:22px;margin:0}.next-activity p{font-size:12px;color:var(--muted);margin:5px 0 0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:16px 20px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.16)}.toast span{color:var(--yellow);margin-left:20px}@media(max-width:850px){.topbar{padding:0 22px}.session-pill{display:none}.main-grid{display:block}.student-view{padding:55px 22px}.side-rail{border-left:0;padding:42px 22px}.mood-grid{grid-template-columns:repeat(2,1fr)}.host-view{padding:45px 22px}.host-heading{display:block}.close-host{margin-top:25px}.host-grid{grid-template-columns:1fr;margin-top:35px}.next-panel{grid-column:auto}.hero-copy{margin:35px 0}.action-row{align-items:flex-end}.privacy-note{max-width:140px;line-height:1.4}}
:root{--ink:#191a1c;--muted:#85837d;--paper:#f3f0e9;--cream:#e9e3d8;--orange:#ff5c35;--yellow:#f4d35e;--line:rgba(25,26,28,.13);--green:#9be28f}