.app{min-height:100dvh;display:grid}@media (min-width:960px){.app{grid-template-columns:252px minmax(0,1fr)}}.app-rail{z-index:20;border-bottom:1px solid var(--line);background:var(--scrim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;display:flex;position:sticky;top:0}@media (min-width:960px){.app-rail{border-right:1px solid var(--line);background:radial-gradient(120% 40% at 0% 0%, rgba(var(--beam), .07), transparent 60%), var(--bg-1);border-bottom:0;flex-flow:column;align-items:stretch;height:100dvh;padding:22px 16px 16px}}.app-rail>.mark{padding:2px 6px}.rail-team{display:none}@media (min-width:960px){.rail-team{border:1px solid var(--line-2);background:var(--bg-2);border-radius:10px;align-items:center;gap:11px;margin:18px 0 14px;padding:10px;display:flex}}.rail-team-badge{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);font-family:var(--font-display);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);flex-shrink:0;place-items:center;font-size:19px;font-weight:800;display:grid}.rail-team b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.rail-team small,.rail-user small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.rail-team>div,.rail-user-text{min-width:0}.app-nav{order:3;gap:4px;width:100%;display:flex;overflow-x:auto}@media (min-width:960px){.app-nav{flex-direction:column;order:0;overflow:visible}}.app-nav a{color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:11px;padding:9px 12px;font-size:14.5px;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.app-nav a:hover{color:var(--text);background:var(--bg-2)}.app-nav a.on{color:var(--text);background:var(--bg-3)}.app-nav a.on:before{content:"";background:var(--accent);width:4px;position:absolute;top:8px;bottom:8px;left:-2px;transform:skewY(-20deg)}.app-nav a.on svg{color:var(--accent)}.app-nav-ext small{color:var(--faint);margin-left:auto}@media (min-width:960px){.app-nav-ext{border-top:1px solid var(--line);margin-top:12px;border-radius:0 0 8px 8px!important;padding-top:14px!important}}.rail-user{align-items:center;gap:10px;margin-left:auto;display:flex}@media (min-width:960px){.rail-user{border-top:1px solid var(--line);margin:auto 0 0;padding:12px 8px 4px}}.rail-user-text{flex:1;display:none}@media (min-width:960px){.rail-user-text{display:block}}.rail-user-text b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;display:block;overflow:hidden}.rail-avatar{background:var(--bg-3);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--line-3);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.rail-out{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.rail-out:hover{color:var(--danger);background:var(--danger-soft)}.app-main{background:radial-gradient(60% 30% at 70% 0%, rgba(var(--beam), .06), transparent 70%), var(--bg);min-width:0}.page{max-width:1280px;animation:page-in .5s var(--ease-out) backwards;padding:28px 16px 64px}@media (min-width:700px){.page{padding:40px 36px 80px}}.page.narrow{max-width:900px}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-head{margin-bottom:26px}.page-kicker{color:var(--muted);font-size:14px;font-weight:500}.page-title{font-family:var(--font-heading);letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(36px,4.6vw,54px);font-weight:700;line-height:1.05}.page-title em{color:var(--accent);font-style:normal}.page-sub{color:var(--muted);margin:10px 0 0}.welcome{margin-bottom:22px}.small{font-size:13px}.check-row{align-items:start;gap:16px;margin-top:28px;display:grid}@media (min-width:900px){.check-row{grid-template-columns:repeat(2,minmax(0,1fr))}.check-row>:last-child{grid-column:1/-1}}@media (min-width:1400px){.check-row{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.3fr)}.check-row>:last-child{grid-column:auto}}.panel{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-1);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;display:flex}.panel-head h2{font-family:var(--font-heading);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:700}.panel-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:11px}.panel-empty{color:var(--muted);margin:0;padding:16px}.captain{border-left:3px solid var(--accent);background:radial-gradient(80% 100% at 100% 0%, rgba(var(--accent-rgb), .1), transparent 60%), var(--bg-1)}.captain-body{align-items:center;gap:14px;padding:14px 16px 6px;display:flex}.captain-body img{filter:drop-shadow(0 8px 10px #00000073)}.captain-name{font-family:var(--font-heading);font-size:32px;font-weight:700;line-height:1}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:8px 8px 14px;display:grid}.stat-row div{padding:6px 8px}.stat-row dt{color:var(--muted);font-size:11.5px}.stat-row dd{font-family:var(--font-display);margin:2px 0 0;font-size:22px;font-weight:800}.look-row{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;display:grid}.look-row:last-child{border-bottom:0}.look-row img{object-fit:contain}.look-text b{font-weight:600;display:block}.look-text small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.fdr{gap:3px;padding:12px;font-size:11.5px;display:grid}.fdr-row{grid-template-columns:minmax(70px,1.3fr) repeat(5,minmax(0,1fr));align-items:center;gap:3px;display:grid}.fdr-row.head span{font-family:var(--font-mono);color:var(--faint);text-align:center;font-size:10px}.fdr-row.head span:first-child{text-align:left}.fdr-row.is-bench{opacity:.6}.fdr-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.fdr-cell{font-family:var(--font-mono);text-align:center;border-radius:4px;padding:4px 2px;font-weight:600;position:relative}.fdr-cell sup{margin-left:1px;font-size:8px}.setting{border-top:1px solid var(--line);gap:16px;padding:26px 0;display:grid}@media (min-width:760px){.setting{grid-template-columns:260px minmax(0,1fr);gap:32px}}.setting-label h2{font-family:var(--font-heading);margin:0;font-size:22px;font-weight:700}.setting-label p{color:var(--muted);margin:6px 0 0;font-size:14px}.setting-list{border:1px solid var(--line-2);border-radius:10px;margin:0 0 16px;display:grid;overflow:hidden}.setting-list div{background:var(--bg-1);justify-content:space-between;gap:16px;padding:12px 16px;display:flex}.setting-list div+div{border-top:1px solid var(--line)}.setting-list dt{color:var(--muted)}.setting>*{min-width:0}.setting-list dt{flex-shrink:0}.setting-list dd{overflow-wrap:anywhere;text-align:right;min-width:0;margin:0}.setting:only-child .setting-list,.setting>.setting-list{margin-bottom:0}.usage-top{color:var(--muted);margin-bottom:10px}.usage-top b{color:var(--text);font-family:var(--font-display);font-size:26px}.usage-bar{background:var(--bg-3);border-radius:99px;height:8px;overflow:hidden}.usage-bar i{background:linear-gradient(90deg, var(--accent), var(--accent-hover));height:100%;display:block}.setting.danger .setting-label h2{color:var(--danger)}.danger-confirm{max-width:420px}.row-actions{flex-wrap:wrap;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.page{animation:none}}.demo-bar{z-index:20;border-bottom:1px solid var(--line);background:var(--scrim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:14px;padding:12px 16px;display:flex;position:sticky;top:0}@media (min-width:700px){.demo-bar{padding:14px 36px}}.demo-plate{background:var(--warn);color:#1d1300;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;transform:skewX(var(--skew));padding:2px 10px;font-size:13px;font-weight:800}.demo-bar-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.demo-bar .btn{height:40px;padding:0 18px;font-size:15px}.nav-quiet{font-family:var(--font-sans);color:var(--muted);font-size:15px;font-weight:500;display:none}.nav-quiet:hover{color:var(--text)}@media (min-width:640px){.nav-quiet{display:inline}}.demo .page{margin-inline:auto}@media (max-width:420px){.demo-bar .wordmark{display:none}}.dugout-skel{gap:22px;display:grid}@media (min-width:1180px){.dugout-skel{grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr)}}