:root{color:#334155;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fb;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{background:#f7f8fb;margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:#0f172a}.edu-app{min-height:100vh;padding:28px 24px 56px}.edu-shell{max-width:1360px;margin:0 auto}.edu-main,.player-flow,.settings-panel,.explanation-grid{gap:18px;display:grid}.section-kicker{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.section-title{color:#0f172a;margin:0;font-size:1.25rem}.question-text,.parameter-field__description,.settings-panel__hint{color:#64748b;line-height:1.6}.edu-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 18px 45px #0f172a0f}.edu-badge{color:#4338ca;background:#eef2ff;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.edu-chip,.edu-button,.mode-switch__button{font:inherit;cursor:pointer;border-radius:999px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.edu-chip{color:#334155;background:#fff;border:1px solid #d7e0eb;padding:10px 16px}.edu-chip.is-active{color:#3730a3;background:#eef2ff;border-color:#6366f1;box-shadow:inset 0 0 0 1px #6366f1}.edu-button{color:#334155;background:#fff;border:1px solid #cbd5e1;padding:10px 16px}.edu-button--primary{color:#fff;background:#4f46e5;border-color:#4f46e5}.settings-launcher.is-active,.reveal-button.is-active{color:#3730a3;background:#eef2ff;border-color:#6366f1}.player-toolbar,.stage-card,.explanation-card{padding:22px}.player-toolbar{gap:18px;display:grid}.player-toolbar__row,.player-toolbar__footer,.player-toolbar__actions,.explanation-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.player-toolbar__chips,.explanation-card__tabs{flex-wrap:wrap;gap:10px;display:flex}.player-toolbar__footer{align-items:flex-end}.settings-launcher{margin-left:auto}.mode-switch{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;gap:8px;padding:5px;display:inline-flex}.mode-switch__button{color:#475569;background:0 0;border:none;padding:9px 14px}.mode-switch__button.is-active{color:#0f172a;background:#fff;box-shadow:0 6px 16px #0f172a14}.stage-card__header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.stage-card{grid-template-rows:auto minmax(0,1fr);min-height:clamp(500px,100svh - 245px,760px);display:grid}.stage-card__question{color:#0f172a;flex:520px;max-width:min(920px,100%);font-size:1.05rem}.stage-card__question-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stage-visual{background:radial-gradient(circle at top,#fffc,#f8fafce6 38%,#f1f5f9 100%);border-radius:26px;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;margin-top:18px;padding:10px;display:grid;overflow:hidden}.stage-simulation{place-items:center;min-height:0;display:grid}.stage-visual svg{width:100%;max-width:100%;height:100%;display:block}.stage-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:20px;padding:14px 16px;display:grid}.control-time{color:#0f172a;align-items:center;min-height:40px;padding:0 6px;font-weight:700;display:inline-flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.summary-grid--compact{flex:360px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.summary-tile,.parameter-card,.reveal-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:12px 14px}.summary-tile__label{color:#64748b;font-size:12px}.summary-tile__value{color:#0f172a;margin-top:6px;font-size:1.05rem;font-weight:700;line-height:1.45}.explanation-card__header{align-items:start}.explanation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explanation-section{gap:12px;display:grid}.explanation-section--wide{grid-column:1/-1}.explanation-section__title,.settings-panel__title{color:#0f172a;margin:0;font-size:1rem}.reveal-list{gap:10px;display:grid}.reveal-item{line-height:1.7}.reveal-item--step{padding-left:18px}.settings-drawer-backdrop{opacity:0;pointer-events:none;z-index:18;background:#0f172a38;transition:opacity .25s;position:fixed;inset:0}.settings-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.settings-drawer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffffff5;border:1px solid #e2e8f0;border-radius:28px;gap:18px;width:min(360px,100vw - 32px);padding:18px;transition:transform .25s;display:grid;position:fixed;top:20px;bottom:20px;right:20px;overflow:auto;transform:translate(calc(100% + 24px));box-shadow:0 24px 56px #0f172a29}.settings-drawer.is-open{transform:translate(0)}.settings-drawer__header,.settings-panel__header{gap:6px;display:grid}.settings-panel__hint{margin:0;font-size:13px}.parameter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.parameter-field{gap:6px;display:grid}.parameter-field__label{color:#0f172a;font-size:13px;font-weight:600}.parameter-field__input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:9px 10px}.parameter-field__description{font-size:12px}.settings-reset{justify-content:center;width:100%}@media (width<=980px){.explanation-grid{grid-template-columns:1fr}.explanation-section--wide{grid-column:auto}}@media (width<=720px){.edu-app{padding:16px 16px 40px}.player-toolbar,.stage-card,.explanation-card,.settings-drawer{border-radius:24px}.stage-visual{padding:8px}.stage-card{min-height:clamp(420px,100svh - 215px,620px)}.mode-switch,.player-toolbar__actions,.player-toolbar__footer{width:100%}.mode-switch{justify-content:stretch}.mode-switch__button{text-align:center;flex:1 1 0}.settings-launcher{width:100%;margin-left:0}.parameter-list{grid-template-columns:1fr}.settings-drawer{width:auto;inset:auto 16px 16px;transform:translateY(calc(100% + 24px))}.settings-drawer.is-open{transform:translateY(0)}}