:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8ecf4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#08111f;--bg-soft:#0c1728e0;--panel:#0f1c31f0;--panel-strong:#101c32;--border:#8fa8ce2e;--text:#ecf2ff;--text-soft:#9fb1cf;--accent:#69a8ff;--accent-strong:#2976ff;--success:#48d597;--warning:#ffb454;--danger:#ff7575;--shadow:0 28px 80px #00000047;--app-bg-image:none;--app-bg-position:50% 50%;--app-bg-size:100%;--app-bg-overlay:.32;background:#08111f;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#162033;--bg:#eff3fa;--bg-soft:#ffffffe0;--panel:#fffffff0;--panel-strong:#fff;--border:#6074922e;--text:#162033;--text-soft:#61708d;--accent:#256cff;--accent-strong:#114cc9;--success:#1e9f6d;--warning:#c68622;--danger:#d44848;--shadow:0 18px 48px #3449681f;background:#eff3fa}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);isolation:isolate;background:radial-gradient(circle at top left, #2561ff2e, transparent 30%), radial-gradient(circle at top right, #27d5ff1f, transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, #000 8%) 0%, var(--bg) 100%);margin:0;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(0, 0, 0, var(--app-bg-overlay)), rgba(0, 0, 0, var(--app-bg-overlay))), var(--app-bg-image);background-position:center, var(--app-bg-position);background-repeat:no-repeat,no-repeat;background-size:cover, var(--app-bg-size);opacity:1;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:16px;outline:none;padding:14px 16px}input::placeholder,textarea::placeholder{color:var(--text-soft)}textarea{resize:vertical}pre{margin:0;font-family:JetBrains Mono,Fira Code,monospace}.app-shell{width:min(1280px,100% - 40px);margin:0 auto;padding:32px 0 48px}.page-shell,.stack-gap-lg,.stack-gap-md,.field-grid,.review-main,.review-sidebar,.review-list,.log-list,.upload-layout,.centered-shell,.review-layout,.hero-grid,.feature-panel,.detail-hero-grid,.hint-grid,.upload-grid,.login-grid,.stats-grid,.card-grid,.filter-grid,.toolbar-grid,.metric-strip,.tag-admin-list,.admin-grid-two-columns,.tag-cloud{display:grid}.page-shell,.stack-gap-lg{gap:24px}.stack-gap-md,.field-grid,.log-list,.filter-grid,.toolbar-grid,.tag-admin-list,.admin-grid-two-columns,.tag-cloud{gap:16px}.app-header,.hero-panel,.stat-card,.play-card,.form-panel,.detail-panel,.content-panel,.login-panel,.review-sidebar,.review-main,.log-panel,.empty-panel,.hint-panel,.feature-panel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header{border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;padding:28px;display:flex}.header-actions,.top-nav,.inline-actions,.card-topline,.meta-line,.meta-row,.action-bar,.sidebar-head,.tab-list,.content-head,.filter-summary,.char-count,.metric-row,.wrap-mobile,.title-row,.tag-chip-row{flex-wrap:wrap;gap:12px;display:flex}.header-actions{justify-content:flex-end;align-items:center}.top-nav{justify-content:flex-end}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:12px}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,4vw,44px)}h2{font-size:clamp(24px,3vw,34px)}h3{font-size:22px}.sub-copy,.summary,.meta-line,.meta-row,.log-item span,.hint-panel span,.stat-card span,.card-topline,label span,.preview-copy,.feature-side p,.content-meta,.filter-summary,.field-hint,.char-count,.metric-row,.login-meta,.section-note,.template-code{color:var(--text-soft)}.nav-pill,.tab-chip,.button,.icon-button,.text-button,.tag-chip{cursor:pointer;border:1px solid #0000;border-radius:999px;transition:all .18s}.nav-pill,.tab-chip{color:var(--text-soft);background:#ffffff0a;padding:10px 14px}.nav-pill.active,.tab-chip.active{color:var(--text);background:#598fff2e;border-color:#69a8ff5c}.button{justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:600;display:inline-flex}.button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.button.secondary,.tag-chip{color:var(--text);border-color:var(--border);background:#ffffff0a}.button.warning{color:#ffd394;background:#ffb45429;border-color:#ffb45447}.button.ghost,.text-button,.icon-button{color:var(--text-soft);border-color:var(--border);background:0 0}.tag-chip{min-height:38px;padding:0 14px}.icon-button{justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:18px;display:inline-flex}.text-button{min-height:42px;padding:0 14px}.button:disabled{opacity:.5;cursor:not-allowed}.fit-content{width:fit-content}.hero-panel,.form-panel,.detail-panel,.content-panel,.login-panel,.review-sidebar,.review-main,.log-panel,.empty-panel,.hint-panel{border-radius:24px;padding:24px}.compact-panel{padding:18px 24px}.stats-grid,.card-grid,.filter-grid,.toolbar-grid{gap:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card-grid.custom-grid{grid-template-columns:repeat(var(--card-columns,3), minmax(0, 1fr))}.toolbar-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(180px,1fr))}.filter-grid{grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}.stat-card strong{font-size:22px}.play-card,.review-card,.log-item,.tag-admin-card{border:1px solid var(--border);background:#ffffff08;border-radius:20px;padding:18px}.play-card,.review-card,.stat-card-rich,.feature-copy,.metric-strip,.process-panel,.info-panel,.feature-side,.field-note-panel,.tag-admin-card{gap:12px;display:grid}.play-card.selected{border-color:#69a8ff80;box-shadow:inset 0 0 0 1px #69a8ff47}.review-card{text-align:left;cursor:pointer;width:100%}.review-card.active{background:#69a8ff1a;border-color:#69a8ff5c}.checkbox-chip{color:var(--text);align-items:center;gap:8px;display:inline-flex}.checkbox-chip input{width:16px;height:16px;padding:0}.status-tag{color:#fff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.status-tag.pending{background:#ffb4543d}.status-tag.approved{background:#48d59742}.status-tag.rejected,.status-tag.offline{background:#ff75753d}.text-link{color:var(--accent);width:fit-content}.meta-line,.meta-row,.card-topline,.content-head,.filter-summary,.char-count,.metric-row,.action-bar,.title-row,.tag-chip-row{justify-content:space-between;align-items:center}.align-start{align-items:flex-start}.content-panel p,.template-code{white-space:pre-wrap}.centered-shell{place-items:center;min-height:calc(100vh - 220px)}.login-panel{width:min(520px,100%)}.field-grid.two-columns,.admin-grid-two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.review-layout-wide{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}.review-main-wide{align-content:start}label{gap:10px;display:grid}.hint-panel{gap:4px;min-width:280px}.hint-panel.compact,.review-note-panel{min-width:0}.feedback{border-radius:16px;padding:14px 16px}.feedback.success{color:color-mix(in srgb, var(--success) 45%, white 55%);background:#48d59729}.feedback.error,.empty-panel.error{color:#ffcbcb;background:#ff757524}.stacked-feedback{gap:12px;display:grid}.review-layout{align-items:start;gap:24px}.review-sidebar,.review-main{gap:18px}.split-actions{gap:16px}.log-item{gap:6px;display:grid}.hero-grid,.feature-panel,.detail-hero-grid,.hint-grid{gap:18px}.hero-grid,.feature-panel,.detail-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.process-panel,.info-panel,.feature-side,.field-note-panel,.metric-strip{border:1px solid var(--border);background:#ffffff08;border-radius:20px;padding:20px}.mini-list,.field-hint{flex-direction:column;gap:12px;display:flex}.mini-list-item{color:var(--text-soft);align-items:flex-start;gap:10px;display:flex}.mini-index{background:var(--accent);border-radius:999px;width:8px;height:8px;margin-top:8px;box-shadow:0 0 0 6px #69a8ff1f}.feature-panel{border-radius:24px;padding:24px}.hint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid,.login-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-strip-admin{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-strip strong{font-size:20px}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.template-code{border:1px solid var(--border);background:#ffffff0a;border-radius:16px;padding:16px;overflow:auto}.subdued-template{color:var(--text-soft);font-size:14px}.tag-cloud{grid-template-columns:repeat(auto-fit,minmax(110px,max-content));align-items:start}.tag-admin-card.dragging{opacity:.58;transform:scale(.98)}@media (width<=1100px){.toolbar-grid,.upload-grid,.login-grid,.hero-grid,.detail-hero-grid,.feature-panel,.stats-grid,.review-layout,.review-layout-wide,.admin-grid-two-columns{grid-template-columns:1fr}}@media (width<=980px){.app-shell{width:min(100% - 24px,100%);padding-top:18px}.app-header,.field-grid.two-columns,.metric-strip,.card-grid.custom-grid{grid-template-columns:1fr}.app-header,.header-actions,.action-bar,.meta-row,.card-topline,.sidebar-head,.title-row,.tag-chip-row{flex-direction:column;align-items:stretch}.top-nav{justify-content:flex-start}}@media (width<=720px){.stats-grid,.card-grid,.hint-grid,.toolbar-grid,.metric-strip,.upload-grid,.login-grid,.tag-cloud{grid-template-columns:1fr}.app-header,.hero-panel,.form-panel,.detail-panel,.content-panel,.review-sidebar,.review-main,.empty-panel,.field-note-panel,.feature-panel,.tag-admin-card{border-radius:20px;padding:18px}.button,.nav-pill,.tab-chip,.text-button,.tag-chip{width:100%}.icon-button{border-radius:16px;width:100%}}
