._layer_1h046_1{z-index:9;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}._number_1h046_2{color:#16120d;font-variant-numeric:lining-nums tabular-nums;text-align:center;min-width:10px;text-shadow:none;font:600 12px/1 Georgia,Times New Roman,serif;position:absolute}._header_1b8ux_1{--header-height:66px;z-index:20;width:100%;height:var(--header-height);flex:0 0 var(--header-height);color:#18212d;background:#fffdf8;border-bottom:1px solid #b77a1933;position:relative;box-shadow:0 8px 28px #402d1414}._inner_1b8ux_14{z-index:2;width:min(1360px,100%);height:100%;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex;position:relative}._brand_1b8ux_27{color:#131a23;flex:none;align-items:center;gap:11px;text-decoration:none;display:inline-flex}._mark_1b8ux_36{color:#b77a19;letter-spacing:-.12em;border:1px solid #b77a197a;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-weight:700;display:grid}._name_1b8ux_50{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-size:1.34rem}._menuToggle_1b8ux_56{display:none}._actions_1b8ux_60{scrollbar-width:none;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex;overflow:auto hidden}._actions_1b8ux_60::-webkit-scrollbar{display:none}._actions_1b8ux_60 a,._actions_1b8ux_60 button{color:#62594d;white-space:nowrap;background:#ffffffb8;border:1px solid #e0d1b7;border-radius:10px;flex:none;justify-content:center;align-items:center;min-height:39px;padding:8px 12px;font-size:.7rem;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #fff}._actions_1b8ux_60 a:hover,._actions_1b8ux_60 a:focus-visible,._actions_1b8ux_60 button:hover,._actions_1b8ux_60 button:focus-visible,._actions_1b8ux_60 a[data-active=true]{color:#87560d;background:#fff8e9;border-color:#b77a19a3;outline:none}._actions_1b8ux_60 ._primary_1b8ux_103{color:#fff;background:linear-gradient(#c9912f,#ad7013);border-color:#b77a19;box-shadow:0 8px 20px #84520c2e,inset 0 1px #ffffff57}._actions_1b8ux_60 ._logout_1b8ux_110{color:#8e4438;background:#fffaf8;border-color:#97463838}._actions_1b8ux_60 ._logout_1b8ux_110:hover,._actions_1b8ux_60 ._logout_1b8ux_110:focus-visible{color:#7a3329;background:#fff3ef;border-color:#97463875}._actions_1b8ux_60 button:disabled{cursor:not-allowed;opacity:.58}._backdrop_1b8ux_128{display:none}@media (width<=1100px){._inner_1b8ux_14{gap:12px}._menuToggle_1b8ux_56{z-index:4;color:#87560d;cursor:pointer;background:#fffaf0;border:1px solid #dcc9a7;border-radius:12px;flex:0 0 44px;width:44px;height:44px;padding:0;display:inline-block;position:relative;box-shadow:0 7px 18px #54391614,inset 0 1px #fff}._menuToggle_1b8ux_56:hover,._menuToggle_1b8ux_56:focus-visible{background:#fff6e2;border-color:#b77a19ad;outline:none;box-shadow:0 8px 20px #5439161f,0 0 0 3px #b77a1914}._menuToggle_1b8ux_56 span{transform-origin:50%;background:currentColor;border-radius:999px;width:18px;height:2px;transition:top .15s,transform .15s,opacity .12s;position:absolute;left:12px}._menuToggle_1b8ux_56 span:first-child{top:14px}._menuToggle_1b8ux_56 span:nth-child(2){top:20px}._menuToggle_1b8ux_56 span:nth-child(3){top:26px}._menuToggle_1b8ux_56[data-open=true] span:first-child{top:20px;transform:rotate(45deg)}._menuToggle_1b8ux_56[data-open=true] span:nth-child(2){opacity:0}._menuToggle_1b8ux_56[data-open=true] span:nth-child(3){top:20px;transform:rotate(-45deg)}._actions_1b8ux_60{z-index:4;top:calc(100% + 10px);right:max(12px,env(safe-area-inset-right));width:min(370px,100vw - 24px);max-height:calc(100dvh - var(--header-height) - 28px - env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);overscroll-behavior:contain;background:#fffdf8fa;border:1px solid #b77a1942;border-radius:17px;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:7px;padding:12px;display:none;position:absolute;overflow:hidden auto;box-shadow:0 24px 58px #36261033,inset 0 1px #fff}._actions_1b8ux_60[data-open=true]{display:grid}._actions_1b8ux_60 a,._actions_1b8ux_60 button{text-align:left;border-radius:11px;justify-content:flex-start;width:100%;min-height:46px;padding:10px 14px;font-size:.78rem}._actions_1b8ux_60 a[data-active=true]{box-shadow:inset 3px 0 #b77a19,inset 0 1px #fff}._actions_1b8ux_60 ._primary_1b8ux_103{justify-content:center;margin-top:3px}._actions_1b8ux_60 ._logout_1b8ux_110{background:#fff6f2;border-color:#9746384d;margin-top:5px}._backdrop_1b8ux_128{z-index:1;-webkit-backdrop-filter:blur(2px);cursor:default;background:#1c171033;border:0;padding:0;display:block;position:fixed;inset:0}}@media (width<=760px){._header_1b8ux_1{--header-height:58px}._inner_1b8ux_14{padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left));gap:10px}._mark_1b8ux_36{width:35px;height:35px;font-size:.68rem}._name_1b8ux_50{font-size:1.08rem}._menuToggle_1b8ux_56{border-radius:11px;flex-basis:40px;width:40px;height:40px}._menuToggle_1b8ux_56 span{width:17px;left:11px}._menuToggle_1b8ux_56 span:first-child{top:12px}._menuToggle_1b8ux_56 span:nth-child(2){top:18px}._menuToggle_1b8ux_56 span:nth-child(3){top:24px}._menuToggle_1b8ux_56[data-open=true] span:first-child,._menuToggle_1b8ux_56[data-open=true] span:nth-child(3){top:18px}._actions_1b8ux_60{top:calc(100% + 8px);right:max(10px,env(safe-area-inset-right));width:min(360px,100vw - 20px);max-height:calc(100dvh - var(--header-height) - 24px - env(safe-area-inset-bottom))}}._badge_oii3g_1{z-index:180;right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));color:#ffffffe0;-webkit-backdrop-filter:blur(8px);letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;opacity:.72;pointer-events:none;-webkit-user-select:text;user-select:text;background:#12182094;border:1px solid #ffffff2e;border-radius:999px;max-width:calc(100vw - 180px);padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:650;line-height:1.2;position:fixed;overflow:hidden;box-shadow:0 2px 10px #0000001f}@media (width<=760px){._badge_oii3g_1{right:max(6px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));max-width:calc(100vw - 150px);padding:2px 6px;font-size:8px}}._styleOwner_z4ant_1{display:none}.practice-completed-source-mark{z-index:9;color:#fff;pointer-events:none;background:#2f8653;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-weight:950;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 4px 12px #1b5c373d}._styleOwner_ylzaw_1{display:none}.practice-session-panel{z-index:120;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));color:#28231d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f5;border:1px solid #dec89f;border-radius:16px;gap:9px;width:min(330px,100vw - 28px);padding:14px;font:600 12px/1.45 ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed;box-shadow:0 18px 55px #3f2b1133}.practice-session-panel__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-session-panel__heading span{color:#826126;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.practice-session-panel__heading strong{color:#1e5135;font:700 20px/1 Georgia,serif}.practice-session-panel p,.practice-session-panel ul{color:#72685b;margin:0}.practice-session-panel ul{gap:3px;padding:0;list-style:none;display:grid}.practice-session-panel li[data-ok=true]{color:#267046}.practice-session-panel button{color:#fff;background:linear-gradient(#c9912f,#a96a10);border:1px solid #a96a10;border-radius:10px;min-height:40px;font-weight:900}.practice-session-panel button:disabled{color:#9e9487;background:#eee8de;border-color:#d8cdbb}.practice-session-panel__reward{color:#24643d;background:#edf7ef;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.practice-session-panel__reward span{font-size:10px}.practice-session-panel__error{color:#a13c31!important}.practice-completed-mark{z-index:8;color:#fff;pointer-events:none;background:#2f8653;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;font-weight:950;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 4px 12px #1b5c373d}#pianopilot-profile-progress{width:100%}.profile-progress{color:#18212d;background:#fffdf8e0;border:1px solid #e4d5b9;border-radius:22px;gap:16px;padding:21px;display:grid;box-shadow:0 18px 46px #4d37180e,inset 0 1px #fff}.profile-progress>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.profile-progress>header span{color:#8c5c10;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:900}.profile-progress>header h2{margin:4px 0 0;font:400 25px/1.1 Georgia,serif}.profile-progress>header>strong{color:#8c5c10;font:700 27px/1 Georgia,serif}.profile-progress__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.profile-progress__metrics>div{background:#ffffffad;border:1px solid #eadfce;border-radius:13px;gap:5px;padding:12px;display:grid}.profile-progress__metrics span{color:#8a8072;text-transform:uppercase;font-size:10px}.profile-progress__metrics strong{font:700 20px/1 Georgia,serif}.profile-progress__chart{gap:12px;display:grid}.profile-progress__chart>div:first-child{color:#71685c;justify-content:space-between;gap:12px;display:flex}.profile-progress__chart p{color:#847b6e;margin:0;font-size:12px}.profile-progress__chart-scroll{scrollbar-width:thin;scrollbar-color:#b77a1973 transparent;width:100%;padding-bottom:3px;overflow-x:auto}.profile-progress__bars{background:repeating-linear-gradient(#0000 0 31px,#b77a191a 31px 32px);border-bottom:1px solid #dbcbaa;align-items:stretch;gap:3px;min-width:720px;height:154px;padding:7px 8px 0;display:grid}.profile-progress__day{text-align:center;grid-template-rows:15px minmax(0,1fr) 17px;align-items:stretch;gap:2px;min-width:0;display:grid}.profile-progress__day i{color:#76501a;text-overflow:clip;white-space:nowrap;font-size:7px;font-style:normal;font-weight:850;line-height:15px;overflow:hidden}.profile-progress__bar-track{justify-content:center;align-items:flex-end;min-height:0;display:flex}.profile-progress__bar-track b{background:linear-gradient(#d6a34a,#ad7013);border-radius:4px 4px 1px 1px;width:min(12px,100%);min-height:2px;display:block;box-shadow:0 2px 5px #8c5c1029}.profile-progress__day[data-empty=true] .profile-progress__bar-track b{box-shadow:none;background:#b77a1938}.profile-progress__day small{color:#8a8072;font-size:7px;font-weight:750;line-height:15px}.profile-progress__history-link{color:#7a4e0f;background:#fffaf1;border:1px solid #d8be8c;border-radius:12px;justify-content:center;justify-self:end;align-items:center;min-height:40px;padding:0 15px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #fff}.profile-progress__history-link:hover,.profile-progress__history-link:focus-visible{background:#f7ead2;border-color:#b77a19bf;outline:none}@media (width<=700px){.profile-progress__metrics{grid-template-columns:1fr}.profile-progress__history-link{justify-self:stretch;width:100%}.practice-session-panel{width:min(290px,100vw - 24px)}}._version_13mun_1{z-index:180;right:max(8px, env(safe-area-inset-right));bottom:max(7px, env(safe-area-inset-bottom));color:#dee7f6c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.04em;pointer-events:none;background:#04080fc2;border:1px solid #9bb2d733;border-radius:8px;align-items:center;gap:8px;padding:4px 7px;font-size:9px;font-weight:700;line-height:1;display:flex;position:fixed;box-shadow:0 4px 14px #0000003d}._version_13mun_1 span{align-items:center;gap:3px;display:inline-flex}._version_13mun_1 code{color:#f4f8ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:800}._shell_rtgt8_1{width:100%;min-width:0;min-height:calc(100dvh - var(--app-header-height));overflow:visible}._statusPage_rtgt8_8{color:#313741;text-align:center;background:linear-gradient(#fffdf9 0%,#f8f2e8 100%);align-content:center;place-items:center;gap:13px;width:100%;min-height:100dvh;padding:24px;display:grid}._statusPage_rtgt8_8 strong{font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:400}._loader_rtgt8_27{border:2px solid #b77a1933;border-top-color:#b77a19;border-radius:50%;width:30px;height:30px;animation:.7s linear infinite _spin_rtgt8_1}@keyframes _spin_rtgt8_1{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){._loader_rtgt8_27{animation-duration:1.8s}}._page_zth15_1{min-height:calc(100dvh - var(--app-header-height,0px));place-items:center;padding:32px 20px;display:grid}._card_zth15_8{text-align:center;background:#ffffffe0;border:1px solid #5e4b2d29;border-radius:24px;justify-items:center;gap:14px;width:min(560px,100%);padding:42px 28px;display:grid;box-shadow:0 20px 60px #3a2b161f}._code_zth15_21{letter-spacing:-.05em;font-size:clamp(52px,12vw,84px);font-weight:800;line-height:1}._card_zth15_8 h1{margin:0;font-size:clamp(26px,5vw,38px)}._card_zth15_8 p{color:#67615a;margin:0;line-height:1.6}._link_zth15_39{color:#fff;background:#202a38;border-radius:12px;justify-content:center;align-items:center;min-height:44px;margin-top:8px;padding:10px 18px;font-weight:750;text-decoration:none;display:inline-flex}._link_zth15_39:focus-visible{outline-offset:3px;outline:3px solid}._routeLoading_graj1_1{--loader-gold:#b77a19;--loader-gold-dark:#87560d;min-height:calc(100dvh - var(--app-header-height,96px));padding:32px 20px max(42px, env(safe-area-inset-bottom));color:#18212d;background:radial-gradient(circle at 50% 6%,#e0be7f3d,#0000 32%),linear-gradient(#fffefb 0%,#f8f1e6 100%);place-items:center;display:grid}._loadingCard_graj1_14{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e0;border:1px solid #b77a193d;border-radius:24px;justify-items:center;gap:14px;min-width:min(320px,100%);padding:30px 34px 28px;display:grid;box-shadow:0 24px 64px #4f38191a,inset 0 1px #ffffffe6}._loadingMark_graj1_28{width:64px;height:64px;color:var(--loader-gold-dark);letter-spacing:-.04em;background:linear-gradient(145deg,#fffdf8,#f4e3c5);border:1px solid #b77a196b;border-radius:50%;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;display:grid;position:relative;box-shadow:0 12px 28px #7e4e0b1f,inset 0 1px #fff}._loadingMark_graj1_28:after{border:2px solid #0000;border-top-color:var(--loader-gold);content:"";border-right-color:#b77a1973;border-radius:50%;animation:.9s linear infinite _routeLoaderSpin_graj1_1;position:absolute;inset:-7px}._loadingCopy_graj1_56{gap:5px;display:grid}._loadingCopy_graj1_56 strong{color:#1c222b;letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:1.12rem;font-weight:400}._loadingCopy_graj1_56 span{color:#81776a;font-size:.72rem;line-height:1.45}@keyframes _routeLoaderSpin_graj1_1{to{transform:rotate(360deg)}}@media (width<=520px){._routeLoading_graj1_1{padding-left:16px;padding-right:16px}._loadingCard_graj1_14{border-radius:20px;width:100%;min-width:0;padding:26px 24px 24px}}@media (prefers-reduced-motion:reduce){._loadingMark_graj1_28:after{border-color:#b77a1959;animation:none}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}html{background:#070b14;min-width:0}body{color:#f7f8fc;background:#080c16;min-height:100vh;margin:0;overflow:hidden}button,select{font:inherit;color:inherit;background:#17213a;border:1px solid #354466;border-radius:12px;padding:11px 13px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.connection-trigger{color:#554a3c;-webkit-backdrop-filter:blur(16px);background:#fffdf8f0;border-color:#b77a1961;border-radius:50%;place-items:center;width:48px;min-width:48px;height:48px;padding:5px;display:grid;box-shadow:inset 0 1px #fff,0 8px 20px #4d361721}.settings-gear{color:#66543c;width:36px;height:36px;box-shadow:none;background:radial-gradient(circle at 35% 28%,#fff,#e8d6b599);border:0;border-radius:50%;place-items:center;display:grid}.settings-gear svg{width:23px;height:23px;display:block}.connection-trigger:hover .settings-gear,.connection-trigger:focus-visible .settings-gear{color:#87560d}.connection-trigger:focus-visible{outline-offset:2px;outline:2px solid #b77a199e}.modal-backdrop{z-index:200;padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px)saturate(.78);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 50% 76%,#b77a1924,#0000 43%),#251f177a;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.connection-modal{overscroll-behavior:contain;color:#18212d;-webkit-backdrop-filter:blur(24px);background:radial-gradient(circle at 100% 0,#e0be7f33,#0000 30%),linear-gradient(155deg,#fffefb,#f8f0e3);border:1px solid #dcc7a4;border-radius:26px;width:min(100vw - 40px,1040px);max-height:min(88svh,820px);padding:22px 24px 24px;overflow-y:auto;box-shadow:0 34px 110px #33251257,inset 0 0 0 1px #ffffff80,inset 0 1px #fff}.modal-handle{display:none}.modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-heading h2{color:#171e27;margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:400}.panel-kicker{color:#87560d;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:900}.modal-close{color:#675641;background:#fffdf8eb;border:1px solid #b77a1957;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:1.55rem;line-height:1;display:grid;box-shadow:inset 0 1px #fff,0 8px 20px #4d36171c}.modal-close:hover,.modal-close:focus-visible{color:#87560d;border-color:#b77a19;outline:none;transform:scale(1.04)}.settings-practice{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.settings-practice-control{color:#4b443a;background:#ffffff9e;border:1px solid #e4d5bb;border-radius:15px;gap:7px;min-width:0;padding:12px;font-size:.82rem;font-weight:800;display:grid;box-shadow:inset 0 1px #fff}.settings-practice-control small{color:#81776a;font-size:.72rem;font-weight:600;line-height:1.35}.settings-current-tempo{color:#7c5b29;background:#fff7e8;border:1px solid #b77a1940;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-height:30px;padding:5px 8px;font-size:.73rem;font-weight:700;display:flex}.settings-current-tempo strong{color:#87560d;font-size:.82rem;font-weight:900}.settings-segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.settings-segmented button{color:#5f574c;background:#ffffffb8;border-color:#d9c8ac;min-height:38px;padding:7px 9px;font-size:.78rem;font-weight:850}.settings-segmented button[aria-pressed=true]{color:#fff;background:linear-gradient(#ca9334,#a96a10);border-color:#9c6512;box-shadow:inset 0 1px #ffffff52,0 5px 14px #91590b30}.settings-metronome{background:linear-gradient(145deg,#ffffffc2,#f8eedcb3);border:1px solid #e1d1b5;border-radius:17px;gap:12px;margin-bottom:12px;padding:14px;display:grid;box-shadow:inset 0 1px #fff}.settings-metronome-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.settings-metronome-heading>div{gap:2px;display:grid}.settings-metronome-heading strong{color:#262b31;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:600}.settings-toggle-button{color:#5f574c;background:#ffffffbd;border-color:#d4c2a5;min-width:104px;min-height:38px;padding:7px 12px;font-size:.76rem;font-weight:850}.settings-toggle-button[aria-pressed=true]{color:#fff;background:linear-gradient(#3f4a57,#19232e);border-color:#87560d;box-shadow:0 6px 18px #18212d2e,inset 0 1px #fff3}.settings-metronome-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px 12px;transition:opacity .16s;display:grid}.settings-metronome-grid[data-disabled=true]{opacity:.52}.metronome-volume-control{color:#5b5348;gap:8px;font-size:.76rem;font-weight:700;display:grid}.metronome-volume-control input[type=range]{accent-color:#b77a19;width:100%}.metronome-check-control{color:#4e473e;align-items:center;gap:9px;min-height:44px;font-size:.76rem;font-weight:750;display:flex}.metronome-check-control input{accent-color:#b77a19;width:18px;height:18px}.modal-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.control{color:#5a5248;align-content:start;gap:7px;min-width:0;font-size:.78rem;font-weight:700;display:grid}.control select{color:#302d28;background:#ffffffd1;border-color:#d8c6a9;width:100%;min-height:44px}.control small{color:#81776a;font-size:.7rem;font-weight:550;line-height:1.35}.primary-action{color:#fff;background:linear-gradient(#ca9334,#a96a10);border-color:#9b6411;align-self:end;min-height:44px;font-weight:800;box-shadow:0 10px 22px #91590b33,inset 0 1px #ffffff47}.connection-summary{background:#ffffff8f;border:1px solid #e3d4bc;border-radius:15px;align-items:flex-start;gap:11px;padding:11px 13px;display:flex;box-shadow:inset 0 1px #fff}.status-dot{background:#4aa77d;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px;box-shadow:0 0 12px #4aa77d66}.connection-summary strong{color:#302d28;font-size:.84rem;display:block}.connection-summary p{color:#807669;margin:3px 0 0;font-size:.75rem;line-height:1.4}.score-horizontal-viewport{contain:layout paint;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.score-horizontal-viewport:active{cursor:grabbing}.score-osmd-strip{transform-origin:0 0;will-change:transform;backface-visibility:hidden;background:#fff;align-items:center;width:max-content;height:100%;min-height:0;display:flex;position:relative;transform:translate(0,0)}.score-osmd-strip canvas{image-rendering:auto;flex:none;max-width:none;height:100%;display:block}.score-webp-strip img{object-fit:fill;image-rendering:auto;backface-visibility:hidden;pointer-events:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute;top:0}.score-render-status{z-index:20;color:#5f4d36;text-align:center;pointer-events:none;background:#fffdf8eb;border:1px solid #b77a1947;border-radius:999px;max-width:min(80%,720px);padding:9px 13px;font-size:12px;font-weight:700;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #4d361721,inset 0 1px #fff}.score-playback-cursor{z-index:3;pointer-events:none;background:#b77a19;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 7px #b77a1914}.lesson-portrait-guard{display:none}@media (width<=900px){.settings-metronome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:portrait){.home-library-root{width:100%;height:100svh;min-height:0!important;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;display:block!important;overflow-y:auto!important}.home-library-panel{border-radius:18px!important;gap:12px!important;width:100%!important;padding:12px!important}.home-demo-groups{grid-template-columns:1fr!important;gap:10px!important}.home-demo-group{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:9px!important}.home-demo-group button{min-height:48px!important;padding:9px 8px!important;font-size:.76rem!important}.lesson-view-root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;place-items:center;background:radial-gradient(circle at 18% 12%,#e0be7f4d,#0000 32%),radial-gradient(circle at 86% 82%,#ebdabb85,#0000 35%),linear-gradient(160deg,#fffefb,#f4e9d8)!important;grid-template-rows:1fr!important;display:grid!important}.lesson-view-root>:not(.lesson-portrait-guard){display:none!important}.lesson-portrait-guard{color:#18212d;text-align:center;background:#fffdf8e6;border:1px solid #dcc7a4;border-radius:26px;justify-items:center;gap:12px;width:min(390px,100% - 36px);padding:34px 28px 28px;display:grid;position:relative;box-shadow:0 28px 76px #4f381926,inset 0 1px #fff}.lesson-portrait-guard__mark{color:#b77a19;letter-spacing:-.12em;border:1px solid #b77a1980;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:2px;font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-weight:700;display:grid}.lesson-portrait-guard strong{color:#171e27;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,7vw,38px);font-weight:400;line-height:1.04}.lesson-portrait-guard span{color:#766e63;font-size:15px;line-height:1.55}.lesson-portrait-guard button{color:#fff;background:linear-gradient(#ca9334,#a96a10);border:1px solid #9b6411;border-radius:11px;min-height:44px;margin-top:4px;padding:9px 16px;font-weight:850;box-shadow:0 9px 22px #91590b33,inset 0 1px #ffffff47}}:root{--app-header-content-height:66px;--app-safe-area-top:env(safe-area-inset-top,0px);--app-safe-area-right:env(safe-area-inset-right,0px);--app-safe-area-bottom:env(safe-area-inset-bottom,0px);--app-safe-area-left:env(safe-area-inset-left,0px);--app-header-height:calc(var(--app-header-content-height) + var(--app-safe-area-top))}html{scroll-behavior:smooth;min-width:0;min-height:100%;overflow:hidden auto}body{overscroll-behavior-y:auto;touch-action:auto;-webkit-overflow-scrolling:touch;min-width:0;min-height:100%;overflow:visible!important}.site-header-root{padding-top:var(--app-safe-area-top);--header-height:var(--app-header-height)!important}body>main{overscroll-behavior-y:auto;touch-action:auto;scrollbar-gutter:auto;-webkit-overflow-scrolling:touch;width:100%;height:auto!important;min-height:calc(100dvh - var(--app-header-height))!important;position:relative!important;inset:auto!important;overflow:visible!important}.home-library-root{min-height:calc(100dvh - var(--app-header-height))!important;overflow:visible!important}:is(html:has(.lesson-view-root),body:has(.lesson-view-root)){overflow:hidden!important}body:has(.lesson-view-root) .site-header-root{display:none}.lesson-view-root{height:auto!important;top:0!important;bottom:0!important}@media (width<=760px){:root{--app-header-content-height:58px}}body:not(:has(.lesson-view-root)) .practice-session-panel{display:none!important}.practice-session-panel{min-width:124px;max-width:min(320px,100vw - 28px);transform:translate(-50%);border-radius:999px!important;gap:0!important;width:auto!important;padding:7px 11px!important;bottom:calc(28dvh + 10px)!important;left:50%!important;right:auto!important;box-shadow:0 10px 30px #3f2b1129!important}.practice-session-panel__heading{gap:9px!important}.practice-session-panel__heading span{letter-spacing:0!important;font-size:0!important}.practice-session-panel__heading span:after{content:"Sesja";color:#826126;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.practice-session-panel__heading strong{font-size:17px!important;line-height:1!important}.practice-session-panel>p:not(.practice-session-panel__error){display:none}:is(.practice-session-panel:has(ul),.practice-session-panel:has(button),.practice-session-panel:has(.practice-session-panel__reward),.practice-session-panel:has(.practice-session-panel__error)){border-radius:15px!important;gap:8px!important;width:min(300px,100vw - 28px)!important;padding:12px!important;display:grid!important}.practice-session-panel--with-resume{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-session-panel--with-resume>:not(.practice-session-finish-button):not(.practice-session-resume-button){grid-column:1/-1}.practice-session-finish-button,.practice-session-resume-button{width:100%;min-width:0}.practice-session-finish-button{grid-column:1}.practice-session-panel .practice-session-resume-button{color:#5f5548;background:linear-gradient(#fffdf8,#eee5d8);border-color:#b8aa95;grid-column:2}.practice-session-panel:not(.practice-session-panel--with-resume) .practice-session-resume-button{grid-column:1/-1}.practice-session-panel .practice-session-resume-button:hover,.practice-session-panel .practice-session-resume-button:focus-visible{color:#76501a;background:#fff8e9;border-color:#a96a10;outline:none}@media (height<=520px) and (orientation:landscape){.practice-session-panel{padding:6px 10px!important;bottom:calc(28dvh + 6px)!important}.practice-session-panel__heading strong{font-size:15px!important}}@media (orientation:portrait){.practice-session-panel{display:none!important}}.piano-panel-canvas{color:#18212d;background:radial-gradient(circle at 50% 0,#e0be7f29,#0000 34%),linear-gradient(155deg,#fffefb,#f6ecdc)!important;border-color:#dfcfb2!important;box-shadow:0 20px 52px #4d371817,inset 0 1px #fff!important}.piano-panel-canvas .keyboard-heading{color:#18212d}.piano-panel-canvas .instrument-kicker{color:#8a5b13;letter-spacing:.13em;text-transform:uppercase;font-size:.66rem;font-weight:900}.piano-panel-canvas .keyboard-heading h2{color:#171e27;font-family:Georgia,Times New Roman,serif;font-weight:400}.piano-panel-canvas .keyboard-hint{color:#766d61}.piano-panel-canvas .piano-case{overflow:hidden;background:#100e0b!important;border:1px solid #5e4930!important;border-radius:18px!important;box-shadow:0 18px 34px #281c0e33,inset 0 1px #ffffff14,inset 0 -1px #000000b8!important}.piano-panel-canvas .piano-case-top{place-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#fff0,#ffefcd14,#fff0),linear-gradient(#2b2319,#100e0b 78%,#080706)!important;border-bottom:1px solid #d7a64eb3!important;display:grid!important;box-shadow:inset 0 1px #ffffff14,inset 0 -5px 12px #0000005c!important}.piano-panel-canvas .piano-case-top:after{content:"";background:linear-gradient(90deg,#0000,#e2b55fcc,#0000);height:1px;position:absolute;inset:auto 3.5% 2px;display:block!important}.piano-panel-canvas .piano-brand{z-index:1;color:#d8a84d;letter-spacing:.23em;text-shadow:0 1px #fff0c938,0 2px 7px #000000bd;font-family:Georgia,Times New Roman,serif;font-size:clamp(.48rem,.8vw,.7rem);font-weight:700;line-height:1;position:relative;display:inline-block!important}.piano-panel-canvas .key-felt{border-top:1px solid #ffe0a61f;border-bottom:1px solid #000000d1;background:linear-gradient(#8a5c17,#4d310d)!important;box-shadow:inset 0 1px #ffe2a633,inset 0 -1px #0000008c!important}.piano-panel-canvas .keyboard-wrap{background:#0c0a08!important}.piano-panel-canvas .keyboard-canvas{filter:saturate(.98)contrast(1.015)}.piano-panel-canvas .piano-case-bottom{background:linear-gradient(90deg,#fff0,#d8a84d14,#fff0),linear-gradient(#17130f,#070605)!important;box-shadow:inset 0 1px #d8a84d33,inset 0 -1px #000000d1!important}.lesson-view-root .piano-panel-canvas,.lesson-view-root .piano-panel-canvas .piano-case{border-radius:0!important}.lesson-view-root .piano-panel-canvas .piano-case-top{background:linear-gradient(90deg,#fff0,#ffefcd12,#fff0),linear-gradient(#251e16,#0d0b09)!important}.lesson-view-root .piano-panel-canvas .key-felt{background:linear-gradient(#9a681f,#5f3c0e)!important}@media (height<=500px) and (orientation:landscape){.lesson-view-root .piano-panel-canvas .piano-brand{letter-spacing:.18em;font-size:.44rem}}@media (hover:hover) and (pointer:fine){html,body,body *{-webkit-touch-callout:default;-webkit-user-select:text!important;user-select:text!important}button,select,option,canvas,svg,[role=button],[role=application]{-webkit-user-select:none!important;user-select:none!important}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;user-select:text!important}}@media (hover:none) and (pointer:coarse){html,body,body *{-webkit-touch-callout:none;-webkit-user-select:none!important;user-select:none!important}input,textarea,[contenteditable=true]{-webkit-touch-callout:default;-webkit-user-select:text!important;user-select:text!important}}body:has(#dashboard-title){overflow-y:auto!important}body:has(#dashboard-title) .site-header-root{position:static!important;inset:auto!important}body:has(#dashboard-title)>main{height:auto!important;min-height:calc(100dvh - var(--app-header-height))!important;position:relative!important;overflow:visible!important}.keyboard-canvas-wrap{min-width:0}.keyboard-canvas{touch-action:none;max-width:100%;display:block;width:100%!important;box-shadow:none!important;outline:none!important}.keyboard-canvas:focus,.keyboard-canvas:focus-visible,.keyboard-canvas:active{box-shadow:none!important;outline:none!important}:root{--app-page-background-base:#f7efe2;--app-page-background:radial-gradient(circle at 10% 0%, #e0be7f38, transparent 30%), radial-gradient(circle at 90% 85%, #ebdabb6b, transparent 34%), linear-gradient(180deg, #fffefb, #f7efe2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{background:var(--app-page-background-base);min-height:100%}body{background-color:var(--app-page-background-base);background-image:var(--app-page-background);color:#18212d;background-repeat:no-repeat;background-size:cover}