@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f1f4ed;background:#101311;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #101311;--surface: #171b18;--surface-2: #1e241f;--surface-3: #252d25;--border: rgba(232, 239, 224, .12);--muted: #96a097;--text: #f1f4ed;--lime: #b7f36b;--lime-dark: #17220f;--purple: #ac9cff;--danger: #ff8d8d;--mono: "DM Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.05;letter-spacing:-.06em}h2{font-size:1.35rem;letter-spacing:-.03em}h3{font-size:1.05rem}small{font-size:.76rem}.muted{color:var(--muted);line-height:1.6}.eyebrow{display:inline-block;color:#7e8c81;font:500 .69rem/1.2 var(--mono);letter-spacing:.13em;text-transform:uppercase}.eyebrow.light{color:#101311a6}.app-shell{display:flex;height:100vh;min-height:0}.sidebar{width:214px;height:100vh;flex:0 0 214px;overflow-y:auto;border-right:1px solid var(--border);padding:20px 13px 14px;display:flex;flex-direction:column;background:#121612}.brand{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:800;letter-spacing:-.03em;white-space:nowrap}.brand-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#101311;background:var(--lime);transform:rotate(-6deg)}.sidebar-top{padding:0 7px}.main-nav{display:grid;gap:3px;margin-top:38px}.main-nav button{min-height:40px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:0 10px;color:#89958b;text-align:left;background:transparent;transition:color .2s ease,background .2s ease,transform .2s ease}.main-nav button:hover,.main-nav button:focus-visible{color:var(--text);background:var(--surface-2)}.main-nav button:active{transform:scale(.98)}.main-nav button.active{color:var(--lime);background:#b7f36b1a}.nav-arrow{margin-left:auto;opacity:.75}.sidebar-bottom{margin-top:auto}.mini-note{display:flex;gap:8px;margin:0 5px 12px;padding:9px;border:1px solid rgba(183,243,107,.16);border-radius:9px;color:#9cab9b;background:#b7f36b0d;font-size:.67rem;line-height:1.35}.mini-note svg{flex:none;color:var(--lime)}.mini-note strong{color:var(--lime)}.profile{width:100%;min-height:44px;display:flex;align-items:center;gap:8px;border:0;border-top:1px solid var(--border);padding:10px 5px 0;color:var(--text);background:transparent;text-align:left}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#11170d;background:var(--lime);font-weight:800}.profile-copy{display:grid;gap:1px;flex:1;min-width:0}.profile-copy small{color:var(--muted)}.main-content{min-width:0;min-height:0;display:flex;flex:1;flex-direction:column}.topbar{height:68px;flex:0 0 68px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding:0 38px}.topbar-context{color:#849087;font-size:.82rem}.topbar-right{display:flex;align-items:center;gap:16px;margin-left:auto}.date-chip{display:flex;align-items:center;gap:7px;color:#a9b3aa;font:.74rem var(--mono)}.page-wrap{width:min(1160px,calc(100% - 76px));min-height:0;flex:1;overflow-y:auto;margin:0 auto;padding:48px 0 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px}.page-heading h1{margin:11px 0 12px}.page-heading p{font-size:.9rem}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:0 16px;color:var(--text);font-size:.8rem;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.98)}.button-primary{color:#11170d;background:var(--lime)}.button-primary:hover{background:#ccff91}.button-accent{color:#11170d;background:var(--lime);box-shadow:0 9px 25px #b7f36b24}.button-soft{color:var(--lime);border-color:#b7f36b33;background:#b7f36b1a}.button-ghost{border-color:var(--border);background:transparent}.button-ghost:hover{border-color:#b7f36b59;background:var(--surface-2)}.button-danger-ghost{color:var(--danger);border-color:#ff8d8d33;background:#ff8d8d0d}.button-wide{width:100%}.button-large{min-height:48px;padding:0 19px}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:8px;color:#a6b0a7;background:transparent;transition:background .2s ease,color .2s ease}.icon-button:hover,.icon-button:focus-visible{color:var(--lime);border-color:var(--border);background:var(--surface-2)}.text-button{border:0;padding:6px 0;color:var(--lime);background:transparent;font-size:.78rem;font-weight:700}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.text-button-icon{display:inline-flex;align-items:center;gap:7px}.card{border:1px solid var(--border);border-radius:13px;background:var(--surface)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-head h2,.section-head h3{margin-top:8px}.muted-icon{color:#707d72}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.focus-card{min-height:315px;display:flex;flex-direction:column;border-radius:13px;padding:28px;color:#11170d;background:var(--lime)}.focus-card-head,.focus-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.status-dot{display:flex;align-items:center;gap:7px;font:500 .7rem var(--mono)}.status-dot span{width:7px;height:7px;border-radius:50%;background:#547d2b}.focus-time{margin:auto 0 6px;font:500 clamp(2.9rem,7vw,5.8rem)/.95 var(--mono);letter-spacing:-.1em}.focus-card p{color:#11170d9e;font-size:.81rem}.focus-divider{height:1px;margin:24px 0 17px;background:#11170d2e}.focus-meta strong{display:block;font:500 1.12rem var(--mono)}.focus-meta small{display:block;margin-top:5px;color:#11170d9e;font-size:.68rem}.focus-meta .button{color:var(--lime);background:#17220f;box-shadow:none}.week-card{padding:27px 26px 22px}.trend-total{color:var(--lime);font:500 .78rem var(--mono)}.bar-chart{position:relative;height:205px;margin-top:26px;padding-left:34px}.chart-guides{position:absolute;inset:0 auto 26px 0;display:flex;flex-direction:column;justify-content:space-between;color:#68736b;font:.62rem var(--mono)}.bars{height:178px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 58px,rgba(232,239,224,.055) 59px,transparent 60px)}.bar-column{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.bar{width:min(25px,65%);min-height:3px;border-radius:5px 5px 2px 2px;background:#4a5a4c;transition:height .3s ease}.bar.today{background:var(--lime)}.bar-column small{color:#7b887e;font:.63rem var(--mono);white-space:nowrap}.section-block{margin-top:54px}.section-block>.section-head{margin-bottom:18px}.plan-progress{padding:22px 24px}.progress-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.progress-top strong{color:var(--lime);font:500 .8rem var(--mono)}.progress-track,.stat-track{height:5px;overflow:hidden;border-radius:9px;background:#2b342c}.progress-track{margin:13px 0 21px}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--lime);transition:width .3s ease}.plan-list{display:grid;gap:2px}.plan-row{display:flex;align-items:center;gap:12px;min-height:55px;border-top:1px solid var(--border)}.tag-dot,.tag-large-dot{display:inline-block;flex:0 0 auto;border-radius:50%}.tag-dot{width:9px;height:9px}.tag-large-dot{width:13px;height:13px}.plan-name{display:grid;flex:1;gap:3px;color:#dce3da;font-size:.82rem}.plan-name small{color:var(--muted);font-size:.68rem}.plan-minutes{color:var(--lime);font:500 .73rem var(--mono);text-align:right}.plan-minutes small{color:var(--muted);font-size:.65rem}.focus-badge,.type-badge,.archive-badge{display:inline-block;margin-left:8px;border-radius:4px;padding:3px 5px;font:500 .59rem var(--mono)}.focus-badge{color:#d9c9ff;background:#ac9cff29}.empty-card{min-height:92px;display:flex;align-items:center;gap:15px;border:1px dashed #344137;border-radius:12px;padding:19px 22px;color:#c8d2c8;background:#171b1873}.empty-card p{margin-top:4px;color:var(--muted);font-size:.75rem;line-height:1.5}.empty-card .button{margin-left:auto}.empty-icon,.lesson-symbol{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:10px;color:var(--lime);background:#b7f36b1c}.lesson-card{border-style:solid}.lesson-symbol{color:var(--purple);background:#ac9cff1c}.practice-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}.timer-card{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:13px;padding:40px 28px;background:#161c17;position:relative;overflow:hidden}.timer-card:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(183,243,107,.12);border-radius:50%}.timer-card:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(183,243,107,.08);border-radius:50%}.timer-orbit{width:min(370px,75vw);aspect-ratio:1;display:grid;place-items:center;z-index:1;border:1px solid rgba(183,243,107,.25);border-radius:50%;box-shadow:0 0 0 15px #b7f36b08,0 0 80px #b7f36b14}.timer-inner{width:82%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;text-align:center;background:#1b241b}.timer-value{margin:16px 0 10px;color:var(--lime);font:500 clamp(2.35rem,6vw,4.25rem)/1 var(--mono);letter-spacing:-.1em}.timer-tag{max-width:80%;overflow:hidden;color:#d8e1d5;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.timer-actions{display:flex;z-index:2;gap:10px;margin-top:40px}.timer-error{z-index:3;margin-top:14px}.sound-panel{min-height:620px;display:flex;flex-direction:column;gap:22px;border:1px solid var(--border);border-radius:13px;padding:27px;background:var(--surface)}.selected-practice{display:flex;align-items:center;gap:12px;border:1px solid rgba(183,243,107,.18);border-radius:9px;padding:14px;background:#b7f36b0d}.selected-practice .tag-dot{width:12px;height:12px}.selected-practice div{display:grid;gap:3px}.selected-practice small{color:var(--muted)}.selected-practice strong{font-size:.87rem}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.control-label,.stack-form label{display:grid;gap:9px;color:#aab6aa;font-size:.75rem}.control-label strong{float:right;color:var(--lime);font:500 .72rem var(--mono)}select,input:not([type=range]):not([type=color]),textarea{width:100%;border:1px solid var(--border);outline:none;border-radius:7px;padding:11px 12px;color:var(--text);background:var(--surface-2);transition:border .2s ease,box-shadow .2s ease}select{min-height:43px}textarea{resize:vertical;line-height:1.5}select:focus,input:focus,textarea:focus{border-color:#b7f36bb3;box-shadow:0 0 0 3px #b7f36b1f}input[type=range]{width:100%;accent-color:var(--lime)}.sound-tip{display:flex;align-items:flex-start;gap:9px;margin-top:auto;border-top:1px solid var(--border);padding-top:18px;color:#91a094;font-size:.7rem;line-height:1.5}.sound-tip svg{flex:none;color:var(--lime)}.two-column,.settings-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:start}.form-card{padding:26px}.stack-form{display:grid;gap:18px;margin-top:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.optional{color:#657167;font-weight:400}.color-field{display:flex;align-items:center;gap:9px;min-height:43px;border:1px solid var(--border);border-radius:7px;padding:5px 10px;background:var(--surface-2)}input[type=color]{width:29px;height:29px;border:0;padding:0;background:none}code{color:var(--muted);font:.72rem var(--mono)}.tag-library{min-width:0}.count-label,.active-plan-pill{color:var(--muted);font-size:.75rem}.tag-list{display:grid;gap:9px}.tag-card{min-height:89px;display:flex;align-items:center;gap:14px;padding:17px 19px}.tag-card:hover{border-color:#b7f36b47}.tag-copy{min-width:0;flex:1}.tag-copy>div{display:flex;align-items:center;flex-wrap:wrap;gap:3px}.tag-copy strong{color:#e0e8df;font-size:.88rem}.tag-copy p{margin:4px 0 6px;overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.tag-copy small{color:#7d897f}.tag-copy small b{color:#bdc9bc;font-weight:500}.type-badge{margin-left:5px;color:#a9bca7;background:#29342a}.archive-badge{color:#9caaa0;background:#292f2b}.archived{opacity:.56}.plan-editor{padding:28px}.plan-editor-head,.plan-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.plan-editor-head{padding-bottom:25px;border-bottom:1px solid var(--border)}.plan-editor-head h2{margin-bottom:8px}.plan-editor-head p{font-size:.76rem}.editor-list{display:grid}.editor-row{display:flex;gap:17px;border-bottom:1px solid var(--border);padding:24px 0}.row-number{color:#68746b;font:.75rem var(--mono);padding-top:12px}.editor-fields{display:grid;grid-template-columns:1.25fr .72fr .72fr 1.6fr .65fr;align-items:end;gap:10px;flex:1}.editor-fields label{display:grid;position:relative;gap:8px;color:#9eaa9f;font-size:.68rem}.editor-fields input,.editor-fields select{min-height:42px;padding:9px}.editor-fields small{position:absolute;right:9px;bottom:13px;color:#68766a;font:.61rem var(--mono);pointer-events:none}.editor-fields input[type=number]{padding-right:35px}.remove-button{flex:none;margin-top:15px}.add-row{min-height:51px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #3d4a3e;border-radius:8px;margin-top:20px;color:#9dad9c;background:transparent;font-size:.76rem}.add-row:hover{border-color:var(--lime);color:var(--lime)}.plan-footer{margin-top:24px;color:var(--muted);font-size:.7rem}.active-plan-pill{display:flex;align-items:center;gap:8px;border:1px solid rgba(183,243,107,.18);border-radius:999px;padding:8px 11px}.active-plan-pill span{width:7px;height:7px;border-radius:50%;background:var(--lime)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.metric-card{min-height:147px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:12px;padding:20px 22px;background:var(--surface)}.metric-card strong{color:var(--text);font:500 clamp(1.75rem,4vw,2.6rem) var(--mono);letter-spacing:-.08em}.metric-card small{color:var(--muted);font-size:.7rem}.accent-metric{border-color:#b7f36b33;background:#b7f36b0f}.accent-metric strong,.accent-metric .eyebrow{color:var(--lime)}.chart-card{min-height:345px;padding:27px}.month-chart{height:240px;display:flex;align-items:end;gap:clamp(8px,2vw,24px);margin-top:24px;border-bottom:1px solid var(--border)}.month-column{height:100%;min-width:31px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:end;gap:9px}.month-value{min-height:15px;color:#aeb9ad;font:.62rem var(--mono)}.month-bar-wrap{width:100%;height:178px;display:flex;align-items:end;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,rgba(232,239,224,.04) 44px,transparent 45px)}.month-bar{width:min(39px,65%);min-height:3px;margin:auto;border-radius:5px 5px 0 0;background:#657b68}.month-column:last-child .month-bar{background:var(--lime)}.month-column small{color:#7d897f;font:.63rem var(--mono)}.chart-empty{margin:auto;color:var(--muted);font-size:.8rem}.tag-stats{margin-top:50px}.tag-stat-list{display:grid;gap:17px}.tag-stat{display:grid;grid-template-columns:15px minmax(130px,.7fr) 1fr 90px;align-items:center;gap:12px;color:#c7d1c6;font-size:.78rem}.stat-track{height:7px}.stat-track span{display:block;height:100%;border-radius:inherit}.tag-stat strong{color:var(--muted);font:500 .68rem var(--mono);text-align:right}.settings-grid{grid-template-columns:1fr 1fr}.body-copy{margin-top:20px;font-size:.78rem}.upload-zone{min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #445344;border-radius:10px;margin-top:20px;color:var(--lime);background:#b7f36b09;text-align:center;cursor:pointer}.upload-zone input{display:none}.upload-zone strong{color:#dbe7d9;font-size:.78rem}.upload-zone small{color:var(--muted)}.account-box{display:flex;align-items:center;gap:11px;border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.account-box div{display:grid;flex:1;gap:3px}.account-box small{color:var(--muted)}.form-error,.success-message{display:flex;align-items:center;gap:8px;border-radius:7px;padding:10px 12px;font-size:.74rem}.form-error{color:#ffb0b0;background:#ff8d8d17}.success-message{color:var(--lime);background:#b7f36b17}.saved{display:inline-flex;align-items:center;gap:5px;color:var(--lime)}.loading-state{min-height:60vh;display:grid;place-items:center;gap:9px;color:var(--muted);font-size:.8rem}.spinner{width:17px;height:17px;display:inline-block;border:2px solid #364139;border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{display:flex;flex-direction:column;min-height:100vh;padding:38px 8vw 38px 9vw;background:#171d17;overflow:hidden}.auth-quote{position:relative;margin:auto 0;z-index:1}.auth-quote h1{margin:22px 0;font-size:clamp(3rem,5vw,5.7rem)}.auth-quote h1 em{color:var(--lime);font-style:normal}.auth-quote p{color:#9ba99c;font-size:.95rem}.piano-lines{position:absolute;z-index:-1;width:700px;height:330px;left:-100px;top:90px;opacity:.32;transform:rotate(-12deg);background:repeating-linear-gradient(to bottom,transparent 0,transparent 42px,rgba(183,243,107,.16) 43px,transparent 44px)}.aside-foot{color:#6e7b70;font:.67rem var(--mono)}.auth-panel{display:grid;place-items:center;padding:30px;background:#101311}.auth-card{width:min(390px,100%)}.mobile-logo{display:none;margin-bottom:70px}.auth-card h2{margin:17px 0 10px;font-size:2rem}.auth-card>.muted{font-size:.78rem}.auth-card .stack-form{margin-top:33px}.auth-card .button{margin-top:5px}.auth-card .text-button{display:block;margin:25px auto 0;color:#9ba99c;font-size:.76rem;font-weight:500}.menu-button,.sidebar-close,.sidebar-scrim{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:1000px){.page-wrap{width:min(100% - 52px,760px)}.topbar{padding:0 26px}.sidebar{width:210px;flex-basis:210px}.hero-grid,.practice-layout{grid-template-columns:1fr}.focus-card{min-height:280px}.timer-card,.sound-panel{min-height:500px}.editor-fields{grid-template-columns:1fr 1fr 1fr}.field-tag,.field-requirement{grid-column:span 3}.priority-label{grid-column:span 1}}@media(max-width:720px){h1{font-size:2.45rem}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(288px,86vw);transform:translate(-100%);transition:transform .25s ease;box-shadow:20px 0 60px #00000052}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#0000008c}.sidebar-close{display:inline-grid;float:right;margin-top:-5px}.menu-button{display:inline-grid}.topbar{height:65px;padding:0 18px}.topbar-context{font-size:.75rem}.date-chip{display:none}.page-wrap{width:calc(100% - 32px);padding:37px 0 54px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:31px}.page-heading .button,.page-heading .active-plan-pill{align-self:flex-start}.hero-grid{gap:12px}.focus-card{min-height:282px;padding:22px}.focus-time{font-size:3.3rem}.week-card,.sound-panel,.form-card,.plan-editor,.chart-card{padding:21px}.section-block{margin-top:38px}.empty-card{align-items:flex-start;flex-wrap:wrap}.empty-card .button{margin-left:57px}.practice-layout{gap:12px}.timer-card{min-height:480px;padding:20px 12px}.timer-orbit{width:min(290px,80vw)}.timer-actions{flex-wrap:wrap;justify-content:center;margin-top:27px}.sound-panel{min-height:auto}.control-grid,.two-column,.settings-grid,.metric-grid{grid-template-columns:1fr}.two-column,.settings-grid{gap:34px}.tag-library{order:-1}.editor-row{gap:9px}.editor-fields{grid-template-columns:1fr 1fr}.field-tag,.field-requirement,.priority-label{grid-column:span 2}.plan-editor-head,.plan-footer{align-items:flex-start;flex-direction:column}.plan-footer .button{width:100%}.tag-stat{grid-template-columns:15px minmax(120px,1fr) 85px}.tag-stat .stat-track{grid-column:2 / -1;grid-row:2}.auth-page{display:block}.auth-aside{display:none}.auth-panel{min-height:100vh;padding:28px 25px;place-items:start center}.auth-card{padding-top:28px}.mobile-logo{display:block}}.plan-title-field{display:grid;gap:9px;margin:24px 0 4px;color:#aab6aa;font-size:.75rem}.tag-actions{display:flex;gap:2px}.recovery-banner{display:flex;align-items:center;gap:10px;margin:-10px 0 18px;border:1px solid rgba(255,196,108,.25);border-radius:9px;padding:12px 14px;color:#e8c996;background:#ffc46c12;font-size:.75rem}.recovery-banner span{flex:1}.practice-item-picker{display:grid;gap:8px;border-top:1px solid var(--border);padding-top:18px}.practice-item-picker>small{color:var(--muted);font-size:.7rem}.practice-item-choice{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:8px;padding:10px;color:var(--text);text-align:left;background:var(--surface-2)}.practice-item-choice:hover,.practice-item-choice.selected{border-color:#b7f36b59;background:#b7f36b14}.practice-item-choice>span:last-child{display:grid;gap:3px}.practice-item-choice strong{font-size:.78rem}.practice-item-choice small{color:var(--muted);font-size:.65rem}.compact-empty{min-height:60px;padding:14px;font-size:.75rem}.metronome-toolbar,.metronome-options,.modal-actions{display:flex;align-items:center;gap:9px}.metronome-toolbar{border-top:1px solid var(--border);padding-top:18px}.metronome-toolbar .icon-button{margin-left:auto}.option-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:8px 11px;color:var(--muted);background:transparent;font-size:.7rem}.option-toggle.on{border-color:#b7f36b47;color:var(--lime);background:#b7f36b12}.beat-indicator{width:15px;height:15px;border:2px solid #536457;border-radius:50%;background:#344238;transition:transform .1s ease,background .1s ease,box-shadow .1s ease}.beat-indicator.beat-flash{background:var(--lime);box-shadow:0 0 0 7px #b7f36b1c,0 0 20px #b7f36b8c;animation:beat-pulse .32s ease-out}@keyframes beat-pulse{0%{transform:scale(1.65)}to{transform:scale(1)}}.field-hint{color:#718073;font-size:.65rem}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#080c09c2}.modal-card{width:min(100%,500px);border:1px solid var(--border);border-radius:13px;padding:26px;background:var(--surface);box-shadow:0 24px 80px #0000006b}.modal-actions{justify-content:flex-end;margin-top:5px}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-card{display:grid;gap:14px;padding:20px}.history-card.current{border-color:#b7f36b59}.history-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.history-card h3{margin-top:7px;font-size:1rem}.history-items{display:grid;gap:7px}.history-item{display:flex;align-items:center;gap:8px;color:#cdd8cc;font-size:.75rem}.history-item small{margin-left:auto;color:var(--muted)}.history-card-actions{display:flex;flex-wrap:wrap;gap:8px}.records-groups{display:grid;gap:42px}.records-group{display:grid;gap:16px}.records-list{display:grid;gap:10px}.record-card{display:flex;align-items:center;gap:18px;padding:18px 20px}.record-copy{min-width:0;flex:1}.record-copy h2{margin:7px 0 5px;font-size:1rem}.record-copy p{overflow:hidden;color:var(--muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.record-duration{color:var(--lime);font:500 .82rem var(--mono);white-space:nowrap}.record-actions{display:flex;gap:3px}.records-error{margin-bottom:18px}@media(max-width:720px){.recovery-banner{align-items:flex-start;flex-wrap:wrap}.recovery-banner .text-button{margin-left:27px}.metronome-options{flex-wrap:wrap}.history-grid{grid-template-columns:1fr}.modal-card{padding:21px}.modal-actions{flex-wrap:wrap}.modal-actions .button:last-child{margin-left:auto}}.timer-card:before,.timer-card:after{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.timer-card.beat-active:before{animation:timer-ring-beat .34s ease-out}.timer-card.beat-active:after{animation:timer-ring-beat-inner .34s ease-out}.timer-card.beat-active .timer-orbit{animation:timer-orbit-beat .34s ease-out}@keyframes timer-ring-beat{0%{transform:scale(1);border-color:#b7f36b1f;box-shadow:none}42%{transform:scale(1.12);border-color:#b7f36b6b;box-shadow:0 0 54px #b7f36b38}to{transform:scale(1);border-color:#b7f36b1f;box-shadow:none}}@keyframes timer-ring-beat-inner{0%{transform:scale(1);border-color:#b7f36b14}42%{transform:scale(.9);border-color:#b7f36b4d}to{transform:scale(1);border-color:#b7f36b14}}@keyframes timer-orbit-beat{0%{transform:scale(1);box-shadow:0 0 0 15px #b7f36b08,0 0 80px #b7f36b14}42%{transform:scale(1.025);box-shadow:0 0 0 25px #b7f36b1a,0 0 115px #b7f36b3d}to{transform:scale(1);box-shadow:0 0 0 15px #b7f36b08,0 0 80px #b7f36b14}}