:root{font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif;color:#f4f2ea;background:#080c0e;font-synthesis:none;--gold:#e7b52d;--line:#30383b;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#080c0e;background-image:linear-gradient(rgba(36,48,52,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(36,48,52,.18) 1px,transparent 1px);background-size:54px 54px}button,input,textarea{font:inherit;letter-spacing:0}button,a{transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh}.topbar{height:72px;border-bottom:1px solid #30383b;background:#0e1315f5;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1500px)/2));position:sticky;top:0;z-index:20}.brand{border:0;background:none;color:#f3f1e9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}.brand svg{color:var(--gold)}nav{display:flex;align-items:center;gap:5px}nav button,.secondary{border:1px solid transparent;background:transparent;color:#b8c0bc;min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:4px}nav button:hover,.secondary:hover{border-color:#4b5659;color:#fff;background:#1a2124}.primary{border:1px solid #f0c341;background:var(--gold);color:#101414;font-weight:700;min-height:46px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:4px;box-shadow:inset 0 1px #ffffff4d}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #e7b52d2e}svg{width:18px;height:18px}.shell{width:min(1500px,calc(100% - 36px));margin:0 auto;padding:28px 0 54px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#1f2629f5,#12181af5);box-shadow:inset 0 1px #ffffff09;border-radius:5px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 9px}.hero{min-height:210px;border-bottom:1px solid #3a3424;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0 30px}.hero h1,.page-title h1,.public-title h1{font-size:clamp(42px,5vw,70px);line-height:.94;margin:0 0 14px}.hero p{font-size:20px;color:#aeb7b3;margin:0;max-width:640px}.room-list{max-width:900px;margin:32px auto}.room-list h2{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;color:#aeb5b1}.room-row{width:100%;min-height:80px;padding:16px 20px;margin-bottom:10px;color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left}.room-row:hover{border-color:#6c704d;transform:translate(2px)}.room-row strong{font-size:23px;display:block}.room-row small,.room-row em{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#9da6a1;font-style:normal}.empty{text-align:center;padding:50px;color:#9fa8a4}.empty svg{color:var(--gold);width:34px;height:34px}.access,.loading{min-height:100vh;display:grid;place-items:center;padding:24px}.access-card{width:min(570px,100%);padding:46px}.access-card h1{font-size:58px;line-height:.94;margin:0 0 20px}.access-card>p:not(.eyebrow):not(.error){font-size:19px;color:#aeb6b2;line-height:1.5}.access-card button{width:100%;margin-top:10px}.access-card .secondary{justify-content:center;border-color:#394246}.access-card small{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#8d9792}.error{color:#ff807a}.notice{position:fixed;z-index:40;top:82px;left:50%;transform:translate(-50%);background:#20282a;border:1px solid #596467;box-shadow:0 18px 50px #0008;padding:11px 12px 11px 18px;display:flex;gap:18px;align-items:center;border-radius:4px}.notice button{border:0;background:transparent;color:#fff}.page-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.counter{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--gold);font-size:18px}.room-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:16px;margin-bottom:14px}label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#9fa8a4;font-size:11px}input,textarea{width:100%;border:1px solid #3b4548;background:#0d1214;color:#fff;padding:10px;margin-top:7px;border-radius:3px;outline:none}input:focus,textarea:focus{border-color:var(--gold)}.task-editor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.task-editor{padding:13px}.task-editor>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--gold);font-size:11px}.task-editor input{font-size:19px;font-weight:700}.task-editor textarea{resize:none;height:66px;color:#b9c0bc}.editor-submit{position:sticky;bottom:0;background:linear-gradient(transparent,#080c0e 25%);padding:34px 0 12px;display:flex;justify-content:flex-end}.room-head{padding:22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.room-head h1{font-size:40px;margin:0}.room-head p:not(.eyebrow){margin:7px 0 0;color:#aeb7b3}.head-actions{display:flex;gap:8px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.team{border-top:3px solid var(--team);padding:17px}.team header{display:flex;justify-content:space-between;align-items:start}.team header p{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--team);margin:0;font-size:11px}.team h2{font-size:29px;margin:3px 0}.team header>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#9ca5a0}.team ul{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.team li{background:#101517;border:1px solid #2d3538;min-height:48px;padding:6px;display:flex;align-items:center;gap:9px}.team li svg{margin-left:auto;color:#70cf7b}.avatar{width:34px;height:34px;border:1px solid #536064;background:#242d30;display:grid;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.invite{background:#121719;color:#d3d7d3;border:1px dashed #536063;padding:8px 12px;display:flex;gap:7px;align-items:center}.control-strip{min-height:56px;border:1px solid #3e484b;background:#121719;display:flex;align-items:center;justify-content:space-between;padding:7px 12px;margin-bottom:10px}.control-strip span{display:flex;align-items:center;gap:8px}.control-strip>span>svg,.live svg{color:#5bde77}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tile{position:relative;min-height:168px;text-align:left;padding:0;border:1px solid #3b4649;background:linear-gradient(150deg,#20282b,#12181a);color:#f4f2ea;overflow:hidden;border-radius:4px;display:flex;flex-direction:column}.tile:not(:disabled):hover{border-color:var(--owner);transform:translateY(-2px);box-shadow:0 10px 28px #0008,inset 0 0 0 1px var(--owner)}.tile.claimed{border-color:var(--owner);background:linear-gradient(145deg,color-mix(in srgb,var(--owner) 16%,#1c2225),#111719)}.tile-top{min-height:54px;padding:11px 13px;background:#0d1214;border-bottom:1px solid #374043;display:flex;align-items:center;justify-content:space-between;gap:8px}.tile-top b{font-size:21px;line-height:1}.tile-top em{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--owner);font-size:10px;font-style:normal;border:1px solid var(--owner);padding:4px 6px}.tile p{font-size:17px;line-height:1.25;color:#bac1bd;margin:14px 13px;flex:1}.tile-status{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;color:#74807b;padding:0 13px 11px}.claimed .tile-status{color:var(--owner)}.public{padding-top:20px}.public-title{margin-bottom:20px}.public-title h1{font-size:46px}.live{display:flex;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#acb5b0}.profile{display:grid;place-items:center;min-height:calc(100vh - 72px)}.profile-card{padding:32px;display:flex;align-items:center;gap:20px;width:min(520px,100%)}.profile-card .avatar{width:72px;height:72px}.profile-card h1{font-size:38px;margin:0}.profile-card p:last-child{color:#aeb7b3}@media(max-width:900px){.task-editor-grid,.board{grid-template-columns:repeat(2,1fr)}.room-fields,.team-grid{grid-template-columns:1fr}.topbar{padding:0 14px}.topbar nav button{font-size:0}.topbar nav svg{width:20px;height:20px}.hero{align-items:start;flex-direction:column}.room-head{align-items:start;flex-direction:column;gap:18px}.tile{min-height:150px}}@media(max-width:520px){.shell{width:min(100% - 20px,1500px);padding-top:16px}.access-card{padding:28px 22px}.access-card h1{font-size:44px}.board{gap:5px}.tile{min-height:145px}.tile-top{padding:9px;min-height:48px}.tile-top b{font-size:17px}.tile p{font-size:15px;margin:10px 9px}.task-editor-grid{grid-template-columns:1fr}.head-actions{width:100%}.head-actions>*{flex:1}.team ul{grid-template-columns:1fr}.page-title h1{font-size:40px}}