:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}input,button{letter-spacing:0}.app-shell{color:#172026;min-height:100vh;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:0 auto 24px;display:flex}.brand{text-align:left;align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:#172026;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:0 14px 30px #1720262e}.eyebrow{color:#66747d;margin:0 0 2px;font-size:14px;font-weight:700}.brand h1,.student-card h1{color:#172026;letter-spacing:0;margin:0;font-weight:800}.brand h1{font-size:32px;line-height:1.05}.topbar-actions{align-items:center;gap:12px;display:flex}button,input{font:inherit}.primary-button,.ghost-button,.copy-button,.danger-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:15px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#172026}.ghost-button,.copy-button{color:#172026;background:#fff;box-shadow:inset 0 0 0 1px #dce4e8}.danger-button{color:#b42318;background:#fff1ef;width:100%}.full-button{width:100%}button:disabled{cursor:not-allowed;opacity:.55}.teacher-grid{grid-template-columns:minmax(0,1fr) 360px;gap:24px;max-width:1440px;margin:0 auto;display:grid}.stage-panel,.control-panel,.student-card{background:#fff;border:1px solid #dce4e8;border-radius:8px;box-shadow:0 24px 80px #1a232b14}.stage-panel{min-height:calc(100vh - 128px);padding:32px}.stage-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.title-input{color:#172026;background:0 0;border:0;width:100%;min-width:0;font-size:40px;font-weight:850;line-height:1.12}.title-input:focus,.editor-row input:focus,.field-row input:focus{outline-offset:3px;outline:2px solid #0f9f8f}.live-chip{color:#08796e;background:#e9fbf7;border-radius:999px;flex:none;align-items:center;gap:7px;padding:10px 14px;font-size:15px;font-weight:800;display:inline-flex}.countdown-display{color:#172026;background:#f7fafb;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 20px;display:flex}.countdown-display div{align-items:baseline;gap:14px;display:flex}.countdown-display span{color:#66747d;font-size:14px;font-weight:900}.countdown-display strong{font-size:46px;font-weight:950;line-height:1}.countdown-display p{color:#5a6870;margin:0;font-size:15px;font-weight:750}.countdown-display.reveal{color:#6b4200;background:linear-gradient(90deg,#fff7df,#fff 58%,#f7fafb);box-shadow:inset 0 0 0 1px #d9901638}.podium-board{background:linear-gradient(#1720260a,#17202600 36%),#fff;border-radius:8px;grid-auto-columns:minmax(112px,1fr);grid-auto-flow:column;gap:18px;min-height:440px;padding:24px 8px 8px;display:grid;overflow-x:auto}.podium-column{text-align:center;grid-template-rows:74px minmax(220px,1fr) auto;align-items:end;gap:12px;min-width:112px;display:grid}.podium-top{align-self:start;justify-items:center;gap:7px;display:grid}.option-index,.medal-icon{color:#172026;background:#f2f6f8;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:inline-flex}.medal-icon.gold{color:#6b4200;background:linear-gradient(160deg,#fff3bf,#f5b642)}.medal-icon.silver{color:#47515a;background:linear-gradient(160deg,#fff,#cfd7df)}.medal-icon.bronze{color:#6b3518;background:linear-gradient(160deg,#f7cfad,#bf7440)}.podium-top strong{color:#172026;font-size:20px;font-weight:950}.vertical-track{background:#eef4f6;border-radius:8px;align-items:flex-end;min-height:260px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1720260a}.vertical-fill{border-radius:8px 8px 0 0;width:100%;min-height:10px;transition:height .52s cubic-bezier(.2,.8,.2,1),background .26s,box-shadow .26s}.podium-board.reveal .rank-1 .vertical-fill{box-shadow:0 -12px 30px #f5b6426b}.podium-board.reveal .rank-1{transform:translateY(-12px)}.podium-label{gap:5px;min-height:74px;display:grid}.podium-label span{color:#172026;font-size:28px;font-weight:950}.podium-label b{color:#2c3940;word-break:break-word;font-size:16px;line-height:1.22}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.summary-item{color:#4e5f67;text-align:left;background:#f7fafb;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:2px 10px;padding:16px;display:grid}.summary-item strong{color:#172026;grid-column:2;font-size:24px}.control-panel{flex-direction:column;gap:16px;min-height:calc(100vh - 128px);padding:20px;display:flex}.setup-card,.qr-card{gap:14px;display:grid}.setup-card{background:#f7fafb;border-radius:8px;padding:14px}.qr-heading{color:#172026;align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.field-row{color:#4e5f67;text-align:left;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:10px;font-size:14px;font-weight:850;display:grid}.field-row input,.editor-row input{color:#172026;background:#fff;border:1px solid #dce4e8;border-radius:8px;min-width:0;padding:10px;font-size:15px;font-weight:750}.timer-presets,.button-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preset-button{color:#172026;cursor:pointer;background:#fff;border:1px solid #dce4e8;border-radius:8px;min-height:38px;font-size:14px;font-weight:900}.preset-button.active{color:#08796e;background:#e9fbf7;border-color:#0f9f8f}.option-editor{gap:8px;display:grid}.editor-row{grid-template-columns:32px minmax(0,1fr) 36px;align-items:center;gap:8px;display:grid}.editor-row span{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:950;display:inline-flex}.editor-row button{color:#b42318;cursor:pointer;background:#fff1ef;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.qr-box{background:#f7fafb;border-radius:8px;justify-content:center;padding:18px;display:flex}.qr-note{color:#5a6870;text-align:left;margin:0;font-size:14px;line-height:1.55}.copy-button{width:100%}.poll-switcher{gap:8px;max-height:360px;padding-right:4px;display:grid;overflow-y:auto}.switcher-title{color:#5a6870;text-align:left;font-size:14px;font-weight:900}.poll-tab{color:#172026;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce4e8;border-radius:8px;gap:4px;padding:12px;display:grid}.poll-tab.active{background:#e9fbf7;border-color:#0f9f8f}.poll-tab span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:850;overflow:hidden}.poll-tab small{color:#66747d;font-size:12px}.student-shell{background:linear-gradient(120deg,#0f9f8f24,#0000 30%),linear-gradient(300deg,#ff6b4a1f,#0000 34%),#f7fafb;justify-content:center;align-items:center;min-height:100vh;padding:18px;display:flex}.student-card{width:min(100%,520px);padding:22px}.student-status,.student-countdown{color:#08796e;background:#e9fbf7;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:900;display:inline-flex}.student-card h1{margin-top:18px;font-size:30px;line-height:1.16}.student-countdown{color:#172026;background:#f2f6f8;margin-top:16px}.vote-options{gap:12px;margin-top:24px;display:grid}.vote-button{color:#172026;text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:74px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #dce4e8}.vote-button span{color:#fff;background:var(--option-color);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:inline-flex}.vote-button strong{font-size:20px}.vote-button.selected{border-color:var(--option-color);background:color-mix(in srgb, var(--option-color) 10%, white)}.student-note{color:#5a6870;margin:20px 0 0;line-height:1.55}@media (prefers-reduced-motion:no-preference){.podium-board.reveal .rank-1{animation:.62s both winner-pop}.podium-board.reveal .rank-2,.podium-board.reveal .rank-3{animation:.52s both medal-pop}}@keyframes winner-pop{0%{transform:translateY(0)scale(1)}60%{transform:translateY(-18px)scale(1.03)}to{transform:translateY(-12px)scale(1)}}@keyframes medal-pop{0%{transform:translateY(0)}60%{transform:translateY(-8px)}to{transform:translateY(0)}}@media (width<=980px){.topbar,.stage-heading,.topbar-actions{flex-direction:column;align-items:stretch}.teacher-grid{grid-template-columns:1fr}.stage-panel,.control-panel{min-height:auto}.title-input{font-size:30px}.summary-strip{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:14px}.stage-panel{padding:18px}.countdown-display{display:grid}.countdown-display strong{font-size:38px}.podium-board{grid-auto-columns:minmax(96px,1fr);min-height:360px}.vertical-track{min-height:210px}.field-row,.timer-presets,.button-pair{grid-template-columns:1fr}}