:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--bg:#f5f5f0;--panel:#fffefa;--ink:#17201d;--muted:#58635d;--line:#d9ded6;--accent:#216b55;--accent-ink:#fff;--shade:#e9eee7;--danger:#9b312b}
:root[data-theme=dark]{color-scheme:dark;--bg:#121715;--panel:#1c2420;--ink:#e9efe7;--muted:#a5b4a9;--line:#34413a;--accent:#9dd0b5;--accent-ink:#15231b;--shade:#26342c;--danger:#ed9c92}
.brand-mark{display:block;width:30px;height:30px;flex:none;object-fit:contain}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:.18em}a:hover{color:var(--accent)}.site-header,.site-footer{max-width:1180px;margin:auto;padding:1rem clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header{border-bottom:1px solid var(--line)}.site-header nav{display:flex;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:750;letter-spacing:-.05em;font-size:1.2rem;text-decoration:none}.brand img{display:block}.site-footer{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);margin-top:4rem}.shell{max-width:1120px;margin:auto;padding-left:clamp(1rem,4vw,3rem);padding-right:clamp(1rem,4vw,3rem)}.hero{padding-top:clamp(4rem,10vw,8rem);padding-bottom:clamp(4rem,9vw,7rem)}.eyebrow{letter-spacing:.18em;font-size:.72rem;font-weight:800;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.7rem,7.5vw,6.8rem);letter-spacing:-.07em;line-height:1.02}h2{letter-spacing:-.04em;line-height:1.15}.hero h1{max-width:900px}.hero em{font-style:normal;color:var(--accent)}.lede{font-size:clamp(1.1rem,2vw,1.35rem);max-width:650px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 1rem}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:.75rem 1.1rem;border:1px solid var(--line);font-weight:700;min-height:44px}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button.secondary{background:var(--panel)}.button:hover{filter:brightness(.94)}.quiet{border:0;background:transparent;color:var(--muted);padding:.55rem;border-radius:8px}.quiet:hover{background:var(--shade);color:var(--ink)}.fine,.muted{color:var(--muted)}.fine{font-size:.84rem;max-width:700px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:5rem}.details article,.plan,.new-room,.rooms-list article{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.5rem}.details h2{font-size:1.3rem;margin:.8rem 0}.details p,.plan p{color:var(--muted);margin-bottom:0}.step{font-size:.8rem;color:var(--accent);font-weight:800}.plans{padding-bottom:4rem}.plans h2{font-size:clamp(2rem,4vw,3rem);max-width:620px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.plan.featured{border-color:var(--accent)}.plan h3{font-size:1.25rem}.plan strong{display:block;font-size:2rem;letter-spacing:-.05em;margin-bottom:1rem}.plan small{font-size:.85rem;letter-spacing:0;color:var(--muted)}.auth{max-width:560px;padding-top:5rem;padding-bottom:4rem}.auth h1,.app-shell h1,.prose h1{font-size:clamp(2.2rem,5vw,3.6rem)}.auth>p,.prose p{color:var(--muted)}form label,.new-room>label{display:block;font-weight:650;margin:1.1rem 0}input:not([type=radio]):not([type=file]),select,textarea{display:block;width:100%;margin-top:.45rem;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.form-status{color:var(--danger);min-height:1.2em;margin-top:1rem}.app-shell{padding-top:3rem;padding-bottom:4rem}.page-top{display:flex;justify-content:space-between;gap:1rem;align-items:start}.new-room{max-width:700px;margin-top:1rem}.new-room h2{margin-bottom:.3rem}.new-room p{color:var(--muted)}.plan-select{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}.plan-select label{border:1px solid var(--line);border-radius:10px;padding:.75rem;cursor:pointer}.list-title{margin-top:3rem}.rooms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.rooms-list article{padding:1.1rem}.rooms-list h3{font-size:1rem;margin-bottom:.4rem}.rooms-list p{font-size:.87rem;color:var(--muted);margin:.25rem 0}.rooms-list a{display:inline-block;margin-top:.7rem;font-weight:700}.room-shell{max-width:760px;margin:auto;padding:1rem clamp(1rem,3vw,2rem) 4rem}.room-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.83rem;color:var(--muted)}.room-intro{text-align:center;border-bottom:1px solid var(--line);padding:2rem 0 1.2rem}.room-intro h1{font-size:1.5rem;letter-spacing:-.04em;margin-bottom:.2rem}.messages{min-height:220px;padding:1.4rem 0;display:flex;flex-direction:column;gap:.85rem}.message{max-width:88%;align-self:flex-start;padding:.7rem .85rem;border-radius:13px;background:var(--panel);border:1px solid var(--line);overflow-wrap:anywhere}.message.own{align-self:flex-end;background:var(--shade)}.message p{margin:0;white-space:pre-wrap}.message time{display:block;font-size:.68rem;color:var(--muted);margin-top:.45rem}.message .media-action{border:0;background:none;padding:.2rem 0;color:var(--accent);font-weight:700}.message audio{max-width:100%;display:block}.veiled .message p,.veiled .message .media-action,.veiled .message audio{filter:none;opacity:.58;user-select:none}.composer{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:1rem 0}.composer textarea{resize:vertical;margin:0}.composer-actions{display:flex;align-items:center;gap:.7rem;justify-content:flex-end;margin-top:.5rem}.file-button{cursor:pointer;color:var(--accent);margin-right:auto}.room-bottom{border-top:1px solid var(--line);padding-top:1.4rem}.danger{color:var(--danger);background:transparent;border:1px solid var(--danger);padding:.5rem .8rem;border-radius:9px}.prose{max-width:760px;padding-top:4rem;padding-bottom:5rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){.details,.plan-grid{grid-template-columns:1fr}.hero{padding-top:4rem}.site-footer{align-items:start}.room-shell{padding-bottom:2rem}.message{max-width:94%}.site-header nav{gap:.25rem}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s ease,color .15s ease,filter .15s ease}}