:root{--bg: #F3EEE4;--rail: #EBE4D6;--panel: #FBF7EF;--line: #DDD4C4;--text: #1A1814;--muted: #6B6458;--ink: #1A1814;--olive: #3F5A43;--gold: #C4A574;--brand: #3F5A43;--radius: 10px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:IBM Plex Sans,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}button,input{font:inherit}a{color:var(--brand)}button{cursor:pointer}:focus-visible{outline:2px solid var(--olive);outline-offset:2px;border-radius:4px}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid var(--line);background:var(--rail);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand-mark{flex:none;width:34px;height:34px;border-radius:8px;background:var(--ink);color:var(--panel);display:grid;place-items:center;font-size:13px;font-weight:600;letter-spacing:.04em}.brand b{display:block;font-size:15px;font-weight:600}.brand small{display:block;color:var(--muted);font-size:12px}.nav{display:grid;gap:2px}.nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:500}.nav a svg{flex:none;width:20px;height:20px}.nav a:hover{background:#fbf7efbf}.nav a.router-link-exact-active{background:var(--olive);color:#fbf7ef}.who{margin-top:auto;display:block;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:12px;text-decoration:none}.who b{display:block;color:var(--text);margin-bottom:2px;font-size:13px}a.who:hover{border-color:var(--olive)}.stage{padding:32px 36px 64px;max-width:920px;width:100%}h1{margin:0 0 8px;font-size:22px;font-weight:600}.lede{margin:0 0 20px;max-width:40em;color:var(--muted);line-height:1.7}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-pad{padding:18px}.mt{margin-top:16px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.chip{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;border:1px solid var(--gold);border-radius:99px;background:transparent;color:var(--text);font-size:12.5px;font-weight:500}.chip.muted{color:var(--muted)}.hero{margin:0 0 12px}.hero .label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.hero b{display:block;color:var(--olive);font-size:clamp(40px,7vw,64px);font-weight:600;line-height:1.05;letter-spacing:-.01em}.invite{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;margin-top:20px}.invite .label{color:var(--muted);font-size:12px;margin-bottom:4px}.invite code{display:block;word-break:break-all;color:var(--text);font-family:inherit}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px}.metric{padding:16px 18px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.metric b{font-size:22px;font-weight:600}.progress{padding:16px 18px}.progress-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.progress-top .plabel{color:var(--muted);font-size:12.5px}.progress-top .pct{color:var(--olive);font-size:15px;font-weight:600}.bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:var(--olive)}.progress .note{margin:10px 0 0}.note{color:var(--muted);font-size:13px;line-height:1.6}.foot{margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:0;border-radius:8px;background:var(--ink);color:#fbf7ef;font-weight:500;text-decoration:none}.btn:hover{background:#2a2620}.btn:disabled{opacity:.55;cursor:wait}.btn.olive{background:var(--olive)}.btn.olive:hover{background:#354a38}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:transparent}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}tbody tr:last-child td{border-bottom:0}th{color:var(--muted);font-weight:500;font-size:12px}th.num,td.num{text-align:right}td.em{color:var(--olive);font-weight:600}.list{display:grid}.list .row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid var(--line)}.list .row:last-child{border-bottom:0}.row b{display:block;margin-bottom:3px;font-weight:600}.row .note{font-size:12.5px}.gate{min-height:48vh;display:grid;place-items:center}.empty{min-height:30vh;display:grid;place-items:center}.gate-card,.empty-card{width:min(100%,420px);padding:24px}.empty-card{text-align:center;color:var(--muted)}.empty-card p{margin:0}.field{display:grid;gap:6px;margin-bottom:14px}.field label{color:var(--text);font-size:13px;font-weight:500}.field input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fffdf8;color:var(--text)}.field input:focus{outline:2px solid var(--olive);outline-offset:1px;border-color:var(--olive)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(6px);padding:10px 16px;border-radius:8px;background:var(--ink);color:#fbf7ef;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.skeletons{display:grid;gap:12px}.skeletons .note{margin:0 0 4px}.sk{height:64px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);animation:pulse 1.6s ease-in-out infinite}.sk.hero-sk{height:120px}.sk.sm{height:44px;width:60%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.filter-input,.filter-select{height:40px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;color:var(--text);padding:0 12px}.filter-input{flex:1 1 240px;min-width:0}.filter-select{flex:0 0 auto}.filter-input:focus,.filter-select:focus{outline:2px solid var(--olive);outline-offset:1px;border-color:var(--olive)}.filter-reset{height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted)}.filter-reset:hover{color:var(--text);border-color:var(--gold)}.filter-summary{margin:0 0 12px}.filter-summary b{color:var(--olive);font-weight:600}td.dim{color:var(--muted)}.status{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--rail);color:var(--muted)}.status.green{background:#e3e9e1;color:var(--olive)}.status.amber{background:#f3e9d6;color:#7a5a22}.invite-top{margin-top:0;margin-bottom:20px}h2.sub{margin:0 0 10px;font-size:15px;font-weight:600}.rules-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.rules-head h2{margin:0;font-size:15px;font-weight:600}.rules-head .note{margin:0}.rules-table th[scope=row]{width:7em;color:var(--muted);font-weight:500;font-size:13px;vertical-align:top}.rules-table.kv td{white-space:normal;line-height:1.6}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media (max-width: 860px){.shell{grid-template-columns:1fr}.rail{position:static;height:auto;padding:14px 14px 12px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.brand{padding:0}.nav{order:3;flex:1 1 100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nav a{justify-content:center;gap:6px;padding:8px 6px;font-size:13px}.who{margin:0 0 0 auto;padding:8px 12px}.stage{padding:22px 16px 48px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.invite{flex-direction:column;align-items:stretch}.invite .btn{align-self:flex-start}}