:root{color-scheme:dark;font-family:system-ui,-apple-system,"Noto Sans JP","Yu Gothic",sans-serif;background:#262c33;color:#f5f7fa}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}.site-header{height:56px;background:#080a0c;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:2}.site-header__title{font-weight:700}.container{max-width:570px;padding:22px 20px 70px;margin:auto}section{margin:30px 0}h1,h2{margin:0 0 15px;font-size:1.5rem;line-height:1.3}h1{font-size:1.7rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.section-heading__hint,.help-text{color:#bdc6d1;font-size:.87rem}.section-heading__hint{white-space:nowrap}.guide{border:1px solid #53606d;border-radius:9px;background:#303841}.guide summary{cursor:pointer;padding:12px 16px;font-weight:700}.guide__body{padding:0 16px 12px}.guide__body p{margin:9px 0}.norma-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.norma-buttons button{background:#e7edf2;color:#1a2026;border:2px solid transparent;white-space:nowrap;padding:11px 0;font-size:.92rem;font-weight:700;border-radius:6px;cursor:pointer}.norma-buttons button[aria-pressed="true"]{background:#16a3ba;color:#fff}.norma-buttons #batacon{background:#353f49;color:#fff;border-color:#647382}.norma-buttons #batacon[aria-pressed="true"]{background:#ffda45;border-color:#fff;color:#15191d;box-shadow:0 0 0 3px #ffda4599}.norma-buttons #batacon[aria-pressed="true"]::before{content:"✓ ";font-weight:900}.timer-panel{margin:36px 0 24px}.start-button{display:block;width:100%;height:96px;border:0;border-radius:11px;background:#1466d4;color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:.08em;cursor:pointer;box-shadow:0 5px 16px #0003}.start-button.running{background:#f0ad32;color:#1b2026}.timer-readout{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 5px 0;text-align:center}.timer-readout>div{display:flex;align-items:baseline;justify-content:center;gap:7px}.timer-readout__label{color:#d4dbe3}.timer-readout strong{font-size:1.7rem;line-height:1}.timer-readout__unit{font-size:.85rem;color:#bdc6d1}.status-message{min-height:1.3em;color:#ffd27e;font-size:.83rem;text-align:center;margin:8px 0 0}.adjust-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.adjust-buttons button,.other-starts button,.secondary-button{background:#176de6;color:white;border:0;border-radius:7px;font:inherit;cursor:pointer;padding:10px}.adjust-buttons button:active,.other-starts button:active,.secondary-button:active,.start-button:active{transform:translateY(1px)}.other-starts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.other-starts button{min-height:49px}.settings-list{background:#37414c;border-radius:10px;overflow:hidden}.settings-list label{min-height:56px;border-bottom:1px solid #52606d;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.settings-list label:last-child{border-bottom:0}.settings-list .setting-nested span{padding-left:19px}.settings-list input[type=checkbox]{appearance:none;width:49px;height:29px;border-radius:30px;background:#89939f;position:relative;flex:none;cursor:pointer;transition:background .15s}.settings-list input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:white;transition:transform .15s}.settings-list input[type=checkbox]:checked{background:#1575e9}.settings-list input[type=checkbox]:checked::before{transform:translateX(20px)}.volume-setting{display:flex;align-items:center;gap:14px;margin-top:20px}.volume-setting label{font-weight:700}.volume-setting input{flex:1;accent-color:#2589ff}.volume-setting output{min-width:3ch;text-align:right}.script-tabs{display:flex;gap:2px}.script-tabs button{padding:9px 16px;background:#3b4652;color:#f5f7fa;border:0;border-radius:8px 8px 0 0;font:inherit;cursor:pointer}.script-tabs button[aria-selected=true]{background:#e9edf2;color:#202830;font-weight:700}textarea{width:100%;display:block;resize:vertical;border:2px solid #e9edf2;border-radius:0 7px 7px 7px;background:#f8fafc;color:#1a242d;font:1rem/1.5 inherit;font-family:inherit;padding:12px}.script-voice{display:grid;gap:8px;margin-top:20px}.script-voice label{font-weight:700}.script-voice select{padding:10px;border-radius:7px;border:1px solid #8b9aab;background:#303841;color:white;font:inherit}.secondary-button{justify-self:start;background:#5c6978}.script-voice .help-text{margin:0}.page-footer{border-top:1px solid #52606d;margin-top:40px;padding-top:15px;color:#bfc9d2;font-size:.8rem}.page-footer p{margin:7px 0}code{background:#101821;color:#e4eaf0;border-radius:3px;padding:1px 4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffd152;outline-offset:2px}
@media(max-width:540px){.container{padding:18px 14px 60px}.norma-buttons{grid-template-columns:repeat(3,1fr)}.norma-buttons button{padding:10px 0}.section-heading{display:block}.section-heading__hint{display:block;margin:-10px 0 14px}.timer-readout{gap:4px}.timer-readout__label{font-size:.9rem}.timer-readout strong{font-size:1.45rem}h1{font-size:1.5rem}h2{font-size:1.35rem}}