*{box-sizing:border-box}.guide{padding:24px;border-top:1px solid #aaa;font-size:16px}.guide h2{color:#05234b;font-size:22px;margin:25px 0 10px;scroll-margin-top:20px}.guide h2:first-child{margin-top:0}.guide h3{font-size:17px;margin-bottom:5px}.guide p,.guide ol{max-width:85ch;margin-top:6px}.guide li{margin-block:6px}:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:#ddd;font-synthesis:none}body{margin:0;padding:28px 20px 44px;font-size:17px;line-height:1.4}button,input,select{font:inherit}button,select{color:#111;background:#e8e8e8;border:1px solid #888;border-radius:0;box-shadow:inset 1px 1px #fff,inset -1px -1px #c1c1c1}button{padding:7px 17px;cursor:pointer}button:hover{background:#ddd}button:active,button[aria-pressed=true]{border:2px solid #222;padding:6px 16px;box-shadow:inset 2px 2px #aaa;background:#d6d6d6}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid #0759dc;outline-offset:3px}a,.link,summary{color:#00e;text-decoration:underline;cursor:pointer}.link{border:none;background:none;box-shadow:none;padding:0}.link:hover{background:none;color:#551a8b}.site{max-width:1050px;margin:auto;border:1px solid #888;background:#fff}header{background:#05234b;color:#fff;padding:10px 16px;border:1px solid white}.wordmark{font-weight:700;font-size:30px;letter-spacing:.3px;line-height:1.2}.tagline{font-size:18px;font-style:italic}nav{display:flex;align-items:center;gap:17px;background:#eee;padding:9px 16px;border-bottom:1px solid #999}.layout{display:grid;grid-template-columns:2fr 1fr}main{padding:34px 16px 23px;min-width:0}h1{font-size:28px;line-height:1.2;margin:4px 8px 12px}.intro{margin:0 8px 23px;font-size:17px}fieldset{margin:0 0 14px;padding:18px 18px 19px;border:1px solid #888;min-width:0}legend{padding:0 7px;font-weight:700;color:navy;font-size:18px}.setting{display:flex;gap:15px;align-items:center;margin:0 0 24px}.setting:last-child{margin-bottom:0}.setting>label,.setting-label{flex:0 0 83px}.presets{display:flex;gap:13px;flex-wrap:wrap}.presets button{font-size:16px;padding:6px 15px}.presets button[aria-pressed=true],.presets button:active{padding:5px 14px}.radios{display:flex;gap:30px}.radios label{display:inline-flex;align-items:center;gap:9px;cursor:pointer}input[type=radio]{width:17px;height:17px;margin:0;accent-color:#075bff}.timing-help{margin:3px 0 0}.sound .setting>label{flex-basis:112px}.sound{padding-top:12px}select{min-width:170px;padding:4px 8px;background:#f5f5f5}.volume{display:flex;align-items:center;gap:13px;flex:1;max-width:322px}input[type=range]{min-width:0;width:100%;accent-color:#075bff}.actions{display:flex;gap:18px;margin-top:20px}.actions button{min-height:47px;min-width:158px}.actions .primary{background:#06315e;border:2px solid #001c38;box-shadow:inset 1px 1px #66829c,inset -1px -1px #001125;color:#fff;font-weight:700;width:260px}.actions .primary:hover{background:#0a407a}.status{margin:14px 0 21px}details{border-top:1px dotted #aaa;padding-top:14px}summary{list-style:none;width:fit-content}summary:before{content:"+ "}details[open] summary:before{content:"− "}details p{font-size:15px;max-width:62ch}aside{border-left:1px solid #aaa;padding:23px 14px}aside h2{color:navy;font-size:18px;margin:0 0 12px}.ad-placeholder{aspect-ratio:16 / 9;background:#252525;color:#ddd;border:2px ridge #999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative;font-size:15px}.ad-caption{position:absolute;bottom:8px;left:10px;display:flex;align-items:center;gap:6px;font-size:12px;color:#bbb}footer{padding:19px 16px;text-align:center;border-top:1px solid #999;font-size:15px}footer span{margin:0 14px}.custom input{width:80px;padding:3px}.custom span{font-size:13px}.error{color:#9b1515;font-size:15px}dialog{border:2px solid #777;border-radius:0;max-width:550px;padding:24px;line-height:1.55}dialog::backdrop{background:#0006}dialog h2{color:#05234b;margin-top:0}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr) 260px}.setting{flex-wrap:wrap;gap:10px}.presets{gap:8px}.setting>label,.setting-label{flex-basis:100%}.sound .setting>label{flex-basis:100%}}@media(max-width:650px){body{padding:10px;font-size:16px}.layout{grid-template-columns:1fr}main{padding:22px 14px}h1{margin-left:0;font-size:25px}.intro{margin-left:0}aside{border-left:0;border-top:1px solid #aaa}.ad-placeholder{max-width:330px}.actions{gap:10px}.actions button{min-width:0;flex:1;padding-left:8px;padding-right:8px}.actions .primary{width:auto}nav{gap:12px}fieldset{padding:14px 12px}footer span{margin:0 7px}}@media(min-width:901px){body{padding-top:32px;font-size:19px}.site{max-width:1215px}header{padding:12px 18px}.wordmark{font-size:34px}.tagline{font-size:20px}nav{padding:10px 18px;gap:20px}main{padding:40px 20px 24px}h1{font-size:32px;margin-bottom:13px}.intro{font-size:19px;margin-bottom:26px}legend,aside h2{font-size:20px}fieldset{padding:21px 20px 23px;margin-bottom:16px}.setting{gap:16px;margin-bottom:28px}.setting>label,.setting-label{flex-basis:100px}.presets{gap:15px}.presets button{font-size:18px;padding:7px 18px}.presets button[aria-pressed=true],.presets button:active{padding:6px 17px}.radios{gap:34px}.radios label{gap:10px}input[type=radio]{width:19px;height:19px}.sound .setting>label{flex:0 0 135px;white-space:nowrap}.sound{padding-top:15px}select{min-width:194px}.volume{max-width:364px}.actions{margin-top:23px;gap:21px}.actions button{min-height:54px;min-width:183px}.actions .primary{width:300px}.status{margin:16px 0 24px}details{padding-top:16px}aside{padding:26px 16px}.ad-placeholder{font-size:18px}footer{padding:22px 16px;font-size:17px}}@media(min-width:901px){header{padding-block:10px}fieldset{padding-bottom:19px}.setting{margin-bottom:26px}.setting:last-child{margin-bottom:0}main{padding-bottom:22px}}.top-ads{padding:14px 20px;border-bottom:1px solid #aaa;background:#f4f4f4}.ad-space{min-width:0}.ad-label{color:#555;font-size:12px;line-height:1.4;margin-bottom:6px}.top-ads .ad-space{max-width:728px;margin:auto}.display-ad{min-height:160px;border:1px solid #aaa;background:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666;font-size:15px}.display-ad .ad-caption{position:static;color:#777}.ad-banner .display-ad{min-height:90px;gap:6px}aside .ad-space+.ad-space{margin-top:28px;padding-top:20px;border-top:1px dotted #aaa}.bottom-ads{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;border-top:1px solid #aaa;background:#f4f4f4}@media(max-width:650px){.top-ads{padding:10px 14px}.top-ads .display-ad{min-height:60px}.bottom-ads{grid-template-columns:1fr;padding:14px;gap:16px}aside .ad-placeholder{max-width:none}}
