:root{--void:#100817;--panel:#17101fee;--panel2:#211429f2;--line:#5b4868;--line2:#35283f;--ink:#f4ecdc;--muted:#b6a9bd;--faint:#7d6e84;--gold:#e3b45b;--gold2:#f4d79d;--purple:#8c67a1;--sage:#93ad91;--rest:#857a89;--danger:#c58b8b;--shadow:0 22px 70px #050208aa}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);font-family:"Segoe UI",system-ui,sans-serif;background:var(--void);overflow-x:hidden}.backdrop{position:fixed;inset:0;background-image:linear-gradient(180deg,#0c0710aa,#150a20d9 58%,#09050dde),url('/static/background');background-size:cover;background-position:center;z-index:-2}.backdrop:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 26px,#fff 27px 28px);opacity:.018;mix-blend-mode:screen}.topbar{height:76px;border-bottom:1px solid #ffffff0f;background:#120d17e9;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;position:sticky;top:0;z-index:20;box-shadow:0 8px 26px #05020877}.brand{font-family:Georgia,serif;font-weight:700;letter-spacing:.08em;font-size:23px;color:var(--gold2);white-space:nowrap}.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--sage);margin-left:10px;box-shadow:0 0 18px var(--sage)}.grace{font:600 12px/1.2 Consolas,monospace;letter-spacing:.22em;color:#baa9c1;text-transform:uppercase;text-align:center}.role{justify-self:end;display:flex;border:1px solid var(--line2);background:#0d0911;border-radius:8px;padding:3px}.role button{border:0;background:transparent;color:var(--faint);font:700 11px Consolas,monospace;letter-spacing:.12em;padding:8px 10px;border-radius:5px}.role button.active{background:#31203b;color:var(--gold2)}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 130px}.room-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:8px 0 22px}.room-head .overline{font:700 11px Consolas,monospace;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.room-head h1{font:500 clamp(42px,7vw,82px)/.95 Georgia,serif;margin:8px 0 5px;letter-spacing:-.04em}.room-head p{color:var(--muted);max-width:690px;margin:0;font-size:17px}.no-clock{font:600 11px Consolas,monospace;color:var(--sage);letter-spacing:.18em;text-transform:uppercase;border:1px solid #52644f;background:#111a12cc;padding:10px 12px;border-radius:6px;white-space:nowrap}.status-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.tab{min-height:72px;border:1px solid var(--line2);background:linear-gradient(#211729ee,#17101eee);color:#918497;border-radius:8px;box-shadow:inset 0 1px #ffffff0a,0 8px 20px #05020844;font:800 13px Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;padding:14px;position:relative}.tab small{display:block;font:500 10px Consolas,monospace;color:#665b6c;margin-top:7px}.tab.active{border-color:#8d6e56;color:var(--gold2);background:linear-gradient(#2e2037,#211626)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold);box-shadow:0 0 20px #e3b45b88}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:stretch;background:linear-gradient(180deg,#211629f5,#17101ef5);border:1px solid #493654;border-radius:10px;padding:12px;box-shadow:var(--shadow);margin-bottom:24px}.kind{border:1px solid #493b51;background:#0e0912;color:var(--gold2);border-radius:6px;padding:0 12px;font:700 11px Consolas,monospace;letter-spacing:.08em}.composer textarea{resize:none;min-height:58px;max-height:150px;border:1px solid #3b2d44;background:#0b080e;color:var(--ink);border-radius:6px;padding:17px 18px;font-size:16px;outline:none}.composer textarea:focus{border-color:#9674a8;box-shadow:0 0 0 3px #8c67a122}.send{border:1px solid #f0ca7b;background:linear-gradient(#f0bf62,#ca8f2d);color:#221325;border-radius:6px;padding:0 23px;font:900 12px Consolas,monospace;letter-spacing:.12em;box-shadow:inset 0 1px #fff7,0 5px 16px #0008}.send:hover{filter:brightness(1.07)}.microcopy{grid-column:2/3;font:500 10px Consolas,monospace;letter-spacing:.15em;color:#796e7e;text-transform:uppercase;padding:0 4px 2px}.panel{display:none}.panel.active{display:block}.feed{display:grid;gap:14px}.post{border:1px solid var(--line2);background:linear-gradient(125deg,#1d1425f2,#130e19f5);border-radius:10px;padding:19px 21px;box-shadow:0 16px 38px #05020855;position:relative;overflow:hidden}.post:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--purple)}.post[data-status="haslife"]:before{background:var(--sage)}.post[data-status="alongside"]:before{background:var(--gold)}.post[data-status="resting"]:before{background:var(--rest)}.post-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.badge{font:800 10px Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}.post h2{font:500 25px Georgia,serif;margin:0;color:#f7eedf}.post .who{font:600 11px Consolas,monospace;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.post p{color:#c9becd;margin:12px 0 15px;max-width:830px}.post .first{border-left:2px solid #745b81;padding:5px 0 5px 13px;color:#a99bb0;font-size:14px}.post-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.post-actions button,.quiet-btn{border:1px solid #4b3b54;background:#110c16;color:#b8aabc;border-radius:6px;padding:9px 11px;font:700 10px Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.post-actions button:hover,.quiet-btn:hover{color:var(--gold2);border-color:#9471a5}.post-actions button.selected{border-color:var(--gold);color:var(--gold2);background:#2b1e32}.media{margin-top:16px;background:#0b080e;border:1px solid #34273c;border-radius:8px;padding:10px}.media video{display:block;width:min(560px,100%);border-radius:5px}.empty{text-align:center;padding:80px 20px;border:1px dashed #4b3a55;background:#130e18aa;border-radius:10px;color:#87798d;font:600 12px Consolas,monospace;letter-spacing:.18em;text-transform:uppercase}.work-grid,.library-grid,.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.module{border:1px solid var(--line2);background:#17101eee;border-radius:10px;padding:22px;box-shadow:0 12px 30px #05020844}.module h2{font:500 27px Georgia,serif;margin:0 0 8px}.module p{color:var(--muted);margin:7px 0}.module .label{font:800 10px Consolas,monospace;color:var(--gold);letter-spacing:.15em;text-transform:uppercase}.module a{color:var(--gold2)}.boundary{grid-column:1/-1;background:#211429f2}.credits{font-size:12px;color:#7f7384;border-top:1px solid #3a2c42;margin-top:18px;padding-top:15px}.bottom-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;background:#18101feb;border:1px solid #493753;border-radius:13px;padding:7px;box-shadow:0 20px 60px #000b;z-index:30;backdrop-filter:blur(14px)}.nav-btn{width:130px;min-height:58px;border:0;background:transparent;color:#766a7c;border-radius:8px;font:700 10px Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.nav-btn span{display:block;font:500 20px Georgia,serif;margin-bottom:2px;color:#8d7f93}.nav-btn.active{background:#2b1d33;color:var(--gold)}.nav-btn.active span{color:var(--gold2)}.toast{position:fixed;right:22px;bottom:105px;background:#201527;border:1px solid #6c5278;color:var(--ink);padding:13px 15px;border-radius:7px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:50}.toast.show{opacity:1;transform:none}.intro{position:fixed;inset:0;background:#09050ddf;display:none;place-items:center;padding:20px;z-index:60}.intro.open{display:grid}.intro-card{max-width:600px;background:#1a1121;border:1px solid #5e4869;border-radius:12px;padding:28px;box-shadow:0 30px 100px #000}.intro-card h2{font:500 38px Georgia,serif;margin:0 0 10px}.intro-card p{color:var(--muted)}.intro-card button{float:right}.link-field{width:100%;margin-top:8px;background:#0b080e;border:1px solid #3b2d44;color:var(--ink);border-radius:6px;padding:10px;display:none}.link-field.open{display:block}@media(max-width:820px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:70px;padding:13px 16px}.grace{grid-column:1/-1;grid-row:2;margin-top:7px}.brand{font-size:18px}.role button{padding:7px}.room-head{align-items:start;flex-direction:column}.status-tabs{grid-template-columns:1fr 1fr}.composer{grid-template-columns:1fr auto}.kind{grid-column:1/-1;height:42px}.microcopy{grid-column:1/-1}.work-grid,.library-grid,.why-grid{grid-template-columns:1fr}.boundary{grid-column:auto}.bottom-nav{width:calc(100% - 20px);bottom:10px}.nav-btn{width:25%;min-width:0}.nav-btn span{font-size:16px}main{padding-bottom:110px}.post-head{flex-direction:column}.post .who{white-space:normal}.no-clock{white-space:normal}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.reply.child{margin-left:24px}.login-screen{position:fixed;inset:0;z-index:100;background:#100817f5;display:grid;place-items:center;padding:20px}.login-screen[hidden]{display:none}.login-card{width:min(430px,100%);background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:28px;box-shadow:var(--shadow)}.login-card h1{font:500 38px Georgia,serif;margin:8px 0}.login-card label{display:block;color:var(--muted);margin:14px 0 5px}.login-card input,.login-card select{width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;background:#0d0911;color:var(--ink)}.remember{display:flex!important;gap:8px;align-items:center}.remember input{width:auto}.identity{justify-self:end;text-align:right;color:var(--gold2);font:700 11px Consolas,monospace}.identity button{margin-left:8px}.reply-list{display:grid;gap:8px;margin:14px 0}.reply{border-left:2px solid var(--purple);padding:8px 10px;background:#120d17}.reply small{color:var(--gold)}.reply-form{display:flex;gap:8px}.reply-form input{flex:1;background:#0d0911;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:8px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.attachment-list a{color:var(--gold2)}.edit-area{width:100%;min-height:90px;background:#0d0911;color:var(--ink);border:1px solid var(--line);padding:8px}.error{color:#efaaaa;min-height:1.2em}.session-note{color:var(--muted);font-size:12px}.composer .file-row{grid-column:1/-1;color:var(--muted)}.archived{opacity:.65}.post-actions{flex-wrap:wrap}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid .module{min-width:0}.library-grid video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b080e;border-radius:6px;margin-top:14px}@media(max-width:700px){.topbar{grid-template-columns:1fr auto;height:auto;min-height:76px;padding:12px 16px}.grace{display:none}.identity{font-size:11px}.room-head{align-items:start;flex-direction:column}.library-grid{grid-template-columns:minmax(0,1fr)}.module{padding:18px}.module .label,.nav-btn,.tab small,.post-actions button,.quiet-btn{font-size:12px;line-height:1.35}.nav-btn{letter-spacing:.08em}.post-actions button,.quiet-btn{min-height:40px;padding:9px 10px}}