:root{color-scheme:dark;--bg:#101114;--panel:#181a20;--panel-2:#242730;--text:#f5f2ea;--muted:#aaa9a5;--line:#343740;--accent:#e9bb70;--accent-strong:#f4a843;--danger:#e87c77}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#403125 0,var(--bg) 38%),var(--bg);color:var(--text);font-family:Yu Gothic UI,Meiryo,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #51545f;border-radius:8px;padding:11px 17px;color:var(--text);background:#2b2e37;transition:transform .15s,background .15s,border-color .15s}button:hover{transform:translateY(-1px);background:#383c47;border-color:#737680}button:disabled{cursor:wait;opacity:.62;transform:none}button.primary{border-color:var(--accent-strong);background:var(--accent-strong);color:#211508;font-weight:800}button.danger{border-color:#9b4d4c;background:#5d2d31}.app{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:38px 0 32px}header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}h1{margin:5px 0 9px;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:.08em}h2{margin:0 0 8px;font-size:1.35rem}.caption,.intro,.status,footer,header p{color:var(--muted)}header>div:first-child>p:last-child{margin:0;line-height:1.7}.eyebrow,.section-kicker{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.18em}.eyebrow{margin:0}.brand-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--accent);color:var(--accent);border-radius:50%;font-weight:900;line-height:1.05;transform:rotate(8deg)}.panel{background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 55px #05050680}.setup{padding:clamp(24px,5vw,44px)}.setup h2{margin-top:8px}.intro{margin:0 0 28px;line-height:1.8;max-width:720px}.form-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.85rem}input,select{width:100%;border:1px solid #444852;border-radius:8px;background:var(--panel-2);color:var(--text);padding:11px 10px}a:focus-visible,button:focus-visible,input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}.buttons,.session-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}.status{min-height:1.4em;margin:16px 0 0;font-size:.86rem}.history-panel{margin-top:20px;padding:22px}.history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.history-heading h2{margin-top:7px}.history-heading button{padding:7px 11px;font-size:.78rem}.history-empty{color:var(--muted);margin:14px 0 0}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px;max-height:300px;overflow:auto;margin-top:15px;padding:2px}.history-item{display:grid;grid-template-columns:72px 1fr;align-items:center;grid-gap:10px;gap:10px;min-height:90px;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--text);text-decoration:none}.history-item:hover{border-color:var(--accent);background:#30333d}.history-item img{display:block;width:72px;height:86px;object-fit:contain;border-radius:5px;background:#090a0d}.history-title{display:block;font-size:.88rem;line-height:1.4}.history-meta{display:block;margin-top:7px;color:var(--muted);font-size:.74rem}footer{margin:22px auto 0;max-width:760px;text-align:center;font-size:.78rem;line-height:1.7}a{color:var(--accent)}.in-session{width:calc(100% - 14px);max-width:1800px;padding-top:4px}.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);font-size:.9rem}.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:11px;padding:7px 16px;background:#343139;box-shadow:0 0 22px #f4a84344;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer.warning{background:#693936;color:#ffe0d9}.timer.paused{background:#675129;border-color:#ffd36a;color:#fff0bd;box-shadow:0 0 22px #ffd36a55}.pause-button{padding:7px 13px;font-size:.85rem}.stage{min-height:min(78vh,900px);display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#08090c}.stage img{display:block;width:100%;height:min(78vh,900px);object-fit:contain}.caption{min-height:1.5em;margin:12px 0 0;font-size:.88rem}.caption,.finish{text-align:center}.finish{max-width:560px;margin:120px auto 0;padding:44px}.finish .eyebrow{margin-bottom:13px}.finish h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:12px}@media (max-width:980px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.app{width:min(100% - 18px,1180px);padding-top:24px}header{margin-bottom:18px}h1{font-size:clamp(2rem,11vw,3rem)}.brand-mark{width:50px;height:50px;font-size:.8rem}.setup{padding:24px 18px}.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}.caption{line-height:1.7}}