@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.cfdd66c2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.c30238d4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.4564287c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_d7b50fc5-module__qeW00a__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_d7b50fc5-module__qeW00a__variable{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.4b5f6188.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.d8302362.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.e316a4a9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.f2813c2a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_ed3df95c-module__D4oVwa__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_ed3df95c-module__D4oVwa__variable{--font-dm-mono:"DM Mono","DM Mono Fallback"}
:root{--bg:#f4ba34;--bg-deep:#cfa23c;--panel:#f6c447;--panel-deep:#efad2f;--ink:#2f1a00;--ink-muted:#6a3e00;--stroke:#4f2c0040;--shadow-hi:#ffffff73;--shadow-lo:#7b3c0059;--focus:#1a1200}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--ink);background:var(--bg);font-family:var(--font-space-grotesk),"Trebuchet MS",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";opacity:0;pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(#00000014 1px,#0000 1px);background-size:6px 6px;position:fixed;inset:0}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}main.shell{z-index:1;max-width:920px;margin:44px auto 64px;padding:0 18px 32px;position:relative}.hero-shell{margin-bottom:0;padding-bottom:0}.hero{background:0 0;border-radius:18px;margin-bottom:18px;overflow:visible}.hero-video{object-fit:cover;opacity:0;mix-blend-mode:darken;clip-path:inset(3px 0);width:100%;height:0;display:block;transform:translate(101px,78px)scale(1.08)}.hero-video-ready{opacity:.95;height:clamp(200px,36vw,320px)}main.shell.shell-tight{max-width:620px}.shell-header{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;margin-top:67px;margin-bottom:18px;padding:18px}.shell-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.shell-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.global-logo{z-index:6;pointer-events:auto;width:200px;height:200px;position:fixed;top:12px;left:12px}.kicker{font-family:var(--font-dm-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);font-size:11px}.title{margin:8px 0 6px;font-size:clamp(24px,4vw,34px)}.sub{color:var(--ink-muted);max-width:56ch}.card{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;margin-bottom:16px;padding:18px;animation:.42s both rise}.card-title{margin-bottom:8px;font-size:18px}.credits{border:1px solid var(--stroke);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-family:var(--font-dm-mono),ui-monospace,monospace;background:var(--panel-deep);cursor:pointer;border-radius:12px;padding:8px 10px}.credits-wrap{position:relative}.credits-panel{border:1px solid var(--stroke);background:var(--panel);white-space:nowrap;border-radius:12px;padding:8px 10px;font-size:12px;position:absolute;top:calc(100% + 6px);right:0}.credits-email{opacity:.8;margin-top:6px;font-size:11px}.build-tag{letter-spacing:.08em;text-transform:uppercase;color:#6a3e00;font-size:11px;font-family:var(--font-dm-mono),ui-monospace,monospace;margin-top:16px}.meta{color:var(--ink-muted);font-size:12px;font-family:var(--font-dm-mono),ui-monospace,monospace;margin-bottom:8px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.form-grid{gap:12px;display:grid}.timer{border:1px solid var(--stroke);text-align:left;cursor:pointer;background:radial-gradient(120px 90px at 12% 20%,#ffd376 0%,#0000 70%),radial-gradient(140px 110px at 90% 0,#f0a11d 0%,#0000 60%),linear-gradient(160deg,#f3b12a 0%,#f2a620 100%);border-radius:16px;gap:6px;width:100%;margin:10px 0 12px;padding:14px 16px;transition:transform .12s,box-shadow .12s;display:grid}.timer:hover{transform:translateY(-1px)}.timer-active{box-shadow:none}.timer-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-family:var(--font-dm-mono),ui-monospace,monospace}.timer-readout{font-size:clamp(22px,4vw,32px);font-family:var(--font-dm-mono),ui-monospace,monospace}.timer-state{color:var(--ink-muted);font-size:12px}.metronome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.metronome-title{font-size:clamp(20px,4vw,30px);font-family:var(--font-dm-mono),ui-monospace,monospace;margin-top:6px}.metronome-sub{color:var(--ink-muted);margin-top:4px;font-size:13px}.metronome-led{width:100%;height:14px;box-shadow:inset -3px -3px 8px var(--shadow-hi),inset 3px 3px 8px #783c0073;opacity:.5;background:linear-gradient(90deg,#f1a41f 0%,#f7c96b 50%,#f1a41f 100%);border-radius:999px;margin-top:14px}.metronome-led-on{opacity:1;animation:.6s ease-in-out infinite ledPulse}.setup-guide{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;margin-bottom:16px;padding:12px 16px}.setup-guide summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;list-style:none;display:flex}.setup-guide summary::-webkit-details-marker{display:none}.setup-title{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600;font-family:var(--font-dm-mono),ui-monospace,monospace}.setup-sub{color:var(--ink-muted);font-size:12px}.setup-body{margin-top:10px}.timer-flash{z-index:20;cursor:pointer;background:radial-gradient(circle at 50% 40%,#ffe08e 0%,#f5b124 60%,#d98c12 100%);place-items:center;animation:.9s ease-in-out infinite flashPulse;display:grid;position:fixed;inset:0}.timer-flash-inner{background:var(--panel);border:1px solid var(--stroke);text-align:center;border-radius:20px;padding:22px 26px}.timer-flash-title{margin-top:8px;font-size:clamp(24px,4vw,36px)}.timer-flash-sub{color:var(--ink-muted);margin-top:6px;font-size:13px}.btn{background:var(--panel-deep);border:1px solid var(--stroke);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;transition:transform .14s,box-shadow .14s;display:inline-flex}.btn:hover{box-shadow:none;transform:translateY(-1px)}.btn-ghost{box-shadow:none;background:0 0}.row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.field{gap:6px;display:grid}.field label,.field span{color:var(--ink-muted);font-size:13px}.input,select,input{border:1px solid var(--stroke);box-shadow:none;background:#f7c04a;border-radius:12px;padding:10px 12px}.input:focus,select:focus,input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}ul{margin:10px 0 0 18px}li{margin:6px 0}.stop{color:var(--ink-muted);border:1px dashed #4e2d0059;border-radius:12px;margin-top:12px;padding:10px 12px}.tiny{color:var(--ink-muted);margin-top:10px;font-size:12px}.mono{font-family:var(--font-dm-mono),ui-monospace,monospace}.error{color:#6b1000;margin-top:4px;font-size:13px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flashPulse{0%,to{filter:saturate()}50%{filter:saturate(1.2)brightness(1.06)}}@keyframes ledPulse{0%,to{filter:brightness(.9)}50%{filter:brightness(1.2)}}.recorder{border:1px solid var(--stroke);background:linear-gradient(135deg,#f5c04a 0%,#f0a920 100%);border-radius:16px;margin-top:16px;padding:16px}.recorder-compact{padding:12px}.recorder-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.recorder-icon{font-size:18px}.recorder-title{letter-spacing:.04em;font-size:14px;font-weight:600}.recorder-error{color:#6b1000;background:#6b10001f;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.recorder-error-dismiss{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:18px;line-height:1}.recorder-error-dismiss:hover{opacity:1}.recorder-unsupported{background:#6b100014;flex-direction:column;align-items:flex-start}.recorder-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recorder-btn{background:var(--panel);border:1px solid var(--stroke);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex}.recorder-btn:hover:not(:disabled){transform:translateY(-1px)}.recorder-btn:disabled{opacity:.5;cursor:not-allowed}.recorder-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recorder-btn-record{background:var(--panel)}.recorder-btn-icon-record{color:#c02020;font-size:12px}.recorder-btn-stop{background:#f5d070;border-color:#4f2c0059}.recorder-btn-small{border-radius:8px;padding:6px 10px;font-size:12px}.recorder-btn-tiny{border-radius:6px;min-width:28px;padding:4px 8px;font-size:11px}.recorder-btn-ghost{background:0 0;border-color:#0000}.recorder-btn-ghost:hover:not(:disabled){background:#0000000d}.recorder-timer{font-family:var(--font-dm-mono),ui-monospace,monospace;align-items:center;gap:8px;display:flex}.recorder-timer-dot{background:#c02020;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite recorderPulse}.recorder-timer-value{font-size:18px;font-weight:600}.recorder-timer-max{color:var(--ink-muted);font-size:12px}.recorder-playback{border-top:1px dashed var(--stroke);margin-top:12px;padding-top:12px}.recorder-playback-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-size:11px;font-family:var(--font-dm-mono),ui-monospace,monospace;margin-bottom:8px}.recorder-playback-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recorder-duration{font-family:var(--font-dm-mono),ui-monospace,monospace;color:var(--ink-muted);font-size:12px}.recorder-history{border-top:1px dashed var(--stroke);margin-top:14px;padding-top:14px}.recorder-history-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);font-size:11px;font-family:var(--font-dm-mono),ui-monospace,monospace;margin-bottom:8px}.recorder-history-list{margin:0;padding:0;list-style:none}.recorder-history-item{align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.recorder-history-item:not(:last-child){border-bottom:1px solid #4f2c001a}.recorder-history-date{color:var(--ink-muted);flex:1;font-size:12px}.recorder-history-actions{gap:4px;display:flex}.recorder-hint{color:var(--ink-muted);margin-top:12px;font-size:12px;font-style:italic}@keyframes recorderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.module-progress{margin-bottom:16px}.module-progress-header{margin-bottom:12px}.module-progress-compact{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.module-dots{gap:6px;display:flex}.module-dot{background:var(--stroke);border-radius:50%;width:12px;height:12px;transition:all .2s}.module-dot-complete{background:var(--ink)}.module-dot-current{background:var(--ink);box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--ink-muted)}.module-label{color:var(--ink-muted);font-size:13px;font-family:var(--font-dm-mono),ui-monospace,monospace}.module-advance-hint{background:var(--panel-deep);border:1px solid var(--stroke);cursor:pointer;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:12px;transition:transform .12s}.module-advance-hint:hover{transform:translateY(-1px)}.module-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.module-card{background:var(--panel);border:1px solid var(--stroke);opacity:.6;border-radius:14px;padding:16px;transition:all .2s}.module-card-complete{opacity:.8;background:linear-gradient(135deg,var(--panel)0%,var(--panel-deep)100%)}.module-card-current{opacity:1;border-color:var(--ink-muted);box-shadow:0 2px 8px #0000001a}.module-card-future{opacity:.5}.module-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.module-number{background:var(--panel-deep);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:flex}.module-card-complete .module-number,.module-card-current .module-number{background:var(--ink);color:var(--bg)}.module-duration{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-family:var(--font-dm-mono),ui-monospace,monospace}.module-title{margin-bottom:6px;font-size:16px}.module-focus{color:var(--ink-muted);font-size:13px;line-height:1.4}.module-current-badge{border-top:1px dashed var(--stroke);margin-top:12px;padding-top:12px}.module-sessions{color:var(--ink-muted);margin-bottom:8px;font-size:12px;display:block}.module-advance-btn{padding:8px 12px;font-size:13px}.module-advance-modal{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.module-advance-content{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;max-width:400px;padding:24px}.module-advance-content h3{margin-bottom:12px}.progress-stats{flex-wrap:wrap;gap:24px;margin-top:12px;display:flex}.progress-stat{flex-direction:column;gap:4px;display:flex}.progress-stat-value{font-size:28px;font-weight:600;font-family:var(--font-dm-mono),ui-monospace,monospace}.progress-stat-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.progress-keywords{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.progress-keyword{background:var(--panel-deep);color:var(--ink-muted);border-radius:20px;padding:4px 10px;font-size:12px}.gap-controls{border-top:1px dashed var(--stroke);margin-top:16px;padding-top:16px}.gap-controls-compact{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.gap-controls-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gap-controls-title{flex:1;min-width:200px}.gap-controls-desc{color:var(--ink-muted);margin-top:4px;font-size:13px}.gap-controls-body{margin-top:16px}.gap-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.gap-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-family:var(--font-dm-mono),ui-monospace,monospace}.gap-preset-select{border-radius:10px;padding:6px 10px;font-size:13px}.gap-settings{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.gap-setting{flex-direction:column;gap:4px;display:flex}.gap-setting-label{color:var(--ink-muted);font-size:12px}.gap-setting-hint{color:var(--ink-muted);opacity:.8;font-size:11px}.gap-input{text-align:center;border-radius:10px;width:70px;padding:8px 10px}.gap-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.gap-checkbox{width:18px;height:18px;accent-color:var(--ink)}.gap-info{background:var(--panel-deep);border-radius:10px;gap:20px;padding:10px 12px;display:flex}.gap-info-item{flex-direction:column;gap:2px;display:flex}.gap-info-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-family:var(--font-dm-mono),ui-monospace,monospace}.gap-info-value{font-size:14px;font-weight:600}.gap-visual{background:var(--panel-deep);border:1px solid var(--stroke);border-radius:14px;margin-top:14px;padding:12px}.gap-visual-bar{background:#0000001a;border-radius:12px;height:24px;position:relative;overflow:hidden}.gap-visual-fill{border-radius:12px;height:100%;transition:width 60ms linear;position:absolute;top:0;left:0}.gap-visual-fill-click{background:linear-gradient(90deg,#4a9f4a 0%,#5cb85c 100%)}.gap-visual-fill-gap{background:linear-gradient(90deg,#a04a4a 0%,#c75050 100%)}.gap-visual-markers{justify-content:space-around;align-items:center;padding:0 4px;display:flex;position:absolute;inset:0}.gap-visual-marker{opacity:.4;border-radius:50%;width:8px;height:8px;transition:all .1s}.gap-visual-marker-click{background:#2a6a2a}.gap-visual-marker-gap{background:#6a2a2a}.gap-visual-marker-active{opacity:1;transform:scale(1.5);box-shadow:0 0 8px}.gap-visual-info{font-size:12px;font-family:var(--font-dm-mono),ui-monospace,monospace;justify-content:space-between;align-items:center;margin-top:10px;display:flex}.gap-visual-status{letter-spacing:.08em;border-radius:8px;padding:4px 10px;font-weight:600}.gap-visual-status-click{color:#2a6a2a;background:#5ab85c4d}.gap-visual-status-gap{color:#8a2a2a;background:#c750504d}.gap-visual-beat{color:var(--ink-muted)}.gap-visual-countdown{color:var(--ink-muted);opacity:.8}.metronome-led-gap{opacity:.3;background:linear-gradient(90deg,#c75050 0%,#e08080 50%,#c75050 100%);animation:none}.drill-controls{gap:20px;display:grid}.drill-section{flex-direction:column;gap:8px;display:flex}.drill-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-family:var(--font-dm-mono),ui-monospace,monospace}.drill-bpm{align-items:center;gap:8px;display:flex}.drill-bpm-input{text-align:center;width:80px;font-size:20px;font-weight:600;font-family:var(--font-dm-mono),ui-monospace,monospace}.drill-hint{color:var(--ink-muted);font-size:12px}.drill-presets{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.drill-preset-btn{text-align:center;flex-direction:column;align-items:center;padding:12px;display:flex}.drill-preset-name{font-size:14px;font-weight:600}.drill-preset-detail{color:var(--ink-muted);margin-top:2px;font-size:11px}.drill-custom-details{border:1px solid var(--stroke);background:var(--panel-deep);border-radius:12px}.drill-custom-summary{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;list-style:none;display:flex}.drill-custom-summary::-webkit-details-marker{display:none}.drill-custom-active{background:var(--ink);color:var(--bg);border-radius:6px;padding:2px 8px;font-size:11px}.drill-custom-body{padding:0 14px 14px}.drill-custom-row{gap:16px;display:flex}.drill-custom-field{flex-direction:column;gap:4px;display:flex}.drill-custom-field span{color:var(--ink-muted);font-size:12px}.drill-custom-field input{text-align:center;width:80px}.drill-checkbox-label{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.drill-checkbox-label input{width:18px;height:18px;accent-color:var(--ink)}.drill-timer-options{flex-wrap:wrap;gap:8px;display:flex}.drill-action{justify-content:center;margin-top:20px;display:flex}.drill-start-btn{color:#fff;background:linear-gradient(135deg,#5cb85c 0%,#4a9f4a 100%);border-color:#3d8b3d;padding:14px 32px;font-size:16px}.drill-stop-btn{color:#fff;background:linear-gradient(135deg,#c75050 0%,#a04a4a 100%);border-color:#8a3a3a;padding:14px 32px;font-size:16px}.drill-active-card{border:2px solid var(--ink-muted);animation:2s ease-in-out infinite drillPulse}.drill-active-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drill-active-label{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-family:var(--font-dm-mono),ui-monospace,monospace;color:var(--ink-muted)}.drill-active-bpm{font-size:24px;font-weight:600;font-family:var(--font-dm-mono),ui-monospace,monospace}.drill-active-pattern{margin-bottom:16px}.drill-pattern-visual{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.drill-pattern-dot{border-radius:50%;width:20px;height:20px;transition:all .2s}.drill-pattern-dot-on{background:linear-gradient(135deg,#5cb85c 0%,#4a9f4a 100%);box-shadow:0 2px 8px #5cb85c66}.drill-pattern-dot-off{opacity:.4;background:linear-gradient(135deg,#888 0%,#666 100%)}.drill-pattern-labels{color:var(--ink-muted);justify-content:center;gap:24px;font-size:12px;display:flex}.drill-pattern-label-on{color:#3d8b3d}.drill-pattern-label-off{opacity:.6}.drill-offbeat-badge{text-align:center;background:var(--panel-deep);color:var(--ink-muted);border-radius:8px;margin-bottom:16px;padding:6px 12px;font-size:12px}.drill-stats{justify-content:center;gap:32px;display:flex}.drill-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.drill-stat-value{font-size:28px;font-weight:600;font-family:var(--font-dm-mono),ui-monospace,monospace}.drill-stat-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}@keyframes drillPulse{0%,to{border-color:var(--ink-muted)}50%{border-color:var(--ink)}}@media (prefers-reduced-motion:reduce){.card{animation:none}.btn{transition:none}.recorder-timer-dot{animation:none}.recorder-btn,.module-card,.module-dot{transition:none}.drill-active-card{animation:none}.gap-visual-fill,.gap-visual-marker{transition:none}}.calendar-container{margin-bottom:16px}.calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.calendar-title{letter-spacing:.04em;font-size:14px;font-weight:600}.calendar-legend{align-items:center;gap:4px;display:flex}.calendar-legend-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-family:var(--font-dm-mono),ui-monospace,monospace}.calendar-legend-cell{border-radius:3px;width:12px;height:12px}.calendar-grid-wrapper{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.calendar-weekdays{flex-direction:column;gap:3px;padding-top:20px;display:flex}.calendar-weekday{height:12px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-family:var(--font-dm-mono),ui-monospace,monospace;line-height:12px}.calendar-main{flex:1;min-width:0}.calendar-months{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:16px;margin-bottom:4px;display:grid}.calendar-month{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-family:var(--font-dm-mono),ui-monospace,monospace}.calendar-grid{gap:3px;display:flex}.calendar-week{flex-direction:column;gap:3px;display:flex}.calendar-cell{border:none;border-radius:3px;width:12px;height:12px;padding:0;transition:transform .1s,box-shadow .1s}.calendar-cell:hover{box-shadow:0 0 0 2px var(--ink-muted);transform:scale(1.2)}.calendar-cell:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.calendar-level-0{background:#2f1a0014}.calendar-level-1{background:#f5d999}.calendar-level-2{background:#f0c055}.calendar-level-3{background:#d9a020}.calendar-level-4{background:#a67c00}.calendar-tooltip{z-index:50;background:var(--ink);color:var(--bg);pointer-events:none;white-space:nowrap;border-radius:10px;padding:8px 12px;font-size:12px;position:fixed;box-shadow:0 4px 12px #0000004d}.calendar-tooltip-date{margin-bottom:2px;font-weight:600}.calendar-tooltip-stats{opacity:.85;font-family:var(--font-dm-mono),ui-monospace,monospace}.calendar-tooltip-sep{opacity:.5;margin:0 6px}.streak-card{background:linear-gradient(135deg,var(--panel)0%,var(--panel-deep)100%);border:1px solid var(--stroke);border-radius:16px;padding:16px}.streak-main{align-items:center;gap:16px;display:flex}.streak-fire-container{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.streak-fire{font-size:36px;transition:transform .2s}.streak-fire-active{animation:2s ease-in-out infinite fireGlow}.streak-fire-glow{pointer-events:none;background:radial-gradient(circle,#ff8c004d 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite glowPulse;position:absolute;inset:-4px}.streak-info{flex:1}.streak-current{align-items:baseline;gap:8px;display:flex}.streak-current-number{font-size:32px;font-weight:700;font-family:var(--font-dm-mono),ui-monospace,monospace;line-height:1}.streak-current-label{color:var(--ink-muted);font-size:14px}.streak-status{font-size:11px;font-family:var(--font-dm-mono),ui-monospace,monospace;letter-spacing:.04em;border-radius:12px;margin-top:6px;padding:4px 10px;display:inline-block}.streak-status-active{color:#2a6a2a;background:#5ab85c33}.streak-status-warning{color:#8b6914;background:#ffb40033}.streak-status-gentle{color:var(--ink-muted);background:#0000000f}.streak-secondary{border-top:1px dashed var(--stroke);gap:24px;margin-top:14px;padding-top:14px;display:flex}.streak-stat{flex-direction:column;gap:2px;display:flex}.streak-stat-value{font-size:16px;font-weight:600;font-family:var(--font-dm-mono),ui-monospace,monospace}.streak-stat-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.streak-compact{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;display:flex}.streak-compact-fire{font-size:18px}.streak-compact-count{font-size:18px;font-weight:700;font-family:var(--font-dm-mono),ui-monospace,monospace}.streak-compact-label{color:var(--ink-muted);font-size:12px}.streak-compact-active{color:#2a6a2a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-family:var(--font-dm-mono),ui-monospace,monospace;background:#5ab85c33;border-radius:8px;margin-left:6px;padding:2px 8px}.streak-badge{font-family:var(--font-dm-mono),ui-monospace,monospace;background:#ff8c0026;border-radius:10px;align-items:center;gap:3px;padding:3px 8px;display:inline-flex}.streak-badge-fire{font-size:12px}.streak-badge-count{font-size:12px;font-weight:600}@keyframes fireGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.stats-card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;display:grid}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-item-value{font-size:24px;font-weight:700;font-family:var(--font-dm-mono),ui-monospace,monospace;line-height:1.1}.stat-item-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stat-item-trend{font-size:10px;font-family:var(--font-dm-mono),ui-monospace,monospace;margin-top:2px}.stat-item-trend-up{color:#2a6a2a}.stat-item-trend-down{color:#8a4a4a}.compact-stats{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;display:flex}.compact-stat{align-items:center;gap:4px;display:flex}.compact-stat-value{font-size:16px;font-weight:700;font-family:var(--font-dm-mono),ui-monospace,monospace}.compact-stat-label{color:var(--ink-muted);font-size:12px}.compact-stat-fire{font-size:14px}.compact-stat-check{color:#2a6a2a;margin-left:2px;font-size:12px}.compact-stat-sep{color:var(--ink-muted);opacity:.5}.achievements-card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:16px}.achievements-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.achievements-title{letter-spacing:.04em;font-size:14px;font-weight:600}.achievements-count{color:var(--ink-muted);font-size:12px;font-family:var(--font-dm-mono),ui-monospace,monospace}.achievements-grid{gap:10px;display:grid}.achievements-grid-locked{opacity:.6}.achievement{background:var(--panel-deep);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:transform .1s;display:flex}.achievement:hover{transform:translate(2px)}.achievement-unlocked{background:linear-gradient(135deg,var(--panel-deep)0%,#f5d999 100%)}.achievement-locked{background:#0000000a}.achievement-icon{flex-shrink:0;font-size:24px}.achievement-icon-locked{filter:grayscale();opacity:.5}.achievement-info{flex-direction:column;gap:2px;display:flex}.achievement-title{font-size:13px;font-weight:600}.achievement-desc{color:var(--ink-muted);font-size:11px}.achievements-locked{border-top:1px dashed var(--stroke);margin-top:14px;padding-top:14px}.achievements-locked-label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-family:var(--font-dm-mono),ui-monospace,monospace;margin-bottom:10px;display:block}@media (prefers-reduced-motion:reduce){.streak-fire-active,.streak-fire-glow{animation:none}.calendar-cell,.achievement{transition:none}}.touch-target{min-width:44px;min-height:44px}.mobile-nav-toggle{background:var(--panel-deep);border:1px solid var(--stroke);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:none}.mobile-nav-toggle-icon{flex-direction:column;gap:4px;width:20px;display:flex}.mobile-nav-toggle-icon span{background:var(--ink);border-radius:2px;height:2px;transition:transform .2s,opacity .2s}.mobile-nav-toggle[aria-expanded=true] .mobile-nav-toggle-icon span:first-child{transform:rotate(45deg)translate(4px,4px)}.mobile-nav-toggle[aria-expanded=true] .mobile-nav-toggle-icon span:nth-child(2){opacity:0}.mobile-nav-toggle[aria-expanded=true] .mobile-nav-toggle-icon span:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.mobile-nav-menu{display:none}.desktop-nav{display:contents}@media (max-width:768px){.global-logo{width:120px;height:120px}main.shell{margin-top:24px;padding:0 12px 24px}.shell-header{margin-top:48px;padding:14px}.title{font-size:clamp(20px,5vw,28px)}.card{padding:14px}.grid{grid-template-columns:1fr}.gap-settings{flex-direction:column;gap:12px}.gap-info{flex-wrap:wrap;gap:12px}}@media (max-width:640px){html{font-size:16px}.global-logo{width:80px;height:80px;top:8px;left:8px}main.shell{margin-top:16px;padding:0 10px 20px}.shell-header{border-radius:14px;margin-top:32px;padding:12px}.shell-head{flex-direction:column;gap:12px}.shell-nav{justify-content:flex-start;width:100%}.desktop-nav{display:none}.mobile-nav-toggle{display:flex}.mobile-nav-menu{background:var(--bg);z-index:100;flex-direction:column;gap:8px;padding:80px 20px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.mobile-nav-menu.mobile-nav-open{display:flex}.mobile-nav-menu .btn{justify-content:flex-start;width:100%;min-height:48px;font-size:16px}.mobile-nav-close{background:var(--panel-deep);border:1px solid var(--stroke);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:24px;display:flex;position:absolute;top:12px;right:12px}.title{font-size:20px}.sub{font-size:14px}.kicker{font-size:10px}.card{border-radius:14px;margin-bottom:12px;padding:12px}.card-title{font-size:16px}.timer{border-radius:14px;min-height:88px;padding:16px}.timer-readout{font-size:28px}.timer-label,.timer-state{font-size:11px}.timer-flash-inner{width:calc(100% - 32px);max-width:320px;margin:16px;padding:20px}.metronome{flex-direction:column;align-items:flex-start;gap:12px}.metronome-title{font-size:24px}.metronome .btn{width:100%;min-height:48px;font-size:16px}.metronome-led{height:12px}.gap-visual{padding:10px}.gap-visual-bar{border-radius:16px;height:32px}.gap-visual-marker{width:10px;height:10px}.gap-visual-info{flex-direction:column;align-items:flex-start;gap:6px;font-size:11px}.gap-controls{margin-top:12px;padding-top:12px}.gap-controls-compact{flex-direction:column;align-items:stretch;gap:8px}.gap-controls-compact .btn{width:100%;min-height:44px}.gap-controls-compact select{width:100%;min-height:44px;font-size:16px}.gap-presets{flex-direction:column;align-items:stretch}.gap-presets .btn{min-height:44px}.gap-settings{flex-direction:column}.gap-setting{width:100%}.gap-input{width:100%;min-height:44px;font-size:16px}.gap-checkbox{width:24px;height:24px}.btn{min-height:44px;padding:12px 16px;font-size:15px}.btn-small{min-height:40px;padding:10px 14px}.row{flex-direction:column;gap:8px}.row .btn{width:100%}.input,select,input{min-height:44px;padding:12px 14px;font-size:16px}.field{gap:8px}.field label,.field span{font-size:14px}.recorder{border-radius:14px;padding:12px}.recorder-controls{flex-direction:column;align-items:stretch}.recorder-btn{justify-content:center;width:100%;min-height:52px;font-size:16px}.recorder-btn-record{background:linear-gradient(135deg,var(--panel)0%,#f5c04a 100%)}.recorder-btn-icon-record{font-size:16px}.recorder-timer{background:var(--panel-deep);border-radius:10px;justify-content:center;padding:12px}.recorder-playback-row{flex-direction:column;gap:8px}.recorder-playback-row .recorder-btn{width:100%}.recorder-history-item{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0}.recorder-history-actions{gap:8px;width:100%;display:flex}.recorder-history-actions .recorder-btn{flex:1;min-height:40px}.module-progress-compact{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px}.module-dots{gap:8px}.module-dot{width:14px;height:14px}.module-advance-hint{text-align:center;justify-content:center;align-items:center;width:100%;min-height:40px;margin-left:0;display:flex}.module-grid{grid-template-columns:1fr}.compact-stats{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.compact-stat-sep{display:none}.streak-main{flex-direction:column;align-items:flex-start}.streak-fire-container{width:40px;height:40px}.streak-fire{font-size:28px}.streak-secondary{flex-direction:column;gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.calendar-header{flex-direction:column;align-items:flex-start}.calendar-cell{width:10px;height:10px}.calendar-weekday{font-size:8px}.setup-guide{padding:10px 12px}.setup-guide summary{align-items:center;min-height:44px}.credits{justify-content:center;align-items:center;min-height:40px;display:flex}.credits-panel{z-index:50;border-radius:14px;padding:16px;position:fixed;inset:auto 10px 20px}.drill-bpm{flex-direction:column;align-items:stretch}.drill-bpm-input{width:100%;min-height:52px;font-size:24px}.drill-bpm .btn{min-width:48px;min-height:48px}.drill-presets{grid-template-columns:1fr}.drill-preset-btn{min-height:60px}.drill-custom-row{flex-direction:column;gap:12px}.drill-custom-field input{width:100%;min-height:44px}.drill-start-btn,.drill-stop-btn{width:100%;min-height:56px;font-size:18px}.drill-stats{flex-direction:column;gap:16px}ul{margin-left:12px}li{margin:8px 0}li .btn{text-align:left;white-space:normal;line-height:1.4}}@media (max-width:375px){.global-logo{width:60px;height:60px}main.shell{padding:0 8px 16px}.shell-header{margin-top:24px;padding:10px}.title{font-size:18px}.card{border-radius:12px;padding:10px}.timer{padding:14px}.timer-readout{font-size:24px}.metronome-title{font-size:20px}.btn{padding:10px 12px;font-size:14px}.recorder-btn{min-height:48px}.gap-visual-marker{width:8px;height:8px}.stats-grid{grid-template-columns:1fr 1fr}.stat-item-value{font-size:20px}.streak-current-number{font-size:26px}}@media (max-height:500px) and (orientation:landscape){.timer-flash{padding:10px}.timer-flash-inner{padding:14px 20px}.timer-flash-title{font-size:20px}.mobile-nav-menu{flex-flow:wrap;padding-top:60px}.mobile-nav-menu .btn{flex:none;width:auto}}@supports (padding:max(0px)){main.shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}.mobile-nav-menu{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}.timer-flash{padding:max(16px,env(safe-area-inset-top))max(16px,env(safe-area-inset-right))max(16px,env(safe-area-inset-bottom))max(16px,env(safe-area-inset-left))}}@media (hover:none){.btn:active,.timer:active,.recorder-btn:active{opacity:.9;transform:scale(.98)}.btn:hover,.timer:hover,.recorder-btn:hover:not(:disabled){transform:none}}