*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.8;color:#262824;background:#faf9f5}a{color:inherit;text-underline-offset:4px}header{max-width:1160px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #c9c8be}header>a{font-size:21px;font-weight:750;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}main{max-width:1100px;margin:36px auto 60px;padding:0 24px}h1{font-size:clamp(25px,4vw,38px);line-height:1.4;margin:0 0 14px}h2{font-size:23px;margin:32px 0 14px}h3{font-size:18px}p{margin:12px 0}label{display:block;font-size:15px;margin:14px 0}input,select,button,textarea{font:inherit;max-width:100%}input[type=number],select,textarea{display:block;width:100%;padding:10px 12px;margin-top:6px;border:1px solid #85877e;border-radius:3px;background:#fff;color:#242820}button,.action{cursor:pointer;border:1px solid currentColor;padding:10px 18px;background:#294538;color:white;border-radius:3px;font-weight:650}button:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba5829;outline-offset:3px}.small{font-size:13px;color:#5d625b}.error{color:#a62d16;font-weight:650}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.article{max-width:760px}.article p,.article li{line-height:2}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid #c5c5ba;padding:12px 9px;vertical-align:top}.table-wrap{overflow-x:auto}footer{border-top:1px solid #c9c8be;padding:24px;max-width:1100px;margin:auto;font-size:14px}footer nav{margin-bottom:15px}.feedback{margin-top:22px;padding-top:16px;border-top:1px solid #ccc}output{display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:10}.intro{max-width:760px}.guide-links{margin-top:40px;border-top:2px solid #62695d}.guide-links a{display:block;padding:15px 0;border-bottom:1px solid #ccc}.print-only{display:none}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:10px;padding:18px}main{padding:0 18px;margin-top:25px}nav{gap:14px}td,th{padding:9px 6px;font-size:14px}}@media print{header,footer,.actions,.no-print{display:none!important}body{background:white!important;color:black!important}main{max-width:none;margin:0;padding:0}.print-only{display:block}a{color:black}}body{background:#192322;color:#f1f1e8}header{border-color:#58635f}button,.action{background:#e4b567;color:#202824;border-color:#e4b567}button.secondary{color:#eee}footer{border-color:#58635f}.small{color:#c1cac4}.practice{margin:28px 0;background:#202e2b;border:1px solid #718079;padding:30px}.tempo-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.tempo-control{display:flex;align-items:center;gap:15px}.tempo-control input{width:150px;font-size:54px;text-align:center;background:transparent;border:0;border-bottom:2px solid #a3b6a8;color:#fff;padding:0}.tempo-control button{font-size:23px;padding:8px 18px}.beats{display:flex;gap:12px;margin:32px 0}.beat-cell{flex:1;border-bottom:6px solid #5c6f66;text-align:center;padding:10px;font-size:22px}.beat-cell.on{border-color:#f0bc68;color:#f0bc68}.start{font-size:20px;min-width:160px}.beat-settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-top:1px solid #607167;padding-top:20px}.beat-settings label{margin:0}input[type=range]{width:100%;margin-top:17px}.beat-status{min-height:32px}.memo-area{display:grid;grid-template-columns:1fr 1fr;gap:36px}.memo-area textarea{min-height:100px}.tempo-guide{font-size:19px}.error{color:#ffc49c}.guide-links{border-color:#718079}.guide-links a{border-color:#56645c}td,th{border-color:#56645c}.article{background:#f6f4ec;color:#252d29;padding:30px}.article .small{color:#525b54}@media(max-width:720px){.practice{padding:20px 15px}.tempo-row{display:block}.tempo-control{justify-content:space-between}.tempo-control input{width:120px;font-size:45px}.tempo-guide{margin-top:15px}.beat-settings{grid-template-columns:1fr;gap:18px}.beats{gap:4px}.beat-cell{padding:8px 2px;font-size:18px}.memo-area{grid-template-columns:1fr}.article{padding:20px}}