*{box-sizing:border-box}html,body,#root{color:#f6f7fb;background:#090a0d;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.app-shell{background:#090a0d;max-width:520px;min-height:100svh;margin:0 auto;position:relative}.app-content{padding-bottom:92px}.screen{min-height:100svh;padding:0 20px 110px}.topbar,.subbar{border-bottom:1px solid #15171d;align-items:center;gap:10px;height:62px;display:flex}.topbar>span:nth-child(2),.subbar strong{letter-spacing:-.02em;font-weight:700}.brand-mark{background:#8058ff;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.connection-dot{background:#555a66;border-radius:999px;width:7px;height:7px;margin-left:auto}.connection-dot[data-online=true]{background:#37d67a}.subbar{justify-content:space-between}.subbar button{color:#f6f7fb;background:0 0;border:0;margin-left:-6px;padding:6px}.subbar svg{width:21px}.hero-copy{padding:30px 0 24px}.hero-copy.compact{padding-bottom:20px}.hero-copy h1,.detail-screen h1,.profile-hero h1{letter-spacing:-.045em;margin:0;font-size:30px;line-height:1.08}.hero-copy p,.deadline-copy,.profile-hero p{color:#8e94a3;margin:9px 0 0}.hero-copy strong{color:#a88cff}.score-line{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.eyebrow{color:#777e8f;text-transform:uppercase;letter-spacing:.1em;font-size:12px;display:block}.score{letter-spacing:-.06em;color:#8a63ff;font-size:58px;line-height:1;display:block}.score-badge{color:#9b7bff;background:#121019;border:1px solid #30265a;border-radius:18px;place-items:center;width:54px;height:54px;display:grid}.score-track{background:#181a20;border-radius:999px;height:5px;margin:11px 0 18px;overflow:hidden}.score-track span{border-radius:inherit;background:#8a63ff;height:100%;display:block}.mini-stats{border-bottom:1px solid #17191f;grid-template-columns:repeat(3,1fr);padding:2px 0 28px;display:grid}.mini-stats div{flex-direction:column;gap:3px;display:flex}.mini-stats b{letter-spacing:-.03em;font-size:18px}.mini-stats span{color:#747b8a;font-size:12px}.section-head{justify-content:space-between;align-items:center;padding:25px 0 10px;display:flex}.section-head h2,.detail-screen h2{letter-spacing:-.02em;margin:0;font-size:17px}.text-action{color:#a88cff;background:0 0;border:0;align-items:center;gap:5px;padding:6px 0;display:flex}.commitment-list,.referee-list{flex-direction:column;display:flex}.commitment-row,.referee-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #181a20;align-items:center;gap:12px;padding:17px 0;display:flex}.commitment-main{flex:1;min-width:0}.commitment-main strong,.referee-row strong{font-size:15px;line-height:1.25;display:block}.commitment-main span,.referee-row span{color:#7e8594;align-items:center;gap:5px;margin-top:6px;font-size:12px;display:flex}.stake{color:#f4c54c;align-items:center;gap:4px;font-weight:700;display:flex}.row-arrow,.referee-row>svg{color:#5d6471}.primary-action{color:#fff;width:100%;height:54px;box-shadow:none;background:#7c50ff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-weight:800;display:flex}.primary-action:disabled{opacity:.35}.primary-action.sticky{margin-top:28px;position:sticky;bottom:96px}.bottom-nav{width:min(520px,100%);height:82px;padding:10px 14px max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#090a0df5;border-top:1px solid #181a20;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#656b79;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.bottom-nav button.active{color:#a486ff}.steps{grid-template-columns:repeat(4,1fr);padding:24px 0 28px;display:grid;position:relative}.steps:before{content:"";background:#242730;height:1px;position:absolute;top:36px;left:12%;right:12%}.steps div{z-index:1;color:#5f6572;flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:relative}.steps i{background:#15171d;border:1px solid #272a33;border-radius:999px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.steps div.active{color:#d8ccff}.steps div.active i{color:#fff;background:#7c50ff;border-color:#7c50ff}.form-stage{min-height:440px}.form-stage label{color:#b8bdc7;margin:0 0 9px;font-size:13px;display:block}.form-stage label span{color:#626875}.form-stage textarea,.date-input{color:#fff;resize:none;background:#111318;border:1px solid #242731;border-radius:16px;outline:none;width:100%;padding:16px}.form-stage textarea{min-height:120px;font-size:18px;line-height:1.35}.form-stage .secondary-input{min-height:132px;margin-bottom:22px;font-size:15px}.form-stage textarea:focus,.date-input:focus{border-color:#7654d8}.field-note{color:#737a88;margin:14px 2px;font-size:13px;line-height:1.5}.stake-display{color:#f2c34d;background:#111318;border:1px solid #252832;border-radius:18px;justify-content:center;align-items:center;gap:14px;height:126px;display:flex}.stake-display strong{color:#fff;letter-spacing:-.05em;font-size:52px}.stake-options{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.stake-options button{color:#9ea4af;background:#12141a;border:1px solid #22252d;border-radius:12px;height:42px}.stake-options button.selected{color:#fff;background:#181329;border-color:#7c50ff}.choice{color:#fff;text-align:left;background:#111318;border:1px solid #252832;border-radius:17px;grid-template-columns:34px 1fr 24px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:16px;display:grid}.choice>svg:first-child{color:#9f82ff}.choice>svg:last-child{opacity:0}.choice.selected{background:#151224;border-color:#7755e4}.choice.selected>svg:last-child{opacity:1;color:#a88cff}.choice span{flex-direction:column;gap:4px;display:flex}.choice small{color:#7d8492;line-height:1.35}.detail-screen{padding-bottom:36px}.detail-status{color:#61d99a;letter-spacing:.08em;border:1px solid #24583c;border-radius:7px;margin-top:28px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.detail-screen h1{max-width:360px;margin-top:15px;font-size:30px}.countdown{color:#9a73ff;letter-spacing:-.055em;margin-top:14px;font-size:52px;font-weight:800}.detail-rule{background:#181a20;height:1px;margin:24px 0}.detail-facts{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}.detail-facts span{color:#727986;margin-bottom:7px;font-size:12px;display:block}.detail-facts strong{align-items:center;gap:6px;display:flex}.detail-screen h2{margin:20px 0 8px}.progress-list{border-top:1px solid #181a20}.progress-row{color:#747b88;align-items:center;gap:12px;padding:15px 0;display:flex}.progress-row i{border:1px solid #383c47;border-radius:999px;place-items:center;width:19px;height:19px;font-style:normal;display:grid}.progress-row:has(svg){color:#cfd3db}.progress-row:has(svg) i{color:#07150d;background:#29b96a;border-color:#29b96a}.progress-row.active{color:#f2f3f7}.progress-row.active i{background:#8a63ff;border-color:#8a63ff;box-shadow:0 0 0 5px #171222}.referee-row{gap:13px}.avatar,.profile-avatar{color:#d9dce4;background:#1a1d24;border:1px solid #2a2e38;place-items:center;font-weight:800;display:grid}.avatar{border-radius:13px;width:38px;height:38px}.referee-row>div:nth-child(2){flex:1}.profile-hero{text-align:center;padding:38px 0 30px}.profile-avatar{border-radius:24px;width:72px;height:72px;margin:0 auto 18px;font-size:27px}.profile-hero h1{font-size:28px}.profile-score{border-bottom:1px solid #181a20;padding:18px 0 25px}.profile-score>span{color:#7d8492;font-size:12px}.profile-score>strong{color:#8f69ff;letter-spacing:-.06em;font-size:54px;display:block}.profile-list>div{border-bottom:1px solid #181a20;justify-content:space-between;padding:18px 0;display:flex}.profile-list span{color:#7e8593}.profile-list b{font-size:15px}@media (width>=700px){body{background:#050608;padding:28px}.app-shell{border:1px solid #1d2028;border-radius:28px;min-height:calc(100svh - 56px);overflow:hidden}.screen{min-height:calc(100svh - 56px)}.bottom-nav{border-radius:0 0 28px 28px;bottom:28px}}.empty-state{color:#737a88;border-bottom:1px solid #181a20;padding:26px 0;font-size:14px;line-height:1.5}.referee-copy{flex:1;min-width:0}.referee-actions button{color:#dfe2e8;background:#14161b;border:1px solid #2b2e37;border-radius:10px;height:34px;padding:0 12px;font-size:12px;font-weight:700}.referee-actions button:first-child{color:#c8b8ff;background:#181329;border-color:#5f46b8}.referee-actions small{color:#717886;text-transform:capitalize}.referee-row-live .avatar{flex:none}.state-screen{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-height:100svh;display:flex}.state-screen h1{letter-spacing:-.04em;margin:8px 0 0;font-size:30px}.state-screen p{color:#7e8594;max-width:320px;margin:0;line-height:1.5}.app-banner{color:#d8c3db;background:#171117;border:1px solid #46324c;border-radius:12px;align-items:flex-start;gap:12px;margin:12px 20px 0;padding:12px 14px;font-size:13px;display:flex}.app-banner button{color:#9b859f;background:0 0;border:0;margin-left:auto;font-size:20px;line-height:1}.production-form{padding-top:28px}.production-form label{margin-top:18px}.evidence-box{border-top:1px solid #181a20;margin-top:24px;padding-top:22px}.evidence-box label{color:#b8bdc7;margin-bottom:9px;font-size:13px;display:block}.evidence-box textarea{color:#fff;resize:none;background:#111318;border:1px solid #242731;border-radius:16px;outline:none;width:100%;min-height:126px;padding:16px}.empty-state{color:#707786;padding:22px 2px;font-size:14px;line-height:1.5}.referee-row-live{align-items:flex-start}.referee-copy{flex:1}.referee-actions{gap:8px;margin-top:10px;display:flex}.referee-actions button{color:#d6dae2;background:#12141a;border:1px solid #292d37;border-radius:10px;padding:7px 10px}.referee-actions button:first-child{color:#d9ceff;border-color:#6545c7}