:root{color-scheme:dark;--bg:#11131a;--panel:#1d202b;--panel-2:#252a38;--text:#f3f5fb;--muted:#aeb5c7;--accent:#a7d8ff;--accent-strong:#5db8ff;--danger:#ff8495}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#2d3151 0,var(--bg) 42%);color:var(--text);font-family:Yu Gothic UI,Meiryo,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #4d5870;border-radius:10px;padding:11px 18px;color:var(--text);background:#303747;transition:transform .15s,background .15s}button:hover{transform:translateY(-1px);background:#3b4559}button.primary{border-color:var(--accent-strong);background:var(--accent-strong);color:#07131d;font-weight:700}button.danger{border-color:#9b4555;background:#612c3a}.app{width:min(1600px,calc(100% - 18px));margin:0 auto;padding:18px 0 28px}header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}h1{margin:0;font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:.04em}.caption,.intro,.status,footer,header p{color:var(--muted)}.panel{background:color-mix(in srgb,var(--panel) 93%,transparent);border:1px solid #34394b;border-radius:18px;box-shadow:0 16px 45px #05060a66}.setup{max-width:900px;margin:70px auto 0;padding:clamp(22px,5vw,42px)}.setup h2{margin:0 0 8px}.intro{margin:0 0 26px;line-height:1.7}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.9rem}input,select{width:100%;border:1px solid #444b60;border-radius:10px;background:var(--panel-2);color:var(--text);padding:11px 12px}.option{display:flex;align-items:center;gap:9px;width:-moz-fit-content;width:fit-content;margin-top:18px;cursor:pointer}.option input{width:17px;height:17px;accent-color:var(--accent-strong)}.buttons,.session-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.status{min-height:1.5em;margin:18px 0 0}.in-session{width:calc(100% - 12px);max-width:1800px;padding-top:6px}.session-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px;margin-bottom:14px}.progress{justify-self:start;color:var(--muted)}.timer-group{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:6px}.timer{min-width:5em;text-align:center;border:2px solid var(--accent-strong);border-radius:14px;padding:8px 16px;background:#303747;box-shadow:0 0 22px #5db8ff55;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer.warning{background:#6c3541;color:#ffd5db}.timer.paused{background:#67542a;border-color:#ffd36a;color:#fff0bd;box-shadow:0 0 22px #ffd36a55}.pause-button{padding:7px 13px;font-size:.9rem}.stage{min-height:min(72vh,800px);display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#0a0b10}.stage img{display:block;width:100%;height:min(72vh,800px);object-fit:contain}.caption{min-height:1.5em;text-align:center;margin:12px 0 0}a{color:var(--accent)}.finish{max-width:560px;margin:120px auto 0;padding:42px;text-align:center}.finish h1{margin-bottom:12px}.history-panel{margin-top:28px;padding:20px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-heading h2{margin:0;font-size:1.05rem}.history-heading button{padding:7px 11px;font-size:.85rem}.history-empty{color:var(--muted);margin:12px 0 0}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px;max-height:280px;overflow:auto;margin-top:12px;padding:2px}.history-item{display:grid;grid-template-columns:72px 1fr;align-items:center;grid-gap:10px;gap:10px;min-height:88px;padding:7px;border:1px solid #34394b;border-radius:10px;background:#252a38;color:var(--text);text-decoration:none}.history-item:hover{border-color:var(--accent-strong);background:#303747}.history-item img{display:block;width:72px;height:86px;object-fit:contain;border-radius:6px;background:#0a0b10}.history-title{display:block;font-size:.92rem;line-height:1.45}.history-time{display:block;margin-top:6px;color:var(--muted);font-size:.78rem}footer{margin:20px auto 0;max-width:900px;text-align:center;font-size:.8rem}@media (max-width:680px){.app{width:min(100% - 18px,1180px);padding-top:22px}header{display:block}header p{margin-top:7px}.setup{margin-top:34px}.form-grid{grid-template-columns:1fr}.stage,.stage img{min-height:calc(100vh - 190px);height:calc(100vh - 190px)}.session-bar{grid-template-columns:1fr;gap:8px}.timer-group{grid-column:1;grid-row:1}.progress{grid-column:1;grid-row:2;justify-self:center}}