:root{color-scheme:dark;--c-bg: #0b0f17;--c-surface: #121826;--c-surface-raised: rgba(255, 255, 255, .04);--c-surface-muted: rgba(255, 255, 255, .03);--c-surface-hover: rgba(255, 255, 255, .08);--c-card-bg: #101620;--c-card-hover-bg: #141c29;--c-text: #e6e9ef;--c-text-strong: #f7f9fc;--c-muted: #a6adbb;--c-border: rgba(230, 233, 239, .12);--c-border-strong: rgba(230, 233, 239, .22);--c-primary: #6ea8fe;--c-primary-strong: #00e5ff;--c-primary-soft: rgba(0, 229, 255, .12);--c-primary-border: rgba(0, 229, 255, .35);--c-primary-contrast: #0b0f17;--c-secondary: #a6adbb;--c-secondary-contrast: #0b0f17;--c-danger: #ff6b6b;--c-danger-soft: rgba(255, 107, 107, .1);--c-danger-border: rgba(255, 107, 107, .35);--c-success: #51cf66;--c-success-soft: rgba(81, 207, 102, .1);--c-success-border: rgba(81, 207, 102, .35);--c-warning: #ffb84d;--c-warning-soft: rgba(255, 184, 77, .12);--c-warning-border: rgba(255, 184, 77, .35);--c-header-bg: rgba(18, 24, 38, .75);--c-admin-header-bg: linear-gradient(135deg, rgba(14, 21, 34, .96), rgba(17, 31, 46, .92)), rgba(18, 24, 38, .88);--c-admin-header-border: rgba(103, 181, 255, .24);--c-input-bg: rgba(255, 255, 255, .04);--c-focus-ring: rgba(0, 229, 255, .24);--c-chart-grid: rgba(255, 255, 255, .08);--c-chart-point-border: #001018;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";--fs-1: .875rem;--fs-2: 1rem;--fs-3: 1.125rem;--fs-4: 1.25rem;--lh: 1.5;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--r-1: .5rem;--r-2: .75rem;--shadow-1: 0 8px 24px rgba(0, 0, 0, .25);--container: 1100px}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--c-bg: #f4f7fb;--c-surface: #ffffff;--c-surface-raised: rgba(13, 24, 38, .04);--c-surface-muted: rgba(13, 24, 38, .035);--c-surface-hover: rgba(13, 24, 38, .08);--c-card-bg: #f8fafc;--c-card-hover-bg: #f3f6fb;--c-text: #111827;--c-text-strong: #07111f;--c-muted: #596579;--c-border: rgba(13, 24, 38, .13);--c-border-strong: rgba(13, 24, 38, .24);--c-primary: #2563eb;--c-primary-strong: #087ea4;--c-primary-soft: rgba(37, 99, 235, .1);--c-primary-border: rgba(37, 99, 235, .34);--c-primary-contrast: #ffffff;--c-secondary: #596579;--c-secondary-contrast: #ffffff;--c-danger: #c2413d;--c-danger-soft: rgba(194, 65, 61, .1);--c-danger-border: rgba(194, 65, 61, .32);--c-success: #16803a;--c-success-soft: rgba(22, 128, 58, .1);--c-success-border: rgba(22, 128, 58, .32);--c-warning: #a15c00;--c-warning-soft: rgba(161, 92, 0, .1);--c-warning-border: rgba(161, 92, 0, .3);--c-header-bg: rgba(255, 255, 255, .82);--c-admin-header-bg: linear-gradient(135deg, rgba(245, 249, 255, .96), rgba(232, 241, 255, .94)), rgba(255, 255, 255, .9);--c-admin-header-border: rgba(37, 99, 235, .2);--c-input-bg: rgba(13, 24, 38, .035);--c-focus-ring: rgba(37, 99, 235, .22);--c-chart-grid: rgba(13, 24, 38, .11);--c-chart-point-border: #ffffff;--shadow-1: 0 8px 24px rgba(13, 24, 38, .1)}}:root[data-theme=light]{color-scheme:light;--c-bg: #f4f7fb;--c-surface: #ffffff;--c-surface-raised: rgba(13, 24, 38, .04);--c-surface-muted: rgba(13, 24, 38, .035);--c-surface-hover: rgba(13, 24, 38, .08);--c-card-bg: #f8fafc;--c-card-hover-bg: #f3f6fb;--c-text: #111827;--c-text-strong: #07111f;--c-muted: #596579;--c-border: rgba(13, 24, 38, .13);--c-border-strong: rgba(13, 24, 38, .24);--c-primary: #2563eb;--c-primary-strong: #087ea4;--c-primary-soft: rgba(37, 99, 235, .1);--c-primary-border: rgba(37, 99, 235, .34);--c-primary-contrast: #ffffff;--c-secondary: #596579;--c-secondary-contrast: #ffffff;--c-danger: #c2413d;--c-danger-soft: rgba(194, 65, 61, .1);--c-danger-border: rgba(194, 65, 61, .32);--c-success: #16803a;--c-success-soft: rgba(22, 128, 58, .1);--c-success-border: rgba(22, 128, 58, .32);--c-warning: #a15c00;--c-warning-soft: rgba(161, 92, 0, .1);--c-warning-border: rgba(161, 92, 0, .3);--c-header-bg: rgba(255, 255, 255, .82);--c-admin-header-bg: linear-gradient(135deg, rgba(245, 249, 255, .96), rgba(232, 241, 255, .94)), rgba(255, 255, 255, .9);--c-admin-header-border: rgba(37, 99, 235, .2);--c-input-bg: rgba(13, 24, 38, .035);--c-focus-ring: rgba(37, 99, 235, .22);--c-chart-grid: rgba(13, 24, 38, .11);--c-chart-point-border: #ffffff;--shadow-1: 0 8px 24px rgba(13, 24, 38, .1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.danger{color:var(--c-danger)}html{color-scheme:dark light}body{font-family:var(--font-sans);font-size:var(--fs-2);line-height:var(--lh);background:var(--c-bg);color:var(--c-text)}.container{width:min(100% - 2 * var(--sp-4),var(--container));margin-inline:auto}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-2);box-shadow:var(--shadow-1)}.pageStateShell{width:min(100%,var(--container));margin:0 auto;padding:0 var(--sp-6)}@media(max-width:640px){.pageStateShell{padding:0 var(--sp-3)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:var(--sp-6) 0}.app-main--home{padding-top:0}.app-footer{border-top:1px solid var(--c-border);padding:var(--sp-4) 0;text-align:center;color:var(--c-muted);font-size:var(--fs-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:14px;border:1px solid var(--c-border-strong);background:var(--c-surface-raised);color:var(--c-text);font:inherit;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-focus-ring)}.btn:active:not(:disabled){transform:translateY(1px)}.btn,.btn--primary{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-text-strong)}.btn:hover:not(:disabled),.btn--primary:hover:not(:disabled){background:var(--c-primary-soft);border-color:var(--c-primary-border);box-shadow:0 0 0 4px var(--c-focus-ring)}.btn--secondary{border-color:var(--c-secondary);background:var(--c-surface-muted)}.btn--secondary:hover:not(:disabled){background:var(--c-surface-hover);border-color:var(--c-secondary)}.btn--success{border-color:var(--c-success);background:var(--c-success-soft)}.btn--success:hover:not(:disabled){background:var(--c-success-soft);border-color:var(--c-success-border);box-shadow:0 0 0 4px var(--c-success-soft)}.btn--danger{border-color:var(--c-danger);background:var(--c-danger-soft)}.btn--danger:hover:not(:disabled){background:var(--c-danger-soft);border-color:var(--c-danger-border);box-shadow:0 0 0 4px var(--c-danger-soft)}.btn--outline{border-color:var(--c-border-strong);background:var(--c-surface-muted)}.btn--outline:hover:not(:disabled){background:var(--c-surface-hover);border-color:var(--c-primary);box-shadow:0 0 0 4px var(--c-focus-ring)}.btn--icon{width:44px;height:44px;padding:0;border-radius:16px}.btn--icon svg{width:1.05em;height:1.05em}.field{display:grid;gap:var(--sp-2)}.field__label{font-size:var(--fs-1);color:var(--c-muted)}.input,.select{width:100%;min-width:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-1);border:1px solid var(--c-border);background:var(--c-input-bg);color:var(--c-text);font:inherit}.input::placeholder{color:var(--c-muted)}.input:focus,.select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-focus-ring)}.input:disabled,.select:disabled{opacity:.75;cursor:not-allowed}.select option{background-color:var(--c-surface);color:var(--c-text)}.select optgroup{background-color:var(--c-surface);color:var(--c-text-strong);font-weight:800}.select optgroup option{background-color:var(--c-surface);color:var(--c-text);font-weight:500}.formError{margin:0;padding:var(--sp-3);border-radius:var(--r-1);border:1px solid var(--c-danger-border);background:var(--c-danger-soft);color:var(--c-text)}.appHeader{position:sticky;top:0;z-index:10;background:var(--c-header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border)}.appHeader__inner{max-width:var(--container);margin:0 auto;padding:var(--sp-3) var(--sp-6);display:grid;align-items:center;gap:var(--sp-3);grid-template-columns:1fr auto;grid-template-areas:"brand right" "nav nav"}@media(max-width:640px){.appHeader__inner{padding:var(--sp-3) var(--sp-3)}}@media(min-width:820px){.appHeader__inner{grid-template-columns:1fr auto 1fr;grid-template-areas:"brand nav right";gap:var(--sp-4);padding:var(--sp-3) var(--sp-6)}}.appHeader__inner--guest{grid-template-columns:auto 1fr;grid-template-areas:"brand right"}.appHeader__brand{grid-area:brand;border:0;background:transparent;color:var(--c-text);font-weight:800;font-size:var(--fs-2);cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(0,0,0,.25);max-width:100%;display:inline-flex;align-items:center;gap:var(--sp-2)}@media(max-width:420px){.appHeader__brand{font-size:15px}}.appHeader__brandLogo{width:38px;height:42px;flex:0 0 auto;object-fit:contain;object-position:center}.appHeader__brandText{min-width:0;overflow:hidden;text-overflow:ellipsis}.appHeader__actions{grid-area:right;display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2)}.appHeader__actions--guest{flex-wrap:wrap}@media(max-width:560px){.appHeader__actions--guest{justify-content:flex-end;gap:6px}.appHeader__actions--guest .navBtn{height:36px;padding:0 10px;font-size:12px}}@media(max-width:380px){.appHeader__actions--guest .navBtn{padding:0 8px;font-size:11px}}.appHeader__navWrap{grid-area:nav;padding:6px;border-radius:999px;background:var(--c-surface-muted);border:1px solid var(--c-border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.appHeader__navWrap::-webkit-scrollbar{display:none}@media(min-width:820px){.appHeader__navWrap{justify-self:center;padding:0;border:0;background:transparent;overflow:visible}}.appHeader__nav{display:flex;gap:6px;align-items:center;width:max-content}@media(min-width:820px){.appHeader__nav{gap:var(--sp-2)}}.adminHeader{position:sticky;top:0;z-index:10;background:var(--c-admin-header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-admin-header-border)}.adminHeader__inner{max-width:var(--container);margin:0 auto;padding:var(--sp-3) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}@media(max-width:640px){.adminHeader__inner{padding:var(--sp-3);flex-direction:column;align-items:stretch}}.adminHeader__brand{border:0;background:transparent;color:var(--c-text);font-weight:800;font-size:var(--fs-2);cursor:pointer;text-align:left;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.25);display:inline-flex;align-items:center;gap:var(--sp-2)}.adminHeader__brandLogo{width:34px;height:38px;flex:0 0 auto;object-fit:contain;object-position:center}.adminHeader__brandText{min-width:0;overflow:hidden;text-overflow:ellipsis}.adminHeader__brandBadge{border:1px solid var(--c-primary-border);border-radius:999px;padding:3px 8px;color:var(--c-muted);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.adminHeader__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap}.navBtn{border:1px solid transparent;background:transparent;color:var(--c-text);border-radius:999px;font-size:var(--fs-1);cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease;white-space:nowrap;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center}.navBtn:hover{border-color:var(--c-border-strong);background:var(--c-surface-muted)}.navBtn[data-active=true]{border-color:var(--c-primary-border);background:var(--c-primary-soft)}.navBtn:active{transform:translateY(1px)}.navBtn:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}@media(max-width:420px){.navBtn{padding:8px 10px;font-size:12px}}.navBtn--accent{border-color:var(--c-primary-border);background:var(--c-primary-soft)}.navBtn--iconOnly{width:40px;padding:0}.home{overflow:hidden}.homeHero{position:relative;min-height:min(820px,100vh - 78px);padding:clamp(40px,5vw,72px) 0 clamp(44px,5vw,72px);display:flex;align-items:center;border-bottom:1px solid var(--c-border);isolation:isolate}@media(max-width:1199px){.homeHero{min-height:auto;padding:clamp(48px,8vw,88px) 0;align-items:flex-start}}@media(max-width:980px){.homeHero{min-height:auto;align-items:flex-start}}.homeHero__visual{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#030810d1,#03081094 38%,#03081047),linear-gradient(180deg,rgba(3,8,16,.08) 0%,rgba(3,8,16,.28) 70%,var(--c-bg) 100%),url(/assets/background-xS7rOyUz.png) center bottom/cover no-repeat}.homeHero__visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(0,229,255,.1),transparent 28%),radial-gradient(circle at 34% 77%,rgba(0,229,255,.1),transparent 22%),linear-gradient(180deg,transparent 72%,var(--c-bg) 100%)}.homeHero__stage{box-sizing:border-box;width:min(100% - 2 * var(--sp-4),1480px);max-width:1480px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,2fr);align-items:center;gap:clamp(var(--sp-5),4vw,64px);min-height:min(700px,100vh - 160px)}@media(max-width:1199px){.homeHero__stage{grid-template-columns:1fr;width:min(100% - 2 * var(--sp-4),var(--container));gap:var(--sp-5);min-height:auto}}.homeHero__content{position:relative;z-index:1;max-width:520px;display:grid}@media(max-width:1199px){.homeHero__content{max-width:none;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:clamp(var(--sp-5),6vw,80px)}}@media(max-width:760px){.homeHero__content{grid-template-columns:1fr;align-items:start;gap:var(--sp-5)}}.homeHero__content h1{margin:0;display:grid;gap:.08em;color:#f7f9fc;font-size:clamp(2.2rem,3.7vw,3.95rem);line-height:1.02;letter-spacing:0;text-shadow:0 18px 42px rgba(0,0,0,.42)}@media(max-width:560px){.homeHero__content h1{font-size:clamp(2.15rem,12vw,3.25rem)}}.homeHero__intro,.homeHero__support{min-width:0}.homeProductShowcase{position:relative;z-index:1;min-width:0;width:100%}@media(max-width:1199px){.homeProductShowcase--hero{display:none}}.homeShowcaseSection{display:none;padding:clamp(40px,7vw,72px) 0;border-bottom:1px solid var(--c-border);background:radial-gradient(circle at 18% 14%,var(--c-primary-soft),transparent 30%),linear-gradient(180deg,var(--c-surface-muted) 0%,var(--c-bg) 100%)}@media(max-width:1199px){.homeShowcaseSection{display:block}}.homeShowcaseSection__header{max-width:680px;margin-bottom:var(--sp-5)}.homeShowcaseSection__header h2{margin:0;color:var(--c-text-strong);font-size:clamp(1.75rem,6vw,2.7rem);line-height:1.08;letter-spacing:0}.homeProductShowcase--section{max-width:900px;margin-inline:auto}.heroProductSlider__viewport{position:relative;width:100%;min-height:520px;transition:min-height .42s ease}.heroProductSlider__viewport[data-active=templates],.heroProductSlider__viewport[data-active=review]{min-height:560px}.heroProductSlider__viewport[data-active=metronome],.heroProductSlider__viewport[data-active=progress]{min-height:520px}.heroProductSlider__slide{position:absolute;top:0;left:50%;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-47%,18px,0) scale(.985);transition:opacity .52s ease,transform .52s ease,visibility 0s linear .52s}.heroProductSlider__slide.is-active{opacity:1;visibility:visible;transform:translate3d(-50%,0,0) scale(1);transition:opacity .52s ease,transform .52s ease,visibility 0s}.homeProductShowcase--hero .heroProductSlider__slide.is-active>*{animation:showcaseSlideDrift 7s linear both}.heroProductSlider__slide--wide{max-width:900px}.heroProductSlider__slide--narrow{max-width:480px}.homeProductShowcase .templateDemo,.homeProductShowcase .reviewDemo,.homeProductShowcase .progressionDemo{max-width:900px}.homeProductShowcase .templateDemo__panel,.homeProductShowcase .reviewDemo__panel,.homeProductShowcase .progressionDemo__panel{padding:var(--sp-4);gap:var(--sp-3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.homeProductShowcase .templateDemo__title,.homeProductShowcase .reviewDemo__title,.homeProductShowcase .progressionDemo__title{font-size:clamp(1.45rem,2vw,2.2rem)}.homeProductShowcase .templateDemo__sub,.homeProductShowcase .reviewDemo__sub,.homeProductShowcase .progressionDemo__sub{font-size:var(--fs-1)}.homeProductShowcase .templateDemo__add{width:44px;height:44px;border-radius:14px}.homeProductShowcase .templateDemo__grid{gap:var(--sp-3)}.homeProductShowcase .templateDemoCard{min-height:190px;padding:var(--sp-3);gap:var(--sp-3)}.homeProductShowcase .templateDemoCard__icon{width:44px;height:44px}.homeProductShowcase .templateDemoCard__iconImg{width:27px;height:27px}.homeProductShowcase .templateDemoCard__title,.homeProductShowcase .reviewDemoItem__main strong{font-size:var(--fs-2)}.homeProductShowcase .templateDemoCard__stats{gap:8px}.homeProductShowcase .templateDemoStat{min-height:58px;padding:10px}.homeProductShowcase .templateDemoAction,.homeProductShowcase .reviewDemo__control,.homeProductShowcase .reviewDemo__save{width:42px;height:42px;border-radius:14px}.homeProductShowcase .metronomeDemo{max-width:480px}.homeProductShowcase .metronomeDemo__panel{padding:var(--sp-4);gap:var(--sp-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.homeProductShowcase .metronomeDemo__title{font-size:clamp(2rem,3vw,3.1rem)}.homeProductShowcase .metronomeDemo__timer{font-size:clamp(3.8rem,6vw,5rem)}.homeProductShowcase .metronomeDemo__control{width:46px;height:46px}.homeProductShowcase .reviewDemo__list{gap:10px}.homeProductShowcase .reviewDemoItem{padding:12px;gap:var(--sp-3)}.homeProductShowcase .reviewDemoChip{min-height:30px;padding:0 10px}.homeProductShowcase .progressionDemo__chart{min-height:250px;padding:var(--sp-3)}.homeProductShowcase .progressionDemo__yAxis{height:230px}.homeProductShowcase .progressionDemo__plot{grid-template-rows:minmax(0,230px) auto}@media(max-width:1199px){.homeHero__content{max-width:none}.homeProductShowcase--section .heroProductSlider__slide.is-active>*{animation:none}.homeProductShowcase--section .templateDemoCard:nth-child(n+3),.homeProductShowcase--section .reviewDemoItem:nth-child(n+4){display:none}.homeProductShowcase--section .templateDemoCard{min-height:0}.homeProductShowcase--section .templateDemoAction{width:38px;height:38px;border-radius:13px}.homeProductShowcase--section .templateDemoCard__actions{padding-top:var(--sp-2)}.homeProductShowcase--section .metronomeDemo{max-width:430px}.homeProductShowcase--section .metronomeDemo__panel{gap:var(--sp-3);padding:var(--sp-3)}.homeProductShowcase--section .metronomeDemo__title{font-size:clamp(1.8rem,5vw,2.6rem)}.homeProductShowcase--section .metronomeDemo__sub{font-size:var(--fs-1)}.homeProductShowcase--section .metronomeDemo__exercise{font-size:var(--fs-3)}.homeProductShowcase--section .metronomeDemo__timer{font-size:clamp(3.5rem,9vw,4.6rem)}.homeProductShowcase--section .metronomeDemo__metaItem{min-height:58px;padding:9px}.homeProductShowcase--section .metronomeDemo__control{width:40px;height:40px;border-radius:13px}.homeProductShowcase--section .reviewDemo__list{gap:8px}.homeProductShowcase--section .reviewDemoItem{padding:10px;gap:var(--sp-2)}.homeProductShowcase--section .reviewDemo__footer{display:flex}.homeProductShowcase--section .reviewDemo__control,.homeProductShowcase--section .reviewDemo__save{width:40px;height:40px;border-radius:13px}.homeProductShowcase--section .progressionDemo__points--dense{display:none}.homeProductShowcase--section .progressionDemo__points--simple{display:block}.homeProductShowcase--section .heroProductSlider__viewport{min-height:620px;transition:none}.homeProductShowcase--section .heroProductSlider__slide{top:50%;transform:translate3d(-47%,calc(-50% + 18px),0) scale(.985)}.homeProductShowcase--section .heroProductSlider__slide.is-active{transform:translate3d(-50%,-50%,0) scale(1)}}@media(max-width:860px){.homeHero{padding-bottom:clamp(40px,8vw,64px)}.homeHero__stage{gap:var(--sp-5)}.homeProductShowcase{max-width:680px}.homeProductShowcase .templateDemo__grid,.homeProductShowcase .reviewDemo__list{grid-template-columns:1fr}.homeProductShowcase .templateDemoCard{min-height:0}.homeProductShowcase .progressionDemo__header,.homeProductShowcase .reviewDemo__header{align-items:stretch;flex-direction:column}.homeProductShowcase--section .heroProductSlider__viewport{min-height:640px}}@media(max-width:560px){.homeProductShowcase .templateDemo__panel,.homeProductShowcase .reviewDemo__panel,.homeProductShowcase .progressionDemo__panel,.homeProductShowcase .metronomeDemo__panel{border-radius:16px;padding:var(--sp-3)}.homeProductShowcase .templateDemo__header,.homeProductShowcase .metronomeDemo__header{gap:var(--sp-3)}.homeProductShowcase .templateDemo__add{display:none}.homeProductShowcase .reviewDemoItem:nth-child(n+5){display:none}.homeProductShowcase .templateDemoCard__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.homeProductShowcase .templateDemoStat{min-height:50px;padding:8px}.homeProductShowcase .templateDemoStat span,.homeProductShowcase .metronomeDemo__metaItem span{font-size:.65rem}.homeProductShowcase .templateDemoStat strong,.homeProductShowcase .metronomeDemo__metaItem strong{font-size:var(--fs-1)}.homeProductShowcase .metronomeDemo__title{font-size:clamp(1.65rem,7vw,2.2rem)}.homeProductShowcase .metronomeDemo__timer{font-size:clamp(3rem,15vw,4rem)}.homeProductShowcase .metronomeDemo__meta{grid-template-columns:repeat(3,minmax(0,1fr))}.homeProductShowcase .metronomeDemo__metaItem{min-height:58px;padding:8px}.homeProductShowcase .metronomeDemo__toggle{padding:var(--sp-2)}.homeProductShowcase .progressionDemo__legend,.homeProductShowcase .progressionDemo__range{justify-content:flex-start}.homeProductShowcase .progressionDemo__chart{min-height:230px}.homeProductShowcase .progressionDemo__yAxis{height:200px}.homeProductShowcase .progressionDemo__plot{grid-template-rows:minmax(0,200px) auto}.homeProductShowcase--section .heroProductSlider__viewport{min-height:560px}}.homeHero__titleAccent{color:var(--c-primary-strong)}.homeHero__eyebrow,.homeSection__eyebrow{margin:0 0 var(--sp-3);color:var(--c-primary-strong);font-size:var(--fs-1);font-weight:800;letter-spacing:0;text-transform:uppercase}.homeHero__lead{margin:var(--sp-4) 0 0;max-width:50ch;color:#e6e9efc7;font-size:clamp(1rem,1.35vw,1.15rem);text-shadow:0 10px 30px rgba(0,0,0,.36)}.homeHero__benefits{margin-top:var(--sp-4);display:grid;gap:var(--sp-3)}.homeHero__benefit{display:grid;grid-template-columns:38px minmax(0,1fr);gap:var(--sp-3);align-items:center}.homeHero__benefit svg{width:30px;height:30px;color:var(--c-primary-strong);filter:drop-shadow(0 0 16px rgba(0,229,255,.24))}.homeHero__benefit div{display:grid;gap:2px}.homeHero__benefit strong{color:#f7f9fc;font-size:var(--fs-2)}.homeHero__benefit span{color:#e6e9efb8;font-size:var(--fs-1)}.homeHero__actions{margin-top:var(--sp-5);display:flex;gap:var(--sp-4);align-items:center;flex-wrap:wrap}.homeHero__cta{min-height:56px;border-color:var(--c-primary-strong);border-radius:999px;padding:0 26px;background:var(--c-primary-strong);color:#001018;font-size:var(--fs-2);font-weight:900;box-shadow:0 16px 46px #00e5ff47}.homeHero__cta:hover:not(:disabled){border-color:var(--c-primary-strong);background:transparent;color:var(--c-primary-strong);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-primary-strong) 16%,transparent),0 16px 42px #00e5ff29}.templateDemo{max-width:1120px;margin:0 auto}.templateDemo__panel{border:1px solid var(--c-border);border-radius:18px;padding:clamp(var(--sp-4),4vw,var(--sp-6));display:grid;gap:var(--sp-5);background:linear-gradient(145deg,color-mix(in srgb,var(--c-surface) 92%,transparent),var(--c-surface)),var(--c-surface);box-shadow:var(--shadow-2)}.templateDemo__header{display:flex;justify-content:space-between;gap:var(--sp-4);align-items:start}.templateDemo__title{margin:0;color:var(--c-text-strong);font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.05;letter-spacing:0}.templateDemo__sub{margin:var(--sp-2) 0 0;color:var(--c-muted);font-size:var(--fs-3)}.templateDemo__add{width:52px;height:52px;flex:0 0 auto;border:1px solid var(--c-border-strong);border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-surface-muted);color:var(--c-text-strong);box-shadow:var(--shadow-1)}.templateDemo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}@media(max-width:820px){.templateDemo__grid{grid-template-columns:1fr}}.templateDemoCard{min-height:250px;border:1px solid var(--c-border);border-radius:18px;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);background:var(--c-surface-muted);box-shadow:var(--shadow-1)}.templateDemoCard--featured{border-color:var(--c-primary-border);box-shadow:var(--shadow-1),0 0 0 1px color-mix(in srgb,var(--c-primary) 18%,transparent)}.templateDemoCard__top{display:flex;gap:var(--sp-3);align-items:start}.templateDemoCard__icon{width:52px;height:52px;flex:0 0 auto;border:1px solid var(--c-border);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-surface)}.templateDemoCard__iconImg{width:31px;height:31px;object-fit:contain}.templateDemoCard__heading{min-width:0;display:grid;gap:var(--sp-2)}.templateDemoCard__title{color:var(--c-text-strong);font-size:var(--fs-4);line-height:1.15}.templateDemoCard__badge{min-height:30px;width:fit-content;border:1px solid var(--c-border);border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;background:var(--c-surface);color:var(--c-text);font-weight:700}.templateDemoCard__badgeDot{width:10px;height:10px;border-radius:999px;background:var(--c-muted)}.templateDemoCard__badgeDot[data-scope=hands]{background:var(--c-primary-strong)}.templateDemoCard__badgeDot[data-scope=feet]{background:var(--c-warning)}.templateDemoCard__badgeDot[data-scope=full-kit]{background:var(--c-success)}.templateDemoCard__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}@media(max-width:560px){.templateDemoCard__stats{grid-template-columns:1fr}}.templateDemoStat{min-height:72px;border:1px solid var(--c-border);border-radius:14px;padding:var(--sp-3);display:grid;align-content:center;gap:5px;background:var(--c-surface)}.templateDemoStat span{color:var(--c-muted);font-size:var(--fs-1);font-weight:800;text-transform:uppercase}.templateDemoStat strong{color:var(--c-text-strong);font-size:var(--fs-3)}.templateDemoCard__actions{margin-top:auto;border-top:1px solid var(--c-border);padding-top:var(--sp-3);display:flex;gap:var(--sp-2)}.templateDemoAction{width:48px;height:48px;border:1px solid var(--c-border-strong);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-surface);color:var(--c-text-strong)}.templateDemoAction--start{border-color:var(--c-success-border);background:var(--c-success-soft);color:var(--c-success)}.templateDemoAction--danger{border-color:var(--c-danger-border);background:var(--c-danger-soft);color:var(--c-danger)}.metronomeDemo{max-width:520px;margin:0 auto;display:grid;gap:var(--sp-4)}.metronomeDemo__back{justify-self:center;display:inline-flex;align-items:center;gap:8px;color:var(--c-muted);font-size:var(--fs-1)}.metronomeDemo__panel{border:1px solid var(--c-border);border-radius:18px;padding:clamp(var(--sp-4),5vw,var(--sp-5));display:grid;gap:var(--sp-5);background:var(--c-surface);box-shadow:var(--shadow-2)}.metronomeDemo__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4)}.metronomeDemo__title{margin:0;color:var(--c-text-strong);font-size:clamp(2.5rem,9vw,4rem);line-height:1;letter-spacing:0}.metronomeDemo__sub{margin:var(--sp-2) 0 0;color:var(--c-muted);font-size:var(--fs-2)}.metronomeDemo__status{min-height:38px;border:1px solid var(--c-border);border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;background:var(--c-surface-muted);color:var(--c-text-strong);font-size:var(--fs-1);font-weight:800;white-space:nowrap}.metronomeDemo__main{display:grid;gap:var(--sp-4);text-align:center}.metronomeDemo__exercise{margin:0;color:var(--c-text-strong);font-size:var(--fs-4);line-height:1.2}.metronomeDemo__timer{color:var(--c-text-strong);font-size:clamp(4.5rem,18vw,6.2rem);line-height:.95;letter-spacing:0;font-variant-numeric:tabular-nums}.metronomeDemo__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.metronomeDemo__metaItem{min-width:0;min-height:74px;border:1px solid var(--c-border);border-radius:16px;padding:var(--sp-3);display:grid;align-content:center;gap:6px;background:var(--c-surface-muted)}.metronomeDemo__metaItem span{color:var(--c-muted);font-size:var(--fs-1);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metronomeDemo__metaItem strong{overflow:hidden;color:var(--c-text-strong);font-size:var(--fs-3);text-overflow:ellipsis;white-space:nowrap}.metronomeDemo__toggle{border:1px solid var(--c-border);border-radius:16px;padding:var(--sp-3);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);background:var(--c-surface-muted);text-align:left}.metronomeDemo__toggle div{min-width:0;display:grid;gap:4px}.metronomeDemo__toggle strong{color:var(--c-text-strong);font-size:var(--fs-2);line-height:1.15}.metronomeDemo__toggle span{color:var(--c-muted);font-size:var(--fs-1)}.metronomeDemo__switch{width:58px;height:34px;flex:0 0 auto;border:1px solid var(--c-primary-border);border-radius:999px;padding:4px;display:inline-flex;justify-content:flex-end;background:var(--c-primary-soft);box-shadow:0 0 0 4px var(--c-focus-ring)}.metronomeDemo__switch span{width:24px;height:24px;border-radius:999px;background:var(--c-text-strong);box-shadow:var(--shadow-1)}.metronomeDemo__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.metronomeDemo__controlGroup{display:inline-flex;align-items:center;gap:var(--sp-2)}.metronomeDemo__control{width:52px;height:52px;border:1px solid var(--c-border-strong);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--c-surface-muted);color:var(--c-muted)}.metronomeDemo__control--danger{border-color:var(--c-danger-border);background:var(--c-danger-soft);color:var(--c-danger)}.metronomeDemo__control--main{color:var(--c-text-strong)}@media(max-width:520px){.metronomeDemo__panel{gap:var(--sp-4)}.metronomeDemo__title{font-size:clamp(2.2rem,13vw,3.2rem)}.metronomeDemo__timer{font-size:clamp(3.6rem,19vw,4.8rem)}.metronomeDemo__meta{gap:8px}.metronomeDemo__metaItem{min-height:66px;padding:10px 8px}.metronomeDemo__control{width:48px;height:48px}}.reviewDemo{max-width:1120px;margin:0 auto}.reviewDemo__panel{border:1px solid var(--c-border);border-radius:18px;padding:clamp(var(--sp-4),4vw,var(--sp-6));display:grid;gap:var(--sp-5);background:var(--c-surface);box-shadow:var(--shadow-2)}.reviewDemo__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}@media(max-width:720px){.reviewDemo__header{flex-direction:column}}.reviewDemo__title{margin:0;color:var(--c-text-strong);font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:0}.reviewDemo__sub{margin:var(--sp-2) 0 0;color:var(--c-muted);font-size:var(--fs-3)}.reviewDemo__session{min-height:36px;border:1px solid var(--c-primary-border);border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;background:var(--c-primary-soft);color:var(--c-text-strong);font-size:var(--fs-1);font-weight:800;white-space:nowrap}.reviewDemo__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}@media(max-width:860px){.reviewDemo__list{grid-template-columns:1fr}}.reviewDemoItem{border:1px solid var(--c-border);border-radius:16px;padding:var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);background:var(--c-surface-muted)}@media(max-width:620px){.reviewDemoItem{align-items:stretch;flex-direction:column}}.reviewDemoItem__main{min-width:0;display:grid;gap:var(--sp-2)}.reviewDemoItem__main strong{color:var(--c-text-strong);font-size:var(--fs-3);line-height:1.2}.reviewDemoItem__main div{display:flex;flex-wrap:wrap;gap:var(--sp-3);color:var(--c-muted);font-size:var(--fs-1)}.reviewDemoItem__choices{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-2)}@media(max-width:620px){.reviewDemoItem__choices{flex-wrap:wrap}}.reviewDemoChip{min-height:34px;border:1px solid var(--c-border);border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;color:var(--c-text);font-size:var(--fs-1);font-weight:700;white-space:nowrap}.reviewDemoChip[data-active=true]{border-color:var(--c-primary-border);background:var(--c-primary-soft);color:var(--c-text-strong)}.reviewDemoChip[data-active=true][data-difficulty=easy]{border-color:var(--c-success-border);background:var(--c-success-soft)}.reviewDemoChip[data-active=true][data-difficulty=hard]{border-color:var(--c-danger-border);background:var(--c-danger-soft)}.reviewDemo__footer{display:flex;justify-content:space-between;gap:var(--sp-3)}.reviewDemo__control,.reviewDemo__save{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center}.reviewDemo__control{border:1px solid var(--c-border-strong);background:var(--c-surface-muted);color:var(--c-muted)}.reviewDemo__save{border:1px solid var(--c-success-border);background:var(--c-success-soft);color:var(--c-success)}.progressionDemo{max-width:1120px;margin:0 auto}.progressionDemo__panel{border:1px solid var(--c-border);border-radius:18px;padding:clamp(var(--sp-4),4vw,var(--sp-6));display:grid;gap:var(--sp-4);background:var(--c-surface);box-shadow:var(--shadow-2)}.progressionDemo__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4)}@media(max-width:720px){.progressionDemo__header{align-items:stretch;flex-direction:column}}.progressionDemo__title{margin:0;color:var(--c-text-strong);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:0}.progressionDemo__sub{margin:var(--sp-2) 0 0;color:var(--c-muted);font-size:var(--fs-3)}.progressionDemo__range{border:1px solid var(--c-border);border-radius:999px;padding:6px;display:inline-flex;gap:6px;background:var(--c-surface-muted);max-width:100%;overflow-x:auto;scrollbar-width:none}.progressionDemo__range::-webkit-scrollbar{display:none}.progressionDemo__range span{min-height:34px;border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;color:var(--c-muted);font-size:var(--fs-1);font-weight:800;white-space:nowrap}.progressionDemo__range .is-active{box-shadow:0 0 0 1px var(--c-primary-border) inset;background:var(--c-primary-soft);color:var(--c-text-strong)}.progressionDemo__legend{display:flex;justify-content:center;gap:var(--sp-4);flex-wrap:wrap;color:var(--c-text);font-size:var(--fs-1);font-weight:800}.progressionDemo__legendItem{display:inline-flex;align-items:center;gap:8px}.progressionDemo__legendItem:before{content:"";width:34px;height:10px;border-radius:999px;background:var(--c-primary-strong)}.progressionDemo__legendItem[data-series=feet]:before{background:var(--c-warning)}.progressionDemo__chart{min-height:340px;border:1px solid var(--c-border);border-radius:18px;padding:var(--sp-4);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);background:var(--c-surface-muted)}@media(max-width:640px){.progressionDemo__chart{min-height:280px;padding:var(--sp-3);gap:var(--sp-2)}}.progressionDemo__yAxis{height:300px;display:flex;flex-direction:column;justify-content:space-between;color:var(--c-muted);font-size:var(--fs-1);line-height:1}@media(max-width:640px){.progressionDemo__yAxis{height:230px}}.progressionDemo__plot{min-width:0;display:grid;grid-template-rows:minmax(0,300px) auto;gap:var(--sp-2)}@media(max-width:640px){.progressionDemo__plot{grid-template-rows:minmax(0,230px) auto}}.progressionDemo__svg{width:100%;height:100%;min-width:0;overflow:visible}.progressionDemo__grid line{stroke:var(--c-chart-grid);stroke-width:1;vector-effect:non-scaling-stroke}.progressionDemo__line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.progressionDemo__line--hands{stroke:var(--c-primary-strong)}.progressionDemo__line--feet{stroke:var(--c-warning)}.progressionDemo__points circle{stroke:var(--c-chart-point-border);stroke-width:2;vector-effect:non-scaling-stroke}.progressionDemo__points--simple{display:none}.progressionDemo__points--hands circle{fill:var(--c-primary-strong)}.progressionDemo__points--feet circle{fill:var(--c-warning)}.progressionDemo__xAxis{display:flex;justify-content:space-between;gap:var(--sp-2);color:var(--c-muted);font-size:var(--fs-1);line-height:1}.progressionDemo__xAxis span{min-width:0;white-space:nowrap}@media(max-width:520px){.progressionDemo__xAxis span:nth-child(2n){display:none}}@keyframes showcaseSlideDrift{0%{transform:translate(10px)}to{transform:translate(-10px)}}@media(prefers-reduced-motion:reduce){.heroProductSlider__viewport{transition:none}.heroProductSlider__slide{transform:none;transition:none}.heroProductSlider__slide.is-active{transform:translate3d(-50%,0,0)}.heroProductSlider__slide.is-active>*{animation:none}}.homeResult__bars{min-height:110px;display:flex;align-items:end;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-1);background:repeating-linear-gradient(to top,transparent 0,transparent 27px,var(--c-chart-grid) 28px),var(--c-surface-muted)}.homeResult__bars span{flex:1;min-width:0;border-radius:999px 999px 2px 2px;background:linear-gradient(to top,var(--c-primary),var(--c-primary-strong))}.homeSection{padding:clamp(56px,8vw,96px) 0;border-bottom:1px solid var(--c-border)}.homeSection__header{max-width:760px;margin-bottom:var(--sp-6)}.homeSection__header h2{margin:0;color:var(--c-text-strong);font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.08;letter-spacing:0}.homeProblem__grid,.homeResult__grid,.homePricing__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(var(--sp-5),5vw,72px);align-items:start}.homeProblem__grid h2,.homeResult__grid h2,.homePricing__grid h2{margin:0;color:var(--c-text-strong);font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;letter-spacing:0}.homeProblem__grid p,.homeResult__grid p,.homePricing__grid p{color:var(--c-muted)}@media(max-width:820px){.homeProblem__grid,.homeResult__grid,.homePricing__grid{grid-template-columns:1fr}}.homeProblem{background:var(--c-surface-muted)}.homeProblem__list,.homeFeatures{display:grid;gap:var(--sp-3)}.homeProblem__item,.homeFeature,.homeLoop__step,.homePricing__plan{border:1px solid var(--c-border);border-radius:var(--r-1);background:var(--c-surface);box-shadow:var(--shadow-1)}.homeProblem__item{padding:var(--sp-4);display:grid;gap:var(--sp-2)}.homeProblem__item strong{color:var(--c-text-strong)}.homeProblem__item span{color:var(--c-muted)}.homeLoop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}@media(max-width:980px){.homeLoop{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.homeLoop{grid-template-columns:1fr}}.homeLoop__step{min-height:220px;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.homeLoop__step span{color:var(--c-primary-strong);font-size:var(--fs-1);font-weight:900}.homeLoop__step strong{color:var(--c-text-strong);font-size:var(--fs-4)}.homeLoop__step p{margin:0;color:var(--c-muted)}.homeResult{background:var(--c-surface-muted)}.homeResult__grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center}@media(max-width:980px){.homeResult__grid{grid-template-columns:1fr}}.homeResult__visual{min-width:0}.homeResult__visual .progressionDemo__panel{padding:var(--sp-4);gap:var(--sp-3)}.homeResult__visual .progressionDemo__title{font-size:clamp(1.55rem,3vw,2.35rem)}.homeResult__visual .progressionDemo__sub{font-size:var(--fs-1)}.homeResult__visual .progressionDemo__chart{min-height:280px;padding:var(--sp-3)}.homeResult__visual .progressionDemo__yAxis{height:250px}.homeResult__visual .progressionDemo__plot{grid-template-rows:minmax(0,250px) auto}.homeResult__chart{min-height:300px;display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-1);padding:var(--sp-4);background:var(--c-surface);box-shadow:var(--shadow-1)}.homeResult__axis{display:flex;flex-direction:column-reverse;justify-content:space-between;color:var(--c-muted);font-size:var(--fs-1)}.homeResult__bars{min-height:100%}.homeFeatures{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.homeFeatures{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.homeFeatures{grid-template-columns:1fr}}.homeFeature{min-height:150px;padding:var(--sp-4);display:grid;gap:var(--sp-2);align-content:start}.homeFeature strong{color:var(--c-text-strong);font-size:var(--fs-3)}.homeFeature span{color:var(--c-muted)}.homeFeature--quiet{border-color:var(--c-primary-border);background:var(--c-primary-soft)}.homePricing{border-bottom:0}.homePricing__grid{align-items:center}.homePricing__plan{padding:var(--sp-5);display:grid;gap:var(--sp-3);justify-items:start}.homePricing__plan strong{color:var(--c-text-strong);font-size:clamp(1.35rem,3vw,2rem);line-height:1.15}.homePricing__plan p{margin:0;color:var(--c-muted)}.homePricing__tag{min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--c-success-border);border-radius:999px;padding:0 12px;background:var(--c-success-soft);color:var(--c-success);font-size:var(--fs-1);font-weight:800}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}.auth-card{width:100%;max-width:420px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-2);padding:var(--sp-6);box-shadow:var(--shadow-1)}.auth-header{margin-bottom:var(--sp-5)}.auth-title{margin:0 0 var(--sp-2) 0;font-size:var(--fs-4);line-height:var(--lh)}.auth-subtitle{margin:0;color:var(--c-muted);line-height:var(--lh)}.auth-form{display:flex;flex-direction:column;gap:var(--sp-4)}.auth-footnote{margin:0;color:var(--c-muted);text-align:center}.auth-link{color:var(--c-primary);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-requirements{display:grid;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-1);border:1px solid var(--c-border);background:var(--c-surface-muted)}.auth-requirements__title{margin:0;font-size:var(--fs-1);color:var(--c-muted)}.auth-requirements__list{margin:0;padding-left:1.1rem;display:grid;gap:6px}.auth-requirements__item{color:var(--c-muted)}.auth-requirements__item[data-ok=true]{color:var(--c-text)}.auth-validationList{margin:0;padding-left:1.1rem;display:grid;gap:6px;color:var(--c-danger)}.templates{display:flex;justify-content:center;padding:clamp(14px,2vw,var(--sp-6))}.templates__panel{width:100%;max-width:var(--container);background:var(--c-surface);border:1px solid var(--c-border);border-radius:18px;padding:clamp(16px,2.2vw,var(--sp-6));box-shadow:var(--shadow-1);display:grid;gap:clamp(12px,1.8vw,var(--sp-4))}.templates__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.templates__title{margin:0;font-size:clamp(28px,3vw,44px);line-height:1.05}.templates__sub{margin:10px 0 0;max-width:70ch;opacity:.78;font-size:14px}.templates__actions{display:flex;gap:var(--sp-2)}.templates__state{padding:var(--sp-3);border-radius:14px;background:var(--c-surface-muted);border:1px solid var(--c-border)}.templates__state--error{border-color:var(--c-danger-border);background:var(--c-danger-soft)}.templates__empty{padding:var(--sp-4);border-radius:14px;background:var(--c-surface-muted);border:1px solid var(--c-border);opacity:.9}.templates__grid{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-3);grid-template-columns:1fr}@media(min-width:820px){.templates__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1180px){.templates__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tpl{border-radius:18px;padding:14px;background:var(--c-surface-muted);border:1px solid var(--c-border);display:grid;gap:12px;min-width:0;transition:transform .14s ease,border-color .14s ease,background .14s ease}.tpl:hover{border-color:var(--c-primary-border);background:var(--c-surface-hover);transform:translateY(-1px)}.tpl__top{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;min-width:0}.tpl__icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--c-surface-muted);border:1px solid var(--c-border)}.tpl__iconImg{width:40px;height:40px;object-fit:contain;display:block;opacity:.95}.tpl__emoji{font-size:20px}.tpl__heading{min-width:0;display:grid;gap:8px}.tpl__title{font-weight:800;line-height:1.15;font-size:16px;letter-spacing:.2px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tpl__badges{display:flex;flex-wrap:wrap;gap:8px}.tpl__stats{display:grid;gap:10px;grid-template-columns:1fr 1fr}@media(min-width:520px){.tpl__stats{grid-template-columns:1fr 1fr 1fr}}.tpl__meta{font-size:12px;opacity:.75}.tpl__actions{margin-top:2px;padding-top:10px;border-top:1px solid var(--c-border);display:flex;align-items:center;gap:10px}.tpl__warn{margin-left:auto;opacity:.9;color:var(--c-warning)}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;font-size:12px;background:var(--c-surface-raised);border:1px solid var(--c-border);white-space:nowrap}.badge__dot{width:8px;height:8px;border-radius:999px;background:var(--c-border-strong)}.badge__dot[data-scope=FULL_KIT]{background:var(--c-border-strong)}.badge__dot[data-scope=HANDS]{background:#00e5fff2}.badge__dot[data-scope=FEET]{background:#ffb400f2}.stat{border-radius:14px;padding:10px 12px;background:var(--c-surface-muted);border:1px solid var(--c-border);display:grid;gap:4px;min-width:0}.stat--wide{grid-column:1/-1}@media(min-width:520px){.stat--wide{grid-column:auto}}.stat__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.stat__value{font-weight:800;font-size:14px;line-height:1.1}.stat__value--muted{opacity:.55;font-weight:700}.templateEdit{display:grid;gap:var(--sp-5)}.templateEdit__back{align-self:flex-start;padding-inline:0;font-size:var(--fs-1);color:var(--c-muted);background:none;border:none}.templateEdit__back:hover{color:var(--c-primary)}.templateEdit__form,.templateEdit__panel{max-width:1100px;margin-inline:auto;padding:var(--sp-5);border-radius:var(--r-2);background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-1)}@media(max-width:640px){.templateEdit__form,.templateEdit__panel{padding:var(--sp-4)}}.templateEdit__form{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(190px,.65fr) minmax(220px,.8fr) auto;align-items:start;gap:var(--sp-4)}@media(max-width:820px){.templateEdit__form{grid-template-columns:1fr}}.templateEdit__fieldHint{color:var(--c-muted);font-size:var(--fs-0);line-height:1.4}.templateEdit__error{max-width:1100px;margin:0 auto var(--sp-4)}.templateEdit__panel{margin-bottom:var(--sp-4)}.templateEdit__actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:var(--sp-3);min-height:100%}@media(max-width:640px){.templateEdit__actions{justify-content:stretch}.templateEdit__actions .btn{width:100%}}.templateEdit__subtitle{margin-top:2rem;margin-bottom:.75rem}.templateEdit__items{margin-top:1.5rem}.templateEdit__add{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);grid-template-areas:"identity tempo" "timing spacer" "buttons buttons";gap:var(--sp-3);margin-bottom:var(--sp-4)}.templateEdit__add>*{min-width:0}.templateEdit__add .input,.templateEdit__add .select{width:100%}@media(max-width:820px){.templateEdit__add{grid-template-columns:1fr;grid-template-areas:"identity" "timing" "tempo" "buttons"}}@media(max-width:640px){.templateEdit__add{gap:var(--sp-4)}}.templateEdit__addIdentity,.templateEdit__editIdentity{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(220px,.9fr);gap:var(--sp-3);align-items:end}.templateEdit__addIdentity>*,.templateEdit__editIdentity>*{min-width:0}@media(max-width:640px){.templateEdit__addIdentity,.templateEdit__editIdentity{grid-template-columns:1fr}}.templateEdit__addIdentity{grid-area:identity}.templateEdit__addTempo,.templateEdit__editTempo{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,.65fr);gap:var(--sp-3);align-items:end}.templateEdit__addTempo>*,.templateEdit__editTempo>*{min-width:0}@media(max-width:640px){.templateEdit__addTempo,.templateEdit__editTempo{grid-template-columns:minmax(0,1fr) minmax(96px,.7fr)}}.templateEdit__addTempo{grid-area:tempo}.templateEdit__addButtons{grid-area:buttons;display:flex;justify-content:flex-end}@media(max-width:640px){.templateEdit__addButtons{justify-content:stretch}}.templateEdit__addSubmit{display:inline-flex;gap:var(--sp-2);align-items:center;justify-content:center}@media(max-width:640px){.templateEdit__addSubmit{width:100%}}.templateEdit__addTiming,.templateEdit__editTiming{display:grid;grid-template-columns:minmax(160px,.5fr) minmax(180px,.7fr);gap:var(--sp-3);align-items:end}.templateEdit__addTiming>*,.templateEdit__editTiming>*{min-width:0}@media(max-width:640px){.templateEdit__addTiming,.templateEdit__editTiming{grid-template-columns:repeat(2,minmax(0,1fr))}}.templateEdit__addTiming{grid-area:timing}.templateEdit__durationGroup{min-width:0}.templateEdit__durationInputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.templateEdit__miniField{display:grid;gap:4px}.templateEdit__miniField span{color:var(--c-muted);font-size:var(--fs-0)}.templateEdit__empty{opacity:.75;padding:.75rem 0}.templateEdit__addError{margin-top:0;margin-bottom:var(--sp-4)}.templateEdit__list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.templateEdit__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border-radius:.75rem;border:1px solid var(--c-border)}.templateEdit__itemLeft{display:flex;align-items:center;gap:var(--sp-3);min-width:0;align-self:flex-end}.templateEdit__itemMain{min-width:0;width:100%}.templateEdit__itemName{font-weight:600;margin-bottom:.25rem}.templateEdit__itemMeta{opacity:.75;font-size:.9rem;display:flex;gap:.5rem;flex-wrap:wrap}.templateEdit__item.is-editing{align-items:flex-end;flex-wrap:wrap}.templateEdit__itemActions{align-self:flex-end}.templateEdit__item.is-editing .templateEdit__itemActions{width:100%;justify-content:flex-end}.templateEdit__item__drag{align-self:flex-end}.templateEdit__drag{cursor:grab}.templateEdit__dropEnd{list-style:none;padding:.75rem;border-radius:.57rem;border:1px dashed var(--c-border-strong);opacity:.6;text-align:center}.templateEdit__itemActions{display:flex;gap:var(--sp-2);align-items:center}.templateEdit__editRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);grid-template-areas:"identity tempo" "timing spacer";gap:var(--sp-3)}.templateEdit__editRow>*{min-width:0}.templateEdit__editRow .input,.templateEdit__editRow .select{width:100%;min-width:0}@media(max-width:820px){.templateEdit__editRow{grid-template-columns:1fr;grid-template-areas:"identity" "timing" "tempo"}}.templateEdit__editIdentity{grid-area:identity}.templateEdit__editTiming{grid-area:timing}.templateEdit__editTempo{grid-area:tempo}.templateEdit .timeSig{display:flex;align-items:center;gap:.25rem}.templateEdit .timeSig input{width:4rem;text-align:center}.templateEdit .is-dragging{opacity:.6}.player{display:grid;gap:var(--sp-5)}.player__back{align-self:flex-start;padding-inline:0;font-size:var(--fs-1);color:var(--c-muted);background:none;border:none;cursor:pointer}.player__back:hover{color:var(--c-primary)}.player__panel{max-width:900px;margin-inline:auto;padding:var(--sp-5);border-radius:18px;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-1)}@media(max-width:640px){.player__panel{padding:var(--sp-4);border-radius:18px}}.player__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.player__title{margin:0;font-size:clamp(28px,6vw,44px);line-height:1.05}.player__sub{margin:.35rem 0 0;color:var(--c-muted);font-size:var(--fs-1)}.player__status{color:var(--c-text);font-size:12px;padding:8px 12px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface-muted);white-space:nowrap;align-self:flex-start}.player__main{display:grid;gap:var(--sp-4);text-align:center;padding:var(--sp-4) 0}.player__exercise{margin:0;font-size:18px;opacity:.92;font-weight:800;letter-spacing:.2px}.player__time{font-size:4rem;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}@media(max-width:640px){.player__time{font-size:3.2rem}}.player__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px;margin-inline:auto;width:100%}@media(max-width:640px){.player__meta{grid-template-columns:repeat(3,minmax(0,1fr))}}.player__metaItem{display:grid;gap:6px;padding:12px;border-radius:16px;background:var(--c-surface-muted);border:1px solid var(--c-border);min-width:0}.player__metaLabel{color:var(--c-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.player__metaValue{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__options{display:flex;justify-content:center;margin-top:4px}.player__controls{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4)}@media(max-width:640px){.player__controls{position:sticky;bottom:0;z-index:2;background:var(--c-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--c-border);border-radius:18px;padding:12px;flex-direction:row;align-items:center}}.player__controlMain{display:flex;gap:10px;justify-content:center;align-items:center}@media(max-width:640px){.player__controlMain{flex:1;justify-content:center}}.toggle{width:100%;max-width:520px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:16px;background:var(--c-surface-muted);border:1px solid var(--c-border)}.toggle__labelWrap{display:grid;gap:4px;text-align:left;min-width:0}.toggle__label{font-weight:800;font-size:14px;line-height:1.1}.toggle__hint{font-size:12px;color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle__btn{width:52px;height:30px;border-radius:999px;border:1px solid var(--c-border-strong);background:var(--c-surface-raised);padding:3px;cursor:pointer;display:inline-flex;align-items:center;justify-content:flex-start;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.toggle__thumb{width:24px;height:24px;border-radius:999px;background:var(--c-text-strong);box-shadow:var(--shadow-1);transform:translate(0);transition:transform .16s ease}.toggle__btn[data-on=true]{background:var(--c-primary-soft);border-color:var(--c-primary-border);box-shadow:0 0 0 4px var(--c-focus-ring);justify-content:flex-end}.toggle__btn[data-on=true] .toggle__thumb{transform:translate(0)}.review{display:flex;justify-content:center;padding:var(--sp-6)}.review__panel{width:100%;max-width:var(--container);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-2);padding:var(--sp-6);box-shadow:var(--shadow-1)}.review__header{margin-bottom:var(--sp-5)}.review__title{margin:0 0 var(--sp-2);font-size:var(--fs-4);line-height:var(--lh)}.review__sub{margin:0;color:var(--c-muted);font-size:var(--fs-2);line-height:var(--lh)}.review__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-4)}.review__list--summary{margin-top:var(--sp-4)}.review__item{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-1);background:var(--c-surface-muted)}.review__itemMain{min-width:0}.review__itemTitle{margin:0 0 var(--sp-2);font-weight:600;font-size:var(--fs-3);line-height:var(--lh)}.review__itemMeta{display:flex;flex-wrap:wrap;gap:var(--sp-3);color:var(--c-muted);font-size:var(--fs-1);line-height:var(--lh)}.review__choices{display:flex;gap:var(--sp-2);align-items:center;flex-shrink:0}.review__summaryRight{display:flex;align-items:center;flex-shrink:0}.review__footer{display:flex;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-6)}.review__success{border:1px solid var(--c-border);border-radius:var(--r-1);padding:var(--sp-5);background:var(--c-surface-muted)}.review__successTitle{margin:0 0 var(--sp-2);font-size:var(--fs-3);line-height:var(--lh)}.review__successText{margin:0 0 var(--sp-4);color:var(--c-muted);line-height:var(--lh)}.review__choicesHint{display:flex;align-items:center;flex-shrink:0}.review__hintText{color:var(--c-muted);font-size:var(--fs-1)}.chip{border:1px solid var(--c-border);background:transparent;color:var(--c-text);border-radius:999px;padding:calc(var(--sp-2) + 2px) var(--sp-3);font-size:var(--fs-1);line-height:1;cursor:pointer;transition:border-color .12s ease,transform .12s ease,background .12s ease}.chip:hover{border-color:var(--c-border-strong);transform:translateY(-1px)}.chip:active{transform:translateY(0)}.chip[data-active=true]{border-color:var(--c-primary);background:var(--c-primary-soft)}.chip:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--sp-2) + 2px) var(--sp-3);border-radius:999px;border:1px solid var(--c-border);font-size:var(--fs-1);line-height:1;color:var(--c-text);background:var(--c-surface-muted)}.pill[data-difficulty=easy]{border-color:var(--c-success-border);background:var(--c-success-soft)}.pill[data-difficulty=medium]{border-color:var(--c-primary-border);background:var(--c-primary-soft)}.pill[data-difficulty=hard]{border-color:var(--c-danger-border);background:var(--c-danger-soft)}.pill--muted{color:var(--c-muted)}.history{display:flex;justify-content:center;padding:var(--sp-6)}@media(max-width:640px){.history{padding:var(--sp-3)}}.history__panel{width:100%;max-width:var(--container);background:var(--c-surface);border:1px solid var(--c-border);border-radius:18px;padding:var(--sp-6);box-shadow:var(--shadow-1)}@media(max-width:640px){.history__panel{padding:var(--sp-4);border-radius:18px}}.history__header{margin-bottom:var(--sp-5)}.history__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}.history__filterActions{display:flex;align-items:end;gap:var(--sp-3)}@media(max-width:640px){.history__filterActions{grid-column:1/-1;flex-wrap:wrap}}.history__title{font-size:var(--fs-4);margin:0 0 var(--sp-2);line-height:var(--lh)}.history__sub{margin:0;color:var(--c-muted);font-size:var(--fs-2);line-height:var(--lh)}.history__empty{color:var(--c-muted);margin:0}.history__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-4)}@media(max-width:640px){.history__list{gap:var(--sp-3)}}.history__item{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface-muted)}@media(max-width:640px){.history__item{flex-direction:column;gap:12px;padding:14px}}.history__main{min-width:0}.history__name{font-weight:800;font-size:16px;line-height:1.2;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.history__name{white-space:normal}}.history__meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);color:var(--c-muted);font-size:var(--fs-1);line-height:var(--lh)}@media(max-width:640px){.history__meta{display:grid;grid-template-columns:1fr;gap:8px}}@media(max-width:640px){.history__meta span{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:var(--c-surface-muted);border:1px solid var(--c-border);color:var(--c-text)}}.history__right{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}@media(max-width:640px){.history__right{width:100%;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--c-border)}}.badge{display:inline-flex;align-items:center;height:28px;padding:0 var(--sp-3);border-radius:999px;border:1px solid var(--c-border);font-size:var(--fs-1);line-height:1;color:var(--c-text);background:var(--c-surface-muted)}.badge[data-variant=success]{border-color:var(--c-success-border);background:var(--c-success-soft)}.badge[data-variant=warn]{border-color:var(--c-warning-border);background:var(--c-warning-soft)}.progress{display:flex;justify-content:center;padding:var(--sp-6)}.progress__panel{width:100%;max-width:var(--container)}@media(max-width:640px){.progress__panel{padding:0}}@media(max-width:640px){.progress{padding:var(--sp-3)}}.progress__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}@media(max-width:720px){.progress__header{flex-direction:column;align-items:stretch}}.progress__title{font-size:clamp(28px,3vw,44px);line-height:1.05;margin:0}.progress__sub,.progress__sectionSub{margin-top:var(--sp-2);color:var(--c-muted)}.progress__sub{max-width:70ch}.progress__filters,.progress__toolbar,.progress__overviewHeader,.progress__detailHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}@media(max-width:720px){.progress__filters,.progress__toolbar,.progress__overviewHeader,.progress__detailHeader{flex-direction:column;align-items:stretch}}.progress__toolbar{margin-bottom:var(--sp-4)}.progress__range,.progress__viewTabs,.progress__metricToggle{display:inline-flex;gap:6px;padding:6px;border-radius:var(--r-1);background:var(--c-surface-muted);border:1px solid var(--c-border)}@media(max-width:420px){.progress__range,.progress__viewTabs,.progress__metricToggle{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.progress__range::-webkit-scrollbar,.progress__viewTabs::-webkit-scrollbar,.progress__metricToggle::-webkit-scrollbar{display:none}}.progress__rangeBtn,.progress__viewTab,.progress__metricBtn,.progress__areaBtn,.progress__miniBtn,.progress__backBtn{appearance:none;cursor:pointer;border:0;border-radius:var(--r-1);font:inherit;font-size:var(--fs-1);font-weight:700;background:transparent;color:var(--c-muted);transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.progress__rangeBtn:hover,.progress__viewTab:hover,.progress__metricBtn:hover,.progress__areaBtn:hover,.progress__miniBtn:hover,.progress__backBtn:hover{background:var(--c-surface-hover);color:var(--c-text)}.progress__rangeBtn:active,.progress__viewTab:active,.progress__metricBtn:active,.progress__areaBtn:active,.progress__miniBtn:active,.progress__backBtn:active{transform:translateY(1px)}.progress__rangeBtn.is-active,.progress__rangeBtn[data-active=true],.progress__viewTab.is-active,.progress__viewTab[data-active=true],.progress__metricBtn.is-active,.progress__metricBtn[data-active=true],.progress__areaBtn.is-active,.progress__areaBtn[data-active=true],.progress__miniBtn.is-active,.progress__miniBtn[data-active=true],.progress__backBtn.is-active,.progress__backBtn[data-active=true]{background:var(--c-primary-soft);color:var(--c-text-strong);box-shadow:0 0 0 1px var(--c-primary-border) inset}.progress__rangeBtn,.progress__viewTab,.progress__metricBtn{padding:8px 12px}.progress__sectionTitle,.progress__sidebarTitle,.progress__detailHeader h2{margin:0;font-size:var(--fs-3);line-height:1.2}.progress__overviewHeader{margin-bottom:var(--sp-4)}.progress__areaList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.progress__areaList--inline{grid-template-columns:repeat(4,minmax(0,auto));width:auto}@media(max-width:620px){.progress__areaList--inline{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}.progress__areaBtn{min-height:36px;padding:8px 10px;border:1px solid var(--c-border);background:var(--c-surface)}.progress__overviewGroups{display:grid;gap:var(--sp-5)}.progress__areaSection{display:grid;gap:var(--sp-3)}.progress__areaHeader{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.progress__areaHeader h3{margin:0;font-size:var(--fs-3)}.progress__areaHeader span{color:var(--c-muted);font-size:var(--fs-1);font-weight:700}.progress__cardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-3)}.progress__techniqueCard,.progress__detail,.progress__sidebar,.progress__chartWrap,.progress__chartPlaceholder{border:1px solid var(--c-border);border-radius:var(--r-1);background:var(--c-surface-muted)}.progress__techniqueCard{display:grid;gap:var(--sp-3);min-width:0;padding:var(--sp-4);box-shadow:none}.progress__cardHeader,.progress__cardFooter,.progress__sidebarHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);min-width:0}.progress__cardHeader h4{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-2)}.progress__cardHeader span{color:var(--c-muted);font-size:var(--fs-1)}.progress__cardSwatch,.progress__techniqueSwatch{display:inline-block;flex:0 0 auto;background:var(--technique-color, var(--c-primary-strong))}.progress__cardSwatch{width:12px;height:12px;margin-top:5px;border-radius:999px}.progress__techniqueSwatch{width:10px;height:10px;border-radius:999px}.progress__cardStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.progress__cardStats div{display:grid;gap:2px;min-width:0}.progress__cardStats strong{color:var(--c-text-strong);font-size:clamp(24px,4vw,34px);line-height:1}.progress__cardStats span{color:var(--c-muted);font-size:var(--fs-1)}.progress__cardStats [data-trend=up] strong{color:var(--c-success)}.progress__cardStats [data-trend=down] strong{color:var(--c-danger)}.progress__sparkline{width:100%;height:42px}.progress__sparkline polyline{fill:none;stroke:var(--technique-color, var(--c-primary-strong));stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.progress__cardFooter{align-items:center}.progress__cardFooter>span{color:var(--c-muted);font-size:var(--fs-1)}.progress__cardFooter>div{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.progress__miniBtn,.progress__backBtn{padding:7px 10px;border:1px solid var(--c-border);background:var(--c-surface)}.progress__workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:var(--sp-4);align-items:stretch}@media(max-width:860px){.progress__workspace{grid-template-columns:1fr}}.progress__sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--sp-4);min-width:0;min-height:0;max-height:100%;padding:var(--sp-4);overflow:hidden}@media(max-width:860px){.progress__sidebar{overflow:visible}}.progress__techniqueSummary{margin-top:4px;color:var(--c-text);font-size:var(--fs-1)}.progress__clearBtn{appearance:none;border:0;background:transparent;color:var(--c-primary-strong);cursor:pointer;font:inherit;font-size:var(--fs-1);font-weight:700;padding:0}.progress__filterGroup{display:grid;gap:var(--sp-2);min-width:0}.progress__filterLabel{color:var(--c-muted);font-size:var(--fs-1);font-weight:700}.progress__techniqueList{display:grid;align-content:start;gap:8px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px}@media(max-width:860px){.progress__techniqueList{max-height:220px}}.progress__techniqueOption{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;max-width:100%;padding:9px 10px;border:1px solid var(--c-border);border-radius:var(--r-1);background:var(--c-surface);color:var(--c-text);cursor:pointer;font-size:var(--fs-1);line-height:1.2}.progress__techniqueOption input{inline-size:14px;block-size:14px;flex:0 0 auto}.progress__techniqueOption span:not(.progress__techniqueSwatch){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress__techniqueOption small{color:var(--c-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.progress__techniqueOption[data-active=true]{border-color:var(--c-primary-border);background:var(--c-primary-soft)}.progress__main{display:grid;min-width:0;min-height:0}.progress__chartWrap{height:clamp(300px,52vh,540px);padding:clamp(10px,1.2vw,16px)}.progress__chartWrap--detail{height:clamp(320px,56vh,580px)}.progress__chartPlaceholder{display:grid;place-items:center;min-height:clamp(300px,52vh,540px);padding:var(--sp-5);color:var(--c-muted);text-align:center}.progress__detail{display:grid;gap:var(--sp-4);padding:var(--sp-4)}.progress__backBtn{width:max-content}.progress__detailHeader{align-items:flex-start}.progress__detailKicker{color:var(--c-muted);font-size:var(--fs-1);font-weight:700;text-transform:uppercase}.progress__detailStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3)}@media(max-width:720px){.progress__detailStats{grid-template-columns:repeat(2,minmax(0,1fr))}}.progress__detailStats div{display:grid;gap:4px;padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-1);background:var(--c-surface)}.progress__detailStats span{color:var(--c-muted);font-size:var(--fs-1)}.progress__detailStats strong{color:var(--c-text-strong);font-size:var(--fs-3)}.progress__detailStats [data-trend=up] strong{color:var(--c-success)}.progress__detailStats [data-trend=down] strong{color:var(--c-danger)}.progress__loading{color:var(--c-muted)}.profilePage{display:grid;gap:var(--sp-5);padding:var(--sp-6);max-width:var(--container);margin:0 auto}@media(max-width:640px){.profilePage{padding:var(--sp-3);gap:var(--sp-4)}}.profilePage__panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-2);padding:var(--sp-6);box-shadow:var(--shadow-1)}@media(max-width:640px){.profilePage__panel{padding:var(--sp-4)}}.profilePage__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}@media(max-width:640px){.profilePage__header{flex-direction:column;align-items:flex-start;margin-bottom:var(--sp-4)}}.profilePage__title{margin:0}.profilePage__sub{margin:.25rem 0 0;color:var(--c-muted)}.profilePage__pill{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface-muted);color:var(--c-text);font-size:var(--fs-1);white-space:nowrap}.profilePage__stats{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:var(--sp-4)}@media(max-width:840px){.profilePage__stats{grid-template-columns:1fr}}.statCard{border:1px solid var(--c-border);background:var(--c-surface-muted);border-radius:18px;padding:var(--sp-4)}.statCard--wide{min-width:0}.statCard__label{color:var(--c-muted);font-size:var(--fs-1);margin-bottom:10px}.statCard__value{font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:.02em}.statCard__unit{font-size:.9rem;font-weight:700;opacity:.9;margin-left:8px}.statCard__empty{color:var(--c-muted);font-size:var(--fs-1)}.statCard__techniqueList{display:grid;gap:10px;max-height:260px;overflow:auto;padding-right:4px}.statCard__techniqueRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;padding:10px 0;border-bottom:1px solid var(--c-border)}.statCard__techniqueRow:last-child{border-bottom:0}.statCard__techniqueMeta{display:grid;gap:3px;min-width:0}.statCard__techniqueMeta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statCard__techniqueMeta span{color:var(--c-muted);font-size:var(--fs-1)}.statCard__techniqueBpm{font-size:var(--fs-3);font-weight:800;white-space:nowrap}.profilePage__sectionHeader{margin-bottom:var(--sp-4)}.profilePage__sectionHeader--split{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}@media(max-width:640px){.profilePage__sectionHeader--split{flex-direction:column;align-items:stretch}}.profilePage__sectionTitle{margin:0}.profilePage__subtle{margin:.35rem 0 0;color:var(--c-muted)}.profilePage__block{display:grid;gap:var(--sp-3)}.profilePage__blockTitle{margin:0;font-size:var(--fs-2)}.profilePage__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3);align-items:end}@media(max-width:640px){.profilePage__row{grid-template-columns:1fr;align-items:stretch}}.profilePage__btn{height:44px;border-radius:14px}.profilePage__divider{height:1px;background:var(--c-border);margin:var(--sp-5) 0}@media(max-width:640px){.profilePage__divider{margin:var(--sp-4) 0}}.profilePage__grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}@media(max-width:640px){.profilePage__grid2{grid-template-columns:1fr}}.profilePage__gridSpan{grid-column:1/-1}.profilePage__actionsRow{display:flex;justify-content:flex-end}@media(max-width:640px){.profilePage__actionsRow{justify-content:stretch}.profilePage__actionsRow .btn{width:100%}}.formMsg{border-radius:14px;padding:12px 14px;border:1px solid var(--c-border);background:var(--c-surface-muted);color:var(--c-text);font-size:var(--fs-1)}.formMsg[data-variant=success]{border-color:var(--c-success-border);background:var(--c-success-soft)}.formMsg[data-variant=error]{border-color:var(--c-danger-border);background:var(--c-danger-soft)}.profilePage__themeOptions{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,360px);padding:6px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface-muted)}@media(max-width:420px){.profilePage__themeOptions{width:100%;border-radius:var(--r-1)}}.profilePage__themeOption{min-height:36px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--c-muted);font:inherit;font-size:var(--fs-1);font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.profilePage__themeOption:hover{background:var(--c-surface-hover);color:var(--c-text)}.profilePage__themeOption[data-active=true]{border-color:var(--c-primary-border);background:var(--c-primary-soft);color:var(--c-text-strong)}.profilePage__themeOption:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.profilePage__techniqueCreate{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(140px,.55fr) minmax(170px,.7fr) auto;gap:var(--sp-3);align-items:end}@media(max-width:900px){.profilePage__techniqueCreate{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.profilePage__techniqueCreate{grid-template-columns:1fr}}.profilePage__techniqueCreateBtn{min-height:44px;white-space:nowrap}@media(max-width:900px){.profilePage__techniqueCreateBtn{grid-column:1/-1;width:100%}}.profilePage__techniques{display:grid;gap:var(--sp-3)}.profilePage__techniqueCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3);align-items:end;padding:var(--sp-4);border:1px solid var(--c-border);border-radius:18px;background:var(--c-surface-muted)}.profilePage__techniqueCard[data-archived=true]{opacity:.78}@media(max-width:980px){.profilePage__techniqueCard{grid-template-columns:1fr}}.profilePage__techniqueFields{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(130px,.45fr) minmax(170px,.65fr);gap:var(--sp-3)}@media(max-width:760px){.profilePage__techniqueFields{grid-template-columns:1fr}}.profilePage__techniqueActions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap}.profilePage__techniqueActions .btn{min-height:38px}@media(max-width:640px){.profilePage__techniqueActions{justify-content:stretch}.profilePage__techniqueActions .btn{flex:1 1 calc(50% - var(--sp-2))}}.profilePage__devices{display:grid;gap:var(--sp-3)}.profilePage__deviceCard{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--c-border);background:var(--c-surface-muted);border-radius:18px}@media(max-width:640px){.profilePage__deviceCard{flex-direction:column;align-items:stretch}}.profilePage__deviceMain{min-width:0}.profilePage__deviceTop{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.profilePage__deviceTitle{margin:0;font-size:var(--fs-2)}.profilePage__deviceMeta{display:grid;gap:.35rem;margin-top:.5rem;color:var(--c-muted);word-break:break-word}.adminPage{padding:var(--sp-6)}.adminPage__inner{width:min(100%,var(--container));margin:0 auto;display:grid;gap:var(--sp-5)}.adminPage__header{display:grid;gap:var(--sp-2)}.adminPage__eyebrow{color:var(--c-primary);font-size:var(--fs--1);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.adminPage__title{margin:0}.adminPage__subtle{margin:0;color:var(--c-muted);max-width:60ch}.adminPage__panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-2);padding:var(--sp-5);box-shadow:var(--shadow-1)}.adminPage__panelTitle{margin:0 0 var(--sp-2) 0}.adminPage__panelText{margin:0;color:var(--c-muted);line-height:var(--lh)}.adminPage__featureGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}.adminPage__featureGrid--metadata{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.adminPage__featureCard{display:grid;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-1);border:1px solid var(--c-border);background:var(--c-surface-muted)}.adminPage__featureTitle{margin:0;font-size:var(--fs-1)}.adminPage__featureText{margin:0;color:var(--c-muted)}.adminPage__panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}@media(max-width:720px){.adminPage__panelHeader{flex-direction:column;align-items:stretch}}.adminPage__state{margin:0;color:var(--c-muted)}.adminPage__users,.adminPage__timeline{display:grid;gap:var(--sp-4)}.adminPage__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4)}.adminPage__filters--audit{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}@media(max-width:1280px){.adminPage__filters--audit{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:980px){.adminPage__filters--audit{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.adminPage__filters--audit{grid-template-columns:1fr}}.adminPage__filterField{min-width:0}.adminPage__filterField--text{grid-column:span 4}@media(max-width:1280px){.adminPage__filterField--text{grid-column:span 2}}@media(max-width:980px){.adminPage__filterField--text{grid-column:span 1}}.adminPage__filterField--date{grid-column:span 3}@media(max-width:1280px){.adminPage__filterField--date{grid-column:span 2}}@media(max-width:980px){.adminPage__filterField--date{grid-column:span 1}}.adminPage__filterField--limit{min-width:110px}.adminPage__filterSubmit{display:flex;align-items:end}.adminPage__filterToolbar{grid-column:9/-1;display:flex;align-items:end;justify-content:flex-end;gap:var(--sp-3)}@media(max-width:1280px){.adminPage__filterToolbar{grid-column:1/-1}}@media(max-width:640px){.adminPage__filterToolbar{flex-direction:column;align-items:stretch}}.adminPage__filterSubmit--audit{justify-content:flex-end}.adminPage__filterSubmit--audit .btn{min-width:150px}@media(max-width:980px){.adminPage__filterSubmit--audit{justify-content:flex-start}}@media(max-width:640px){.adminPage__filterSubmit--audit,.adminPage__filterSubmit--audit .btn{width:100%}}.adminPage__auditList{display:grid;gap:var(--sp-4)}.adminPage__auditCard{display:grid;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-1);background:var(--c-surface-muted)}.adminPage__auditTop{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:start}@media(max-width:720px){.adminPage__auditTop{flex-direction:column}}.adminPage__auditEvent{margin:0 0 var(--sp-1) 0;font-size:var(--fs-2)}.adminPage__auditDate{margin:0;color:var(--c-muted)}.adminPage__auditMeta{display:grid;gap:var(--sp-2);color:var(--c-muted)}.adminPage__auditMetadata{display:grid;gap:var(--sp-3)}.adminPage__auditMetadataTitle{margin:0;font-size:var(--fs-1)}.adminPage__auditMetadataGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3)}.adminPage__auditMetadataItem{display:grid;gap:var(--sp-1);padding:var(--sp-3);border-radius:var(--r-1);border:1px solid var(--c-border);background:var(--c-surface-muted)}.adminPage__entry{display:grid;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-1);background:var(--c-surface-muted)}.adminPage__entryTop{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:start}.adminPage__entryVersion{margin:0 0 var(--sp-1) 0;font-size:var(--fs-2)}.adminPage__entryTitle{margin:0;color:var(--c-muted)}.adminPage__entryList{margin:0;padding-left:1.1rem;display:grid;gap:var(--sp-2);color:var(--c-text)}.adminPage__entryItem{line-height:var(--lh)}.adminPage__userCard{display:grid;gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-1);background:var(--c-surface-muted)}.adminPage__userTop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}@media(max-width:720px){.adminPage__userTop{flex-direction:column}}.adminPage__userEmail{margin:0 0 var(--sp-2) 0;font-size:var(--fs-2)}.adminPage__meta{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.adminPage__badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 var(--sp-3);border-radius:999px;border:1px solid var(--c-border-strong);background:var(--c-surface-raised);font-size:var(--fs--1);color:var(--c-text)}.adminPage__badge[data-state=active]{border-color:var(--c-success-border);background:var(--c-success-soft)}.adminPage__badge[data-state=blocked]{border-color:var(--c-danger-border);background:var(--c-danger-soft)}.adminPage__badge[data-state=current]{border-color:var(--c-primary-border);background:var(--c-primary-soft)}.adminPage__date{margin:0;color:var(--c-muted);white-space:nowrap}.adminPage__controls{display:flex;align-items:end;justify-content:space-between;gap:var(--sp-4)}@media(max-width:720px){.adminPage__controls{flex-direction:column;align-items:stretch}}.adminPage__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);flex-wrap:wrap}.adminPage__guardNote{margin:0;color:var(--c-muted);font-size:var(--fs--1)}