/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#07111f;--panel:#0d1a2b;--panel-2:#13243b;--line:#ffffff17;--soft-line:#ffffff0e;--paper:#f8fafc;--muted:#94a3b8;--red:#3b82f6;--red-dark:#1d4ed8;--blue:#60a5fa;--mint:#42d7c8;--amber:#f2b85b;--display:"Bahnschrift", "Aptos Display", "Trebuchet MS", sans-serif;--body:"Aptos", "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#030914}body{width:100%;min-height:100dvh;color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:radial-gradient(circle at 16% 12%,#3b82f62e,#0000 27rem),radial-gradient(circle at 87% 80%,#42d7c81a,#0000 32rem),#030914;margin:0}button,input{font:inherit}button{color:inherit}button,a,[role=button]{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{color:#fff;background:var(--red-dark)}.desktop-stage{place-items:center;min-height:100vh;padding:18px;display:grid;position:relative;overflow:hidden}.desktop-stage:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.app-frame{background:radial-gradient(circle at 94% 3%,#3b82f626,#0000 17rem),linear-gradient(#0b1729 0%,#06101e 100%);border:1px solid #ffffff1f;border-radius:38px;width:min(100%,430px);height:min(900px,100vh - 36px);position:relative;overflow:hidden;box-shadow:0 35px 100px #0000009e,inset 0 1px #ffffff0f}.app-frame:after{content:"";z-index:20;background:#030914;border-radius:0 0 18px 18px;width:118px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.install-banner{z-index:210;top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 12% 10%,#42d7c826,#0000 45%),#071425f5;border:1px solid #60a5fa47;border-radius:20px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 34px 11px 11px;animation:.42s cubic-bezier(.2,.8,.2,1) both install-banner-in;display:grid;position:absolute;left:12px;right:12px;box-shadow:0 18px 48px #00000085,inset 0 1px #ffffff14}.install-brand,.install-guide-logo{color:#03101c;font-family:var(--display);background:linear-gradient(145deg,#65e7d8,#5aa8ff 65%,#316fe8);place-items:center;font-weight:900;display:grid;box-shadow:0 8px 24px #42d7c833}.install-brand{border-radius:14px;width:44px;height:44px;font-size:21px}.install-copy{gap:3px;min-width:0;display:grid}.install-copy strong{font:750 12px/1.2 var(--display)}.install-copy span{color:#96a9bf;font-size:9px;line-height:1.35}.install-action{color:#efffff;white-space:nowrap;background:#0c616b7a;border:1px solid #42d7c852;border-radius:12px;min-height:36px;padding:0 11px;font-size:9px;font-weight:800}.install-dismiss{color:#7890aa;background:0 0;border:0;width:24px;height:24px;font-size:18px;position:absolute;top:5px;right:7px}.install-guide-backdrop{z-index:320;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#01060ec7;align-items:end;padding:14px;animation:.22s both coach-fade;display:grid;position:absolute;inset:0}.install-guide{padding:25px 22px calc(22px + env(safe-area-inset-bottom));background:radial-gradient(circle at 88% 0,#3b82f62e,#0000 17rem),#0b192b;border:1px solid #ffffff1f;border-radius:30px;animation:.36s cubic-bezier(.2,.8,.2,1) both coach-rise;box-shadow:0 28px 90px #000000a8}.install-guide-logo{border-radius:17px;width:54px;height:54px;font-size:25px}.install-guide>small{color:var(--mint);letter-spacing:.18em;margin-top:20px;font-size:9px;font-weight:900;display:block}.install-guide h2{font:750 24px/1.08 var(--display);margin:7px 0 17px}.install-guide ol{counter-reset:install-step;gap:9px;margin:0;padding:0;list-style:none;display:grid}.install-guide li{color:#c4d1df;counter-increment:install-step;background:#05101f8f;border:1px solid #ffffff13;border-radius:14px;min-height:42px;padding:10px 12px 10px 48px;font-size:11px;line-height:1.45;position:relative}.install-guide li:before{content:counter(install-step);color:#06101d;background:var(--mint);border-radius:9px;place-items:center;width:27px;height:27px;font-weight:900;display:grid;position:absolute;top:8px;left:9px}.install-guide p{color:#8297ad;margin:14px 2px;font-size:10px}.install-guide>button{color:#fff;background:linear-gradient(135deg,#2563eb,#3888f8);border:0;border-radius:15px;width:100%;min-height:48px;font-weight:800}.install-setting-row{background:linear-gradient(90deg,#42d7c814,#0000),#ffffff06!important;border-color:#42d7c833!important}.install-setting-row strong{color:#dffffb}.update-toast{z-index:240;left:18px;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));background:#071725f5;border:1px solid #42d7c83d;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;font-size:10px;display:flex;position:absolute;box-shadow:0 16px 42px #0000007a}.update-toast span{color:#8fa3b8;gap:2px;display:grid}.update-toast strong{color:#fff}.update-toast button{color:#03101c;background:var(--mint);border:0;border-radius:11px;min-height:34px;padding:0 12px;font-size:10px;font-weight:900}@keyframes install-banner-in{0%{opacity:0;transform:translateY(-16px)scale(.97)}}.app-scroll{overscroll-behavior:contain;scrollbar-width:none;height:100%;padding:0 20px 118px;overflow-y:auto}.app-scroll::-webkit-scrollbar{display:none}.topbar{justify-content:space-between;align-items:center;padding:35px 2px 22px;display:flex}.brand{font-family:var(--display);letter-spacing:.1em;align-items:center;gap:9px;font-size:15px;font-weight:720;display:flex}.brand-mark{color:#fff;width:31px;height:31px;font-family:var(--display);letter-spacing:-.08em;background:linear-gradient(145deg,#60a5fa,#2563eb);border-radius:10px 10px 10px 3px;place-items:center;font-size:23px;font-weight:900;display:grid;position:relative;box-shadow:0 8px 24px #3b82f64d}.brand-mark:before{content:"";background:var(--mint);border:2px solid #081425;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-2px;right:-2px}.brand-copy{gap:1px;display:grid}.brand-copy strong{letter-spacing:.11em;font-size:15px;line-height:1}.brand-copy small{color:#718198;letter-spacing:.14em;font-size:7px;font-weight:750}.premium-pill,.mini-pill{color:#ffd99c;font-family:var(--display);letter-spacing:.1em;background:#f2b85b14;border:1px solid #f2b85b57;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700}.eyebrow{color:var(--red);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:700}.page-title{max-width:350px;font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(31px,9vw,40px);line-height:.98}.page-copy{color:var(--muted);margin:11px 0 24px;font-size:14px;line-height:1.55}.today-hero{background:linear-gradient(135deg,#ffffff17,#0000 48%),linear-gradient(145deg,#0c213e 0%,#174f9a 68%,#3b82f6 100%);border:1px solid #ffffff1f;border-radius:28px;grid-template-columns:1fr 112px;align-items:end;gap:16px;min-height:194px;margin:24px 0 14px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #10438e57}.today-hero:before{content:"";border:1px solid #ffffff38;border-radius:50%;width:210px;height:210px;position:absolute;top:-108px;right:5px;box-shadow:0 0 0 22px #ffffff09,0 0 0 48px #ffffff06}.hero-kicker{color:#ffffffad;margin:0 0 7px;font-size:12px;font-weight:650}.hero-title{max-width:220px;font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:25px;line-height:1.05}.hero-meta{color:#ffffffc7;gap:13px;margin-top:19px;font-size:11px;font-weight:650;display:flex}.progress-ring{z-index:1;background:radial-gradient(circle closest-side, #174f9a 77%, transparent 78% 100%), conic-gradient(white var(--progress), #fff3 0);border-radius:50%;place-items:center;width:100px;height:100px;transition:background .4s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.progress-ring strong{font-family:var(--display);letter-spacing:-.04em;font-size:22px;display:block}.progress-ring span{color:#fff9;letter-spacing:.12em;text-align:center;text-transform:uppercase;margin-top:-2px;font-size:9px;font-weight:700;display:block}.quick-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--soft-line);background:#ffffff09;border-radius:20px;min-height:78px;padding:16px}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{font-family:var(--display);margin-top:4px;font-size:18px;display:block}.section-head{justify-content:space-between;align-items:end;gap:18px;margin:26px 1px 13px;display:flex}.section-head h2,.section-head h3{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:20px}.section-head p,.section-head button{color:var(--muted);margin:0;font-size:11px}.task-list{gap:10px;display:grid}.task-card{text-align:left;border:1px solid var(--soft-line);cursor:pointer;background:linear-gradient(105deg,#ffffff0e,#ffffff06);border-radius:19px;grid-template-columns:66px 1fr auto;align-items:center;gap:13px;width:100%;padding:13px;transition:transform .18s,border-color .18s,background .18s;display:grid}.task-card:hover{background:#ffffff12;border-color:#ffffff29;transform:translateY(-2px)}.task-card.is-done{opacity:.68}.task-icon{width:66px;height:58px;color:var(--task-accent);background:radial-gradient(circle at 82% 10%, var(--task-accent), transparent 2.7rem), var(--task-accent);border-radius:15px;place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.task-icon{background:radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--task-accent) 28%, transparent), transparent 2.7rem), color-mix(in srgb, var(--task-accent) 10%, transparent)}}.task-icon{font-family:var(--display);font-size:14px;font-weight:800}.task-icon small{color:var(--task-accent);position:absolute;bottom:4px;right:6px}@supports (color:color-mix(in lab, red, red)){.task-icon small{color:color-mix(in srgb, var(--task-accent) 72%, white)}}.task-icon small{letter-spacing:.08em;font-size:7px}.vector-art{color:#deebffb8;width:100%;height:100%;overflow:visible}.vector-art path,.vector-art rect,.vector-art circle,.vector-art line{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.vector-art .art-fill{fill:#3b82f61f;stroke:#bbd7ffb3}.vector-art .art-solid{fill:currentColor;stroke:none}.vector-art .art-accent{stroke:#42d7c8;stroke-width:2.8px;filter:drop-shadow(0 0 5px #42d7c86b)}.vector-art .art-orbit{stroke:#ffffff14}.vector-art .art-wave{stroke:#3b82f638}.vector-art text{fill:#dceaff;font-family:var(--display);text-anchor:middle;font-size:10px;font-weight:800}.vector-art.is-compact{width:58px;height:48px}.task-info strong,.task-info span{display:block}.task-info strong{font-family:var(--display);margin-bottom:4px;font-size:14px}.task-info span{color:var(--muted);font-size:11px}.task-status{color:#0b1a15;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.task-card.is-done .task-status{border-color:var(--mint);background:var(--mint)}.search-wrap{margin:20px 0 14px;position:relative}.search-wrap:before{content:"";border:1.5px solid #858990;border-radius:50%;width:14px;height:14px;position:absolute;top:17px;left:17px}.search-wrap:after{content:"";background:#858990;width:6px;height:1.5px;position:absolute;top:30px;left:29px;transform:rotate(45deg)}.search-input{border:1px solid var(--line);width:100%;height:49px;color:var(--paper);background:#ffffff0b;border-radius:16px;padding:0 16px 0 46px}.search-input::placeholder{color:#71757c}.segmented{scrollbar-width:none;gap:8px;margin:0 -20px 20px;padding:0 20px 3px;display:flex;overflow-x:auto}.library-feature{background:radial-gradient(circle at 92% 8%,#42d7c81f,#0000 7rem),linear-gradient(135deg,#3b82f621,#ffffff06);border:1px solid #3b82f633;border-radius:23px;grid-template-columns:1.25fr .75fr;gap:8px;min-height:164px;margin-bottom:14px;padding:18px;display:grid;position:relative;overflow:hidden}.library-feature-copy{z-index:1;position:relative}.library-feature-copy p{color:var(--mint);letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px;font-size:8px;font-weight:800}.library-feature-copy h2{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:20px;line-height:1.05}.library-feature-copy>span{max-width:220px;color:var(--muted);margin-top:8px;font-size:9px;line-height:1.45;display:block}.library-tags{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.library-tags small{color:#b9c9dd;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:700}.library-feature-art{align-self:stretch;min-width:118px}.segment{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:9px 13px;font-size:11px;font-weight:650}.segment.is-active{color:#fff;background:#3b82f626;border-color:#3b82f680}.chord-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.chord-card{border:1px solid var(--soft-line);width:100%;min-height:174px;color:var(--paper);text-align:left;cursor:pointer;background:radial-gradient(circle at 82% 12%,#5078ff21,#0000 5rem),#ffffff09;border-radius:21px;padding:15px;transition:transform .18s,border-color .18s}.chord-card:hover{border-color:#3b82f652;transform:translateY(-2px)}.chord-card-head{justify-content:space-between;align-items:center;display:flex}.chord-card h3{font-family:var(--display);margin:0;font-size:24px}.chord-card small{color:var(--muted);font-size:9px}.chord-diagram{background-image:linear-gradient(90deg,#ffffff2e 1px,#0000 1px),linear-gradient(#ffffff2e 1px,#0000 1px);background-size:16px 100%,100% 22px;border-top:3px solid #ffffffb8;width:82px;height:93px;margin:38px auto 0;position:relative}.chord-dot{width:10px;height:10px;left:calc(var(--string) * var(--string-gap,16px) - 5px);top:calc(var(--fret) * var(--fret-gap,22px) - 16px);color:#06111f;background:var(--red);font-family:var(--display);border-radius:50%;place-items:center;font-size:6px;font-style:normal;font-weight:900;display:grid;position:absolute;box-shadow:0 0 12px #3b82f68c}.string-states{grid-template-columns:repeat(var(--string-count,6), 1fr);width:100%;display:grid;position:absolute;top:-32px;left:-1px}.string-states span{color:#8496ad;font-family:var(--display);justify-items:center;font-size:7px;display:grid}.string-states i{color:#bdd0e8;height:13px;font-size:8px;font-style:normal}.string-states b{font-size:7px}.fret-numbers{color:#63748b;gap:0;font-size:7px;display:grid;position:absolute;top:0;left:-17px}.fret-numbers span{height:var(--fret-gap,22px);place-items:center;display:grid}.chord-open-detail{color:#8294ac;justify-content:space-between;align-items:center;margin-top:5px;font-size:8px;display:flex}.chord-open-detail b{color:var(--mint);font-size:15px}.chord-detail-overlay{z-index:80;padding:max(18px, var(--safe-top)) max(18px, var(--safe-right)) max(18px, var(--safe-bottom)) max(18px, var(--safe-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020811c7;align-items:flex-end;animation:.18s both overlay-in;display:flex;position:fixed;inset:0}.chord-detail-sheet{background:radial-gradient(circle at 86% 3%,#3b82f633,#0000 11rem),#0b1728;border:1px solid #3b82f63d;border-radius:30px;width:min(100%,430px);max-height:92vh;margin:0 auto;padding:24px;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0000008f}.chord-detail-sheet h2{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:27px}.aktas-method-sheet{padding-bottom:calc(28px + env(safe-area-inset-bottom));background:radial-gradient(circle at 88% 0,#42d7c82e,#0000 15rem),radial-gradient(circle at 0 45%,#3b82f61a,#0000 18rem),#091728}.method-lead{color:#9cb0c4;margin:10px 34px 20px 0;font-size:12px;line-height:1.55}.aktas-method-steps{gap:9px;display:grid}.aktas-method-steps article{background:#040f1c9e;border:1px solid #ffffff13;border-radius:16px;grid-template-columns:34px 1fr;gap:11px;padding:12px;display:grid}.aktas-method-steps article>i{color:#03131b;background:linear-gradient(145deg, var(--mint), #66a9ff);width:34px;height:34px;font-family:var(--display);border-radius:11px;place-items:center;font-size:12px;font-style:normal;font-weight:900;display:grid}.aktas-method-steps small{color:var(--mint);letter-spacing:.13em;text-transform:uppercase;font-size:7px;font-weight:850}.aktas-method-steps h3{font:750 12px/1.2 var(--display);margin:3px 0 5px}.aktas-method-steps p,.aktas-method-steps b{color:#91a6bb;margin:0;font-size:9px;font-weight:500;line-height:1.45;display:block}.aktas-method-steps b{color:#c9d9e6;margin-top:7px;font-weight:700}.method-source-list{gap:7px;margin-top:20px;display:grid}.method-source-list>strong{color:#fff;font:750 12px/1.2 var(--display);margin-bottom:2px}.method-source-list a{color:#a9c6e4;background:#3b82f60e;border:1px solid #60a5fa29;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;font-size:9px;line-height:1.35;text-decoration:none;display:flex}.method-source-list a span{color:var(--mint);font-size:12px}.method-safety{color:#71869c;margin:16px 2px 0;font-size:8px;line-height:1.5}.chord-orientation{color:var(--muted);margin:9px 40px 0 0;font-size:11px;line-height:1.5}.chord-orientation strong{color:#d9e8fb}.chord-diagram.is-large{background-size:26px 100%,100% 34px;width:132px;height:142px;margin-top:48px}.chord-diagram.is-large .chord-dot{width:15px;height:15px;left:calc(var(--string) * var(--string-gap,26px) - 7.5px);top:calc(var(--fret) * var(--fret-gap,34px) - 25px);font-size:8px}.chord-diagram.is-large .string-states{width:100%;top:-38px}.chord-diagram.is-large .string-states i{font-size:10px}.chord-diagram.is-large .string-states b{font-size:9px}.chord-diagram.is-large .fret-numbers{font-size:9px;left:-22px}.chord-diagram.is-large .fret-numbers span{height:var(--fret-gap,34px)}.catalog-diagram{--string-gap:16px;--fret-gap:22px}.barre-line{z-index:0;height:8px;left:-5px;right:-5px;top:calc(var(--fret) * var(--fret-gap) - 15px);background:#3b82f68c;border-radius:999px;position:absolute;box-shadow:0 0 12px #3b82f64d}.chord-diagram.is-large .barre-line{height:12px;top:calc(var(--fret) * var(--fret-gap) - 23px)}.catalog-diagram .chord-dot{z-index:1}.finger-instructions{gap:8px;margin:18px 0 12px;display:grid}.finger-instructions>div{border:1px solid var(--soft-line);background:#ffffff08;border-radius:13px;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:9px 11px;display:grid}.finger-instructions i{color:#06111f;background:var(--mint);width:30px;height:30px;font-family:var(--display);border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:900;display:grid}.finger-instructions span{color:var(--muted);font-size:10px}.finger-instructions strong{color:#e7f0fc;font-family:var(--display);text-transform:capitalize;margin-bottom:2px;font-size:11px;display:block}.muted-instruction{color:#d5bd95;background:#f2b85b0f;border-left:2px solid #f2b85b;margin:10px 0 14px;padding:9px 11px;font-size:9px;line-height:1.45}.atlas-toolbar{justify-content:space-between;align-items:center;gap:10px;margin:4px 0 13px;display:flex}.atlas-toolbar>div{gap:5px;display:flex}.atlas-toolbar button{border:1px solid var(--soft-line);color:#7f93ab;cursor:pointer;background:#ffffff06;border-radius:10px;padding:7px 9px;font-size:8px;font-weight:700}.atlas-toolbar button.is-active{color:var(--mint);background:#42d7c80f;border-color:#42d7c847}.atlas-toolbar>span{color:#71849b;font-size:8px}.catalog-loading{background:linear-gradient(135deg,#17345adb,#0c213ef2);border:1px solid #6fcaff2e;border-radius:22px;grid-template-columns:38px 1fr;align-items:center;gap:5px 12px;margin:16px 0;padding:16px;display:grid}.catalog-loading i{background:linear-gradient(135deg,#5ecff0,#3979e8);border-radius:50%;grid-row:1/3;width:34px;height:34px;animation:1s ease-in-out infinite catalog-pulse;box-shadow:0 0 22px #48a7ff6b}.catalog-loading strong{color:#f8fbff;font-size:14px}.catalog-loading span{color:var(--muted);font-size:11px}@keyframes catalog-pulse{50%{opacity:.55;transform:scale(.82)}}.load-more-button{color:#b7caff;width:100%;font-family:var(--display);cursor:pointer;background:#3b82f612;border:1px solid #3b82f638;border-radius:15px;margin-top:12px;padding:13px;font-size:10px;font-weight:700}.position-picker{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:18px 0 8px;display:grid}.position-picker button{border:1px solid var(--soft-line);color:#a9bdd4;cursor:pointer;background:#ffffff09;border-radius:10px;padding:8px;font-size:8px}.position-picker button:last-child{text-align:right}.position-picker button:disabled{opacity:.25}.position-picker span{color:#71849b;font-size:8px}.piano-chord-list{gap:9px;display:grid}.piano-chord-card{border:1px solid var(--soft-line);width:100%;color:var(--paper);text-align:left;cursor:pointer;background:#ffffff08;border-radius:18px;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.piano-chord-card>span{gap:3px;display:grid}.piano-chord-card>span strong{font-family:var(--display);font-size:18px}.piano-chord-card small{color:#71849b;font-size:8px}.piano-chord-card>b{color:var(--mint);grid-column:2;font-size:8px}.piano-keys{background:#d9e5f2;border-radius:8px;height:48px;display:flex;position:relative;overflow:hidden}.piano-keys>i{color:#506073;background:#dce8f4;border-right:1px solid #6f7f90;flex:1;justify-content:center;align-items:flex-end;font-size:5px;font-style:normal;display:flex;position:relative}.piano-keys>i.is-black{z-index:1;color:#72869e;background:#122239;height:29px;margin:0 -3px}.piano-keys>i.is-active{color:#06111f;background:var(--mint);box-shadow:inset 0 -8px #06111f14}.piano-keys span{padding-bottom:3px}.piano-keys.is-large{border-radius:13px;height:124px;margin:28px 0 22px}.piano-keys.is-large>i{font-size:8px}.piano-keys.is-large>i.is-black{height:76px;margin:0 -6px}.method-list{gap:10px;display:grid}.method-card{border:1px solid var(--soft-line);background:radial-gradient(circle at 95% 0,#3b82f61a,#0000 5rem),#ffffff08;border-radius:18px;grid-template-columns:42px 1fr;gap:12px;padding:14px;display:grid}.method-number{width:42px;height:42px;color:var(--mint);font-family:var(--display);background:#42d7c814;border-radius:13px;place-items:center;font-size:10px;font-weight:800;display:grid}.method-card small{color:#5f9de9;letter-spacing:.05em;text-transform:uppercase;font-size:7px;font-weight:750}.method-card h3{font-family:var(--display);margin:4px 0;font-size:13px}.method-card p{color:#7f92a9;margin:0;font-size:9px;line-height:1.4}.method-card code{color:#d2e3f8;font-family:var(--display);background:#3b82f614;border-radius:7px;margin-top:8px;padding:5px 7px;font-size:8px;display:inline-block}.method-card-button{width:100%;color:var(--paper);text-align:left;cursor:pointer}.method-card-button:hover,.method-card-button:focus-visible{background:radial-gradient(circle at 95% 0,#42d7c821,#0000 6rem),#ffffff0b;border-color:#42d7c847}.method-open-label{color:var(--mint);font-family:var(--display);margin-top:9px;font-size:8px;display:block}.tech-fretboard{background:repeating-linear-gradient(90deg,#0000 0 17.5%,#c5d8ea47 17.5% 18%),linear-gradient(90deg,#51331f,#25170f);border:1px solid #688bae38;border-radius:16px;height:132px;margin:14px 0 2px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #00000059}.tech-fretboard.is-compact{border-radius:12px;height:84px;margin-top:10px}.tech-string-labels{z-index:3;color:#9fb1c4;text-align:center;background:#050e18b8;flex-direction:column;justify-content:space-around;width:21px;height:100%;display:flex;position:absolute;left:0}.tech-string-labels b{font-size:6px}.tech-string{width:calc(100% - 21px);height:1px;top:calc(16px + var(--tech-string) * 20px);background:linear-gradient(90deg,#e7e3d1,#87919a);position:absolute;left:21px;box-shadow:0 1px #0000008c}.tech-fretboard.is-guitar .tech-string{top:calc(10px + var(--tech-string) * 20px)}.tech-fretboard.is-compact .tech-string{top:calc(10px + var(--tech-string) * 12px)}.tech-fretboard.is-compact.is-guitar .tech-string{top:calc(7px + var(--tech-string) * 13px)}.tech-fretboard>em{width:21px;height:21px;top:calc(6px + var(--tech-string) * 20px);left:calc(22px + var(--tech-fret) * 16.5%);z-index:4;color:#06111f;background:var(--mint);border-radius:50%;place-items:center;font-size:8px;font-style:normal;font-weight:900;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 0 18px #42d7c899}.tech-fretboard.is-guitar>em{top:calc(0px + var(--tech-string) * 20px)}.tech-fretboard>em.is-melody-note{color:#032125;background:#7df8e7;box-shadow:0 0 0 3px #2a68ff80,0 0 22px #42d7c8d1}.tech-fretboard.is-compact>em{width:16px;height:16px;top:calc(2px + var(--tech-string) * 12px);font-size:6px}.tech-fretboard.is-compact.is-guitar>em{top:calc(-1px + var(--tech-string) * 13px)}.tech-fretboard>small{z-index:3;color:#d9e8f5;background:#040b13b8;border-radius:7px;padding:4px 6px;font-size:7px;position:absolute;bottom:6px;right:8px}.cajon-map{background:linear-gradient(115deg,#0000 45%,#ffffff0f 50%,#0000 55%),repeating-linear-gradient(6deg,#6e4228 0 3px,#5a351f 3px 7px);border:1px solid #85583b;border-radius:26px 26px 18px 18px;width:100%;height:250px;margin:18px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #14080285,0 18px 35px #00000038}.cajon-map.is-compact{border-radius:15px;height:128px;margin:10px 0 0}.cajon-zone{color:#ffeedc99;font-family:var(--display);border:1px dashed #ffecd33d;border-radius:50%;place-items:center;font-size:9px;font-weight:850;transition:all .18s;display:grid;position:absolute}.cajon-zone small{color:inherit;font-size:6px;display:block}.cajon-zone.is-slap{width:30%;height:25%;top:7%;right:5%}.cajon-zone.is-tone{width:48%;height:29%;top:28%;left:26%}.cajon-zone.is-bass{width:58%;height:43%;bottom:8%;left:21%}.cajon-zone.is-active{border-color:var(--mint);color:#06111f;background:#42d7c8e0;transform:scale(.96);box-shadow:0 0 28px #42d7c86b}.cajon-hand{z-index:5;color:#162033;background:#efbd94;border-radius:48% 48% 42% 42%;place-items:center;width:44px;height:44px;font-style:normal;transition:all .22s cubic-bezier(.2,.9,.3,1);display:grid;position:absolute;box-shadow:0 8px 18px #14080259}.cajon-hand.is-bass{bottom:20%;left:44%}.cajon-hand.is-tone{top:35%;left:43%}.cajon-hand.is-slap{top:11%;right:11%}.cajon-map.is-compact .cajon-hand{width:26px;height:26px;font-size:7px}.drum-map{border:1px solid var(--soft-line);background:radial-gradient(circle at 50% 45%,#132d46,#061323);border-radius:22px;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;padding:16px;display:grid}.drum-map i{aspect-ratio:1.25;color:#8299ae;background:radial-gradient(circle,#183652,#0b1b2c);border:2px solid #557088;border-radius:50%;place-items:center;font-size:8px;font-style:normal;font-weight:850;transition:all .16s;display:grid}.drum-map i.is-active{border-color:var(--mint);color:#06111f;background:var(--mint);transform:scale(.9);box-shadow:0 0 24px #42d7c880}.drum-map.is-compact{border-radius:13px;gap:5px;margin:10px 0 0;padding:9px}.violin-map{background:radial-gradient(circle at 50% 55%,#8e512a6b,#071426 62%);border:1px solid #7aa6d133;border-radius:24px;height:220px;margin:18px 0;position:relative;overflow:hidden}.violin-map.is-compact{border-radius:14px;height:112px;margin:10px 0 0}.violin-body{background:linear-gradient(90deg,#6d3218,#c4773e 50%,#682e17);border:2px solid #c17a43;border-radius:42% 42% 48% 48%;width:82px;height:120px;position:absolute;bottom:16px;left:calc(50% - 41px)}.violin-body:before,.violin-body:after{content:"";background:#071426;border-radius:50%;width:22px;height:45px;position:absolute;top:32px}.violin-body:before{left:-8px}.violin-body:after{right:-8px}.violin-fingerboard{z-index:3;background:#17191d;border-radius:9px;grid-template-rows:repeat(4,1fr);place-items:center;width:28px;height:130px;display:grid;position:absolute;top:5px;left:calc(50% - 14px)}.violin-fingerboard i{color:#667b92;border-radius:50%;place-items:center;width:18px;height:18px;font-size:6px;font-style:normal;display:grid}.violin-fingerboard i.is-active{color:#06111f;background:var(--mint);box-shadow:0 0 14px #42d7c88c}.violin-bow{z-index:5;transform-origin:50%;background:#d7c2a8;border-radius:4px;width:3px;height:185px;transition:all .25s;position:absolute;top:18px;left:68%;transform:rotate(22deg);box-shadow:5px 0 #6f482e}.violin-bow.step-1{left:55%;transform:rotate(9deg)}.violin-bow.step-2{left:40%;transform:rotate(-8deg)}.violin-bow b{color:var(--mint);font-size:18px;position:absolute;top:44%;left:10px}.violin-map.is-compact .violin-body{width:44px;height:62px;bottom:8px;left:calc(50% - 22px)}.violin-map.is-compact .violin-fingerboard{width:18px;height:68px;left:calc(50% - 9px)}.violin-map.is-compact .violin-fingerboard i{width:11px;height:11px}.violin-map.is-compact .violin-bow{height:92px;top:10px}.violin-map{background:radial-gradient(circle at 94% 4%,#42d7c81f,#0000 9rem),linear-gradient(145deg,#0d2135,#061321 70%);grid-template-rows:auto 1fr auto;gap:12px;height:240px;padding:15px;display:grid}.violin-guide-head{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.violin-guide-head strong{color:#f4fbff;min-width:48px;font-family:var(--display);font-size:24px}.violin-guide-head span,.violin-guide-head b{width:fit-content;font-family:var(--display);letter-spacing:.06em;border-radius:9px;padding:6px 8px;font-size:8px}.violin-guide-head span{color:#bcece7;background:#42d7c81c}.violin-guide-head b{color:#08201f;background:var(--mint);justify-self:end}.violin-neck{background:linear-gradient(90deg,#70412533,#191c22e6 20%,#0f141cf5);border:1px solid #75a5cb2b;border-radius:16px;align-content:center;gap:5px;padding:4px 4px 21px;display:grid;position:relative}.violin-neck>span{border-radius:8px;grid-template-columns:27px 1fr;align-items:center;height:22px;transition:all .18s;display:grid;position:relative}.violin-neck>span.is-active{background:linear-gradient(90deg,#42d7c824,#0000)}.violin-neck>span>b{color:#7790a6;font-family:var(--display);text-align:center;font-size:8px}.violin-neck>span.is-active>b{color:var(--mint)}.violin-neck>span>i{background:linear-gradient(90deg,#a97852,#d6b38d 54%,#86715f);height:1px;display:block;box-shadow:0 1px #ffffff14}.violin-neck>span.is-active>i{background:linear-gradient(90deg,#44d5c3,#b4fff6);height:2px;box-shadow:0 0 11px #42d7c885}.violin-neck>span>em{z-index:3;color:#061821;background:var(--mint);width:24px;height:24px;font-family:var(--display);border:3px solid #d8fff9;border-radius:50%;place-items:center;font-size:9px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-1px;transform:translate(-50%);box-shadow:0 0 0 5px #42d7c824,0 0 18px #42d7c894}.violin-neck>span>em.finger-0{left:31px}.violin-neck>span>em.finger-1{left:27%}.violin-neck>span>em.finger-2{left:48%}.violin-neck>span>em.finger-3{left:69%}.violin-neck>span>em.finger-4{left:90%}.violin-position-labels{grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:3px;left:27px;right:3px}.violin-position-labels i{color:#647c91;text-align:center;font-size:7px;font-style:normal}.violin-bow-guide{background:#04101da8;border:1px solid #7aa6d129;border-radius:12px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.violin-bow-guide span{color:#7d94a9;letter-spacing:.08em;font-size:7px;font-weight:850}.violin-bow-guide b{color:var(--mint);font-family:var(--display);font-size:11px}.violin-bow-guide i{transform-origin:50%;background:linear-gradient(90deg,#8f5e38,#e5c5a2);border-radius:999px;height:2px;position:relative;overflow:visible}.violin-bow-guide.is-up i{transform:rotate(180deg)}.violin-bow-guide i:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid #e5c5a2;position:absolute;top:-3px;right:-1px}.violin-bow-guide small{color:#839aae;font-size:8px}.violin-map.is-compact{gap:7px;height:158px;padding:9px}.violin-map.is-compact .violin-guide-head strong{min-width:34px;font-size:17px}.violin-map.is-compact .violin-neck>span{height:15px}.violin-map.is-compact .violin-neck>span>em{border-width:2px;width:18px;height:18px;font-size:7px;top:-2px}.violin-map.is-compact .violin-bow-guide{padding:5px 7px}.violin-map.is-compact .violin-bow-guide small{display:none}.song-technique-live{background:#42d7c806;border:1px solid #42d7c826;border-radius:22px;gap:8px;margin:12px 0;padding:13px;display:grid}.song-technique-live>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-technique-live>div:first-child span{color:var(--mint);letter-spacing:.08em;font-size:7px;font-weight:850}.song-technique-live>div:first-child strong{color:#92a8bf;font-size:8px}.song-technique-live .kalimba-keys,.song-technique-live .cajon-map,.song-technique-live .drum-map,.song-technique-live .violin-map,.song-technique-live .tech-fretboard{margin:0}.guitar-performance-flow{background:linear-gradient(135deg,#245db421,#061526e0),radial-gradient(circle at 90% 0,#42d7c81c,#0000 42%);border:1px solid #488bff38;border-radius:20px;gap:11px;margin:12px 0;padding:13px;display:grid;overflow:hidden}.guitar-performance-flow>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.guitar-performance-flow>div span{color:var(--mint);letter-spacing:.1em;font-size:7px;font-weight:900}.guitar-performance-flow>div strong{color:#dbeaff;font-size:10px}.guitar-performance-flow ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.guitar-performance-flow li{color:#6e8298;background:#061220b3;border:1px solid #5b7fa42b;border-radius:12px;place-items:center;gap:4px;min-width:0;min-height:48px;padding:7px 3px;transition:color .16s,border-color .16s,background .16s;display:grid}.guitar-performance-flow li b{color:#7890aa;background:#7599be1a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:7px;display:grid}.guitar-performance-flow li span{letter-spacing:.03em;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:850;overflow:hidden}.guitar-performance-flow li.is-active{color:#dffffa;background:linear-gradient(145deg,#1e70768a,#0d2e43cc);border-color:#42d7c885;box-shadow:0 8px 24px #0f70742e}.guitar-performance-flow li.is-active b{color:#06211f;background:var(--mint)}.piano-note-steps{gap:8px;margin-bottom:16px;display:grid}.piano-note-steps>div{border:1px solid var(--soft-line);border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:9px 11px;display:grid}.piano-note-steps i{color:#06111f;background:var(--mint);border-radius:9px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.piano-note-steps span{color:#71849b;font-size:9px}.piano-note-steps strong{color:#dceaff;font-family:var(--display);font-size:11px;display:block}.list-stack{gap:11px;display:grid}.library-row{text-align:left;border:1px solid var(--soft-line);cursor:pointer;background:#ffffff09;border-radius:19px;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;width:100%;padding:12px;display:grid}.library-cover{color:#ffffffe0;background:var(--cover);width:58px;height:58px;font-family:var(--display);border-radius:15px;place-items:center;font-size:17px;font-weight:800;display:grid;overflow:hidden}.library-cover .vector-art{width:52px;height:45px}.library-cover small{color:#ffffff80;letter-spacing:.06em;font-size:6px;position:absolute;bottom:4px;right:6px}.library-cover{position:relative}.library-row strong,.library-row span{display:block}.library-row strong{font-family:var(--display);margin-bottom:5px;font-size:14px}.library-row span{color:var(--muted);font-size:10px}.row-arrow{color:#656970;font-size:20px}.piano-song-list{gap:11px;display:grid}.piano-song-filters{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 12px;display:grid}.catalog-rights-link{color:#8ff1d2;text-align:center;background:#4ce2b212;border:1px solid #4ce2b233;border-radius:14px;justify-content:center;align-items:center;min-height:40px;margin:0 0 14px;padding:9px 14px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.chord-listen-button{color:#dffcf4;font:inherit;background:linear-gradient(135deg,#4ce2b229,#366fff1f),#0b1b33;border:1px solid #5ce1bf59;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin:14px 0 10px;padding:11px 16px;font-size:13px;font-weight:850;display:flex}.chord-listen-button:disabled{cursor:wait;opacity:.66}.chord-listen-button .play-symbol{border-top-width:6px;border-bottom-width:6px;border-left-width:9px}.chord-recording-credit{color:#7890a9;letter-spacing:.01em;text-align:center;text-underline-offset:3px;margin:-2px 0 14px;font-size:10px;font-weight:700;text-decoration-color:#7890a973;display:block}.chord-recording-credit:hover{color:#a9c1d8}.piano-song-filters button{border:1px solid var(--soft-line);color:#71849b;cursor:pointer;background:#ffffff06;border-radius:11px;padding:8px 5px;font-size:8px;font-weight:750}.piano-song-filters button.is-active{color:#eafffc;background:#42d7c817;border-color:#42d7c859}.piano-song-card{border:1px solid var(--soft-line);text-align:left;background:linear-gradient(90deg, #050e1b38, #050e1beb), var(--song-cover);cursor:pointer;border-radius:20px;grid-template-columns:54px 1fr 18px;align-items:center;gap:13px;min-height:112px;padding:14px;display:grid;position:relative;overflow:hidden}.piano-song-card:after{content:"";border:15px solid #ffffff0b;border-radius:50%;width:100px;height:100px;position:absolute;top:-58px;right:18px}.piano-song-index{color:#ffffffc7;width:48px;height:72px;font-family:var(--display);background:#040b175c;border:1px solid #ffffff1a;border-radius:15px;place-items:center;font-size:16px;font-weight:800;display:grid}.piano-song-card>span:nth-child(2){z-index:1;gap:3px;display:grid;position:relative}.piano-song-card small{color:#76dacc;letter-spacing:.08em;font-size:6px;font-weight:800}.piano-song-card strong{font-family:var(--display);font-size:16px}.piano-song-card b,.piano-song-card em{color:#aebfd4;font-size:9px;font-style:normal;font-weight:500}.piano-song-card em{color:#778ba5}.play-cover{background:linear-gradient(#0000 15%,#0405071a 40%,#040507e6),radial-gradient(circle at 74% 18%,#ffffff2b,#0000 5rem),linear-gradient(145deg,#2449c9,#121a3d 56%,#090a0d);border:1px solid #ffffff1c;border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:228px;margin-top:4px;padding:22px;display:flex;position:relative;overflow:hidden}.play-cover:before{content:"";border:24px solid #ffffff0e;border-radius:50%;width:270px;height:270px;position:absolute;top:-135px;right:-38px;box-shadow:0 0 0 1px #ffffff1f,0 0 0 44px #ffffff06}.play-cover .mini-pill{z-index:1;width:max-content;position:relative}.play-cover h1{z-index:1;font-family:var(--display);letter-spacing:-.045em;margin:11px 0 4px;font-size:32px;position:relative}.play-cover p{z-index:1;color:#ffffff9e;margin:0;font-size:12px;position:relative}.tempo-row{border:1px solid var(--soft-line);background:#ffffff09;border-radius:18px;justify-content:space-between;align-items:center;margin:20px 0 14px;padding:14px 16px;display:flex}.tempo-row span{color:var(--muted);font-size:11px}.tempo-control{align-items:center;gap:12px;display:flex}.tempo-control button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:9px;width:27px;height:27px}.tempo-control strong{min-width:48px;font-family:var(--display);text-align:center;font-size:16px}.mixers{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.mixer{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:14px;padding:11px 6px;font-size:10px;font-weight:650}.mixer.is-on{color:#dfe6ff;background:#5078ff1f;border-color:#5078ff6b}.chord-track{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.track-chord{border:1px solid var(--line);color:#777b82;min-height:76px;font-family:var(--display);background:#ffffff08;border-radius:16px;place-items:center;font-size:20px;font-weight:750;transition:all .16s;display:grid;position:relative;overflow:hidden}.track-chord.is-current{border-color:var(--red);color:#fff;background:linear-gradient(150deg,#3b82f647,#3b82f614),#16171a;transform:translateY(-3px);box-shadow:0 12px 30px #3b82f629}.beat-dots{justify-content:center;gap:11px;margin:20px 0;display:flex}.beat-dot{background:#34373c;border-radius:50%;width:8px;height:8px}.beat-dot.is-current{background:var(--red);animation:.26s ease-out beat;box-shadow:0 0 14px #3b82f6b8}@keyframes beat{50%{transform:scale(1.7)}}.primary-button{color:#fff;width:100%;min-height:56px;font-family:var(--display);cursor:pointer;background:linear-gradient(135deg,#4f91f7,#2563eb);border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:720;display:flex;box-shadow:0 17px 35px #2563eb45}.primary-button.secondary{border:1px solid var(--line);color:var(--paper);box-shadow:none;background:#ffffff0e}.play-symbol{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0}.pause-symbol{border-left:3px solid;border-right:3px solid;width:10px;height:12px}.piano-play-cover{background:linear-gradient(180deg, transparent, #040b16c7), var(--piano-cover);border:1px solid #ffffff1f;border-radius:26px;flex-direction:column;justify-content:flex-end;min-height:178px;margin-top:3px;padding:20px;display:flex;position:relative;overflow:hidden}.piano-play-cover:after{content:"";border:20px solid #ffffff0f;border-radius:50%;width:205px;height:205px;position:absolute;top:-118px;right:-30px;box-shadow:0 0 0 30px #ffffff06}.piano-play-cover>*{z-index:1;position:relative}.piano-play-cover h1{font-family:var(--display);letter-spacing:-.045em;margin:10px 0 3px;font-size:29px}.piano-play-cover p{color:#ffffffad;margin:0;font-size:10px}.piano-play-cover>div{gap:7px;margin-top:13px;display:flex}.piano-play-cover>div span{color:#dce8f7;background:#040b1647;border:1px solid #ffffff1c;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:750}.piano-tempo-modes{grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0;display:grid}.piano-tempo-modes button{border:1px solid var(--soft-line);color:#8294ac;cursor:pointer;background:#ffffff06;border-radius:13px;gap:2px;padding:9px 7px;display:grid}.piano-tempo-modes button.is-active{color:#eafffc;background:#42d7c814;border-color:#42d7c852;box-shadow:inset 0 0 20px #42d7c809}.piano-tempo-modes strong{font-size:9px}.piano-tempo-modes span{font-size:7px}.original-tempo-button{color:#7890aa;text-align:left;cursor:pointer;background:#0a1a2fb3;border:1px solid #60a5fa29;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:100%;margin:-4px 0 12px;padding:8px 11px;display:grid}.original-tempo-button span{font-size:8px}.original-tempo-button strong{color:#c9daed;font-family:var(--display);font-size:10px}.original-tempo-button b{color:#76a7e9;font-size:7px}.original-tempo-button.is-active{background:#42d7c80e;border-color:#42d7c847}.original-tempo-button.is-active b{color:var(--mint)}.landscape-suggestion{background:radial-gradient(circle at 0 0,#3b82f626,#0000 6rem),#09182deb;border:1px solid #68a4ff3d;border-radius:18px;grid-template-columns:42px 1fr;align-items:center;gap:7px 12px;margin:12px 0;padding:13px;display:none}.landscape-device{border:2px solid #70a8ff;border-radius:6px;grid-row:1;width:38px;height:24px;position:relative;box-shadow:0 0 18px #3b82f647}.landscape-device:after{content:"";background:var(--mint);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.landscape-suggestion strong{color:#edf5ff;font-family:var(--display);font-size:10px}.landscape-suggestion p{color:#7f94ad;margin:3px 0 0;font-size:8px;line-height:1.4}.landscape-suggestion button{color:var(--mint);background:#42d7c80f;border:1px solid #42d7c840;border-radius:10px;padding:7px;font-size:8px;font-weight:750}.landscape-suggestion button:last-child{border-color:var(--soft-line);color:#8295aa;background:0 0}.piano-note-stage{background:radial-gradient(circle at 80% 45%,#42d7c81a,#0000 8rem),linear-gradient(145deg,#0b1d34f0,#050f1dc7);border:1px solid #5b8bcd24;border-radius:22px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:14px;min-height:164px;padding:16px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 16px 34px #00061229}.piano-stage-status{color:#6f8cac;letter-spacing:.08em;grid-column:1/-1;justify-content:space-between;font-size:7px;font-weight:800;display:flex}.note-stream{border-right:1px solid var(--soft-line);height:112px;position:relative;overflow:hidden}.note-stream i{width:60px;min-height:25px;right:18px;bottom:calc(8px + var(--distance) * 29px);color:#7991ae;font-family:var(--display);font-size:calc(12px - var(--distance) * 1px);opacity:calc(1 - var(--distance) * .2);background:#3b82f612;border:1px solid #60a5fa2e;border-radius:10px;place-items:center;font-style:normal;font-weight:800;transition:all .22s;display:grid;position:absolute}.note-stream i.is-current{color:#06111f;background:var(--mint);border-color:#42d7c880;box-shadow:0 0 24px #42d7c84d}.piano-note-stage.is-playing .note-stream i{animation:.32s both note-arrive}@keyframes note-arrive{0%{opacity:0;transform:translateY(-14px)}}.note-hit-line{background:var(--mint);width:70px;height:1px;position:absolute;bottom:7px;right:12px;box-shadow:0 0 12px #42d7c8b3}.current-piano-note{text-align:center;justify-items:center;display:grid}.current-piano-note span{color:var(--mint);letter-spacing:.14em;font-size:7px;font-weight:850}.current-piano-note strong{font-family:var(--display);letter-spacing:-.055em;margin:5px 0 3px;font-size:38px}.current-piano-note small{color:#8294ac;font-size:9px}.piano-keyboard-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:14px 0 7px;display:flex}.piano-keyboard-toolbar>div:first-child{gap:2px;display:grid}.piano-keyboard-toolbar strong{color:#dce9f8;font-family:var(--display);letter-spacing:.07em;font-size:11px}.piano-keyboard-toolbar span{color:#6f839c;font-size:8px}.piano-keyboard-toolbar>div:last-child{gap:4px;display:flex}.piano-keyboard-toolbar button{border:1px solid var(--soft-line);color:#70849c;cursor:pointer;background:#ffffff06;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:750}.piano-keyboard-toolbar button.is-active{color:var(--mint);background:#42d7c814;border-color:#42d7c859}.piano-keyboard-scroll{border-radius:18px;margin:0 0 9px;overflow:visible;box-shadow:0 18px 38px #00050e47}.piano-practice-keyboard{background:#dfe7ed;border:1px solid #ffffff1f;border-radius:18px;width:100%;min-width:0;height:138px;position:relative;overflow:hidden}.piano-keyboard-scroll.is-focus .piano-practice-keyboard{min-width:0}.piano-white-row{height:100%;display:flex}.piano-white-row i{color:#6b7780;background:linear-gradient(#fff 0%,#edf2f5 72%,#d4dee5 100%);border-right:1px solid #96a5b0;flex:1;justify-content:center;align-items:flex-end;font-size:6px;font-style:normal;transition:all .12s;display:flex;position:relative}.piano-white-row i.is-active{color:#042f2e;background:linear-gradient(#b7fff5,#42d7c8);box-shadow:inset 0 -18px #03242314,0 0 18px #42d7c8d1}.piano-white-row span{padding-bottom:5px}.piano-practice-keyboard>b{z-index:2;width:1.65%;height:82px;top:0;left:calc(var(--key-left) - 0.825%);color:#66798a;background:linear-gradient(100deg,#07111d,#26384a 62%,#0a1420);border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;font-size:5px;transition:all .12s;display:flex;position:absolute;box-shadow:0 6px 7px #0006,inset 0 -1px #ffffff14}.piano-practice-keyboard>b.is-active{color:#06111f;background:linear-gradient(#89e9dc,#2eb8a7);box-shadow:0 0 20px #42d7c8b3}.piano-practice-keyboard>b span{padding-bottom:5px}.piano-active-key-guide{align-items:stretch;gap:5px;margin-bottom:7px;display:flex;overflow:hidden}.piano-active-key-guide>span{color:#6e849d;letter-spacing:.1em;background:#ffffff06;border-radius:9px;place-items:center;padding:0 7px;font-size:7px;font-weight:850;display:grid}.piano-active-key-guide b{color:#eafffc;min-width:48px;font-family:var(--display);text-align:center;background:#42d7c814;border:1px solid #42d7c840;border-radius:9px;gap:1px;padding:6px 8px;font-size:12px;display:grid}.piano-active-key-guide small{color:#6f9f99;font-family:var(--body);font-size:6.5px;font-weight:650}.piano-song-progress{grid-template-columns:1fr 36px;align-items:center;gap:9px;margin:7px 0 11px;display:grid}.piano-song-progress>i{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.piano-song-progress b{border-radius:inherit;background:linear-gradient(90deg, #3b82f6, var(--mint));height:100%;transition:width .22s;display:block}.piano-song-progress span{color:#7f93ac;text-align:right;font-size:8px}.piano-play-actions{grid-template-columns:.42fr 1fr .42fr;gap:8px;display:grid}.restart-song-button{border:1px solid var(--line);color:#9db0c7;cursor:pointer;background:#ffffff09;border-radius:16px;font-size:9px;font-weight:750}.tuner-toolbar{grid-template-columns:.75fr 1.25fr;gap:9px;margin:20px 0 10px;display:grid}.tuner-journey-head{background:radial-gradient(circle at 90% 0,#42d7c81a,#0000 5rem),#ffffff09;border:1px solid #3b82f633;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:18px 0 10px;padding:14px 15px;display:flex}.tuner-journey-head>div{gap:3px;display:grid}.tuner-journey-head span,.tuner-journey-head small{color:#72859d;font-size:8px}.tuner-journey-head strong{font-family:var(--display);font-size:14px}.tuner-journey-head button{border:1px solid var(--line);color:#9eb2cb;cursor:pointer;background:#ffffff09;border-radius:10px;flex:none;padding:8px 10px;font-size:8px;font-weight:700}.tuner-copy{margin-bottom:0}.tuner-toolbar>div{border:1px solid var(--soft-line);background:#ffffff09;border-radius:17px;flex-direction:column;justify-content:center;gap:4px;min-height:61px;padding:10px 13px;display:flex}.tuner-toolbar span{color:var(--muted);font-size:9px}.tuner-toolbar strong{font-family:var(--display);font-size:12px}.calibration-control>div{justify-content:space-between;align-items:center;gap:5px;display:flex}.calibration-control button{border:1px solid var(--line);color:#c8d7eb;cursor:pointer;background:#ffffff0a;border-radius:8px;width:24px;height:24px}.tuner-stage{border:1px solid var(--soft-line);background:radial-gradient(circle,#4ce2b217,#0000 13rem),linear-gradient(#132a4880,#07111f8c);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;min-height:438px;margin-top:10px;transition:border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.tuner-stage.is-in-tune{border-color:#42d7c83d;box-shadow:inset 0 0 50px #42d7c809}.tuner-stage:before{content:"";border:1px solid #ffffff0e;border-radius:50%;width:320px;height:320px;position:absolute;box-shadow:0 0 0 34px #ffffff04,0 0 0 68px #ffffff03}.tuner-note{z-index:1;font-family:var(--display);letter-spacing:-.08em;font-size:108px;font-weight:800;line-height:.85;position:relative}.tuner-note sup{color:#7592b5;vertical-align:top;letter-spacing:0;margin-left:7px;font-size:19px;font-weight:700}.tuner-live{z-index:2;color:#708199;font-family:var(--display);letter-spacing:.14em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;max-width:250px;margin-bottom:27px;font-size:9px;font-weight:750;display:flex;position:relative;overflow:hidden}.tuner-live i{background:#526175;border-radius:50%;width:6px;height:6px}.tuner-live.is-live{color:var(--mint)}.tuner-live.is-live i{background:var(--mint);animation:1.2s ease-in-out infinite live-pulse;box-shadow:0 0 12px #42d7c8cc}@keyframes live-pulse{50%{opacity:.42;transform:scale(.72)}}.tuner-direction{z-index:1;color:#d9e8fb;font-family:var(--display);margin-top:20px;font-size:18px;font-weight:750;position:relative}.tuner-lock{z-index:2;color:#71849c;text-align:center;gap:5px;width:190px;margin-top:9px;display:grid;position:relative}.tuner-lock>span{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.tuner-lock b{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--mint));height:100%;transition:width .14s;display:block;box-shadow:0 0 11px #42d7c86b}.tuner-lock small{font-family:var(--display);letter-spacing:.02em;font-size:8px;font-weight:700}.tuner-lock.is-active{color:var(--mint)}.meter{z-index:1;width:310px;height:142px;margin-top:3px;position:relative;overflow:hidden}.meter-arc{border:1px solid #ffffff21;border-radius:50%;width:304px;height:304px;position:absolute;top:12px;left:2px}.meter-center{background:var(--mint);width:2px;height:17px;position:absolute;top:10px;left:154px;box-shadow:0 0 10px #4ce2b2cc}.meter-tick{color:#61748d;font-family:var(--display);font-size:7px;position:absolute;top:4px}.meter-tick.is-left{top:108px;left:7px}.meter-tick.is-mid-left{top:35px;left:59px}.meter-tick.is-center{left:151px}.meter-tick.is-mid-right{top:35px;right:55px}.meter-tick.is-right{top:108px;right:5px}.meter-needle{width:2px;height:128px;transform:rotate(var(--needle));transform-origin:bottom;background:linear-gradient(to top, var(--red), #3b82f633);transition:transform .19s cubic-bezier(.22,.8,.28,1);position:absolute;bottom:-4px;left:154px}.tuner-hint{color:#a9bdd4;font-family:var(--display);letter-spacing:.05em;margin:-2px 0 12px;font-size:10px;font-weight:750}.tuner-quality{z-index:2;grid-template-columns:1fr 1fr;gap:16px;width:calc(100% - 42px);display:grid;position:relative}.tuner-quality>div{grid-template-columns:38px 1fr 24px;align-items:center;gap:6px;display:grid}.tuner-quality span,.tuner-quality strong{color:#71849c;font-size:7px;font-weight:700}.tuner-quality strong{text-align:right}.tuner-quality i{background:#ffffff14;border-radius:999px;height:3px;overflow:hidden}.tuner-quality b{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--mint));height:100%;transition:width .18s;display:block;box-shadow:0 0 8px #42d7c866}.string-row{justify-content:space-between;gap:7px;margin:15px 0 20px;display:flex}.string-row.is-dense{grid-template-columns:repeat(6,1fr);display:grid}.string-row.is-dense .string-note{border-radius:11px;min-width:0;height:43px}.string-note{border:1px solid var(--line);height:49px;color:var(--muted);font-family:var(--display);cursor:pointer;background:#ffffff06;border-radius:14px;flex:1;place-items:center;font-size:13px;font-weight:700;display:grid;position:relative}.string-note strong,.string-note small{display:block}.string-note small{color:#65768d;margin:-3px 0 0 2px;font-size:8px}.string-note.is-selected{color:#cfe1ff;background:#3b82f61f;border-color:#3b82f67a}.string-note.is-near{color:var(--mint);background:#4ce2b214;border-color:#4ce2b266}.string-note.is-tuned{border-color:#42d7c852}.string-note.is-celebrating{animation:.7s cubic-bezier(.2,.9,.3,1) both string-confirm}@keyframes string-confirm{35%{color:#06111f;background:var(--mint);transform:translateY(-5px)scale(1.08);box-shadow:0 0 26px #42d7c88c}}.string-note>i{color:#06111f;background:var(--mint);border-radius:50%;place-items:center;width:13px;height:13px;font-size:7px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-5px;right:-3px}.kalimba-keys{background:radial-gradient(circle at 50% 115%,#42d7c826,#0000 42%),#07172a;border:1px solid #42d7c82e;border-radius:13px;justify-content:center;align-items:flex-start;gap:2px;height:72px;padding:7px 6px;display:flex;overflow:hidden}.kalimba-keys i{width:auto;max-width:38px;height:var(--tine-height);color:#7790a9;background:linear-gradient(90deg,#768ba0,#d7e2eb 48%,#75899c);border:1px solid #b8d3e747;border-radius:3px 3px 7px 7px;flex:1;justify-content:center;align-items:flex-end;font-size:5px;font-style:normal;transition:all .18s;display:flex;box-shadow:inset 0 -8px 12px #050e1952}.kalimba-keys i.is-active{color:#04131d;background:linear-gradient(90deg,#25a998,#68f0d3 48%,#279b8d);transform:translateY(4px);box-shadow:0 0 16px #42d7c899}.kalimba-keys span{writing-mode:vertical-rl;padding-bottom:4px}.kalimba-keys.is-large{border-radius:20px;height:166px;margin:20px 0;padding:12px 8px}.kalimba-keys.is-large i{font-size:7px}.kalimba-chord-card{grid-template-columns:58px 1fr}.play-along-demo-notice{background:linear-gradient(105deg,#f5be4a1a,#0000 58%),#061324e0;border:1px solid #f5be4a47;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:4px 0 12px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff0a}.play-along-demo-notice span{color:#172131;letter-spacing:.07em;white-space:nowrap;background:#f0bc4f;border-radius:9px;padding:6px 8px;font-size:8px;font-weight:950}.play-along-demo-notice p{color:#aebdd0;margin:0;font-size:9px;line-height:1.45}.account-gate{z-index:100;overscroll-behavior:contain;padding:max(22px, calc(var(--safe-top) + 12px)) max(22px, calc(var(--safe-right) + 12px)) max(22px, calc(var(--safe-bottom) + 12px)) max(22px, calc(var(--safe-left) + 12px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 9%,#2c78eb42,#0000 34%),linear-gradient(#040f1df5,#030b16fc);place-items:center;display:grid;position:absolute;inset:0;overflow-y:auto}.account-setup-card{background:linear-gradient(145deg,#132e4cf5,#061425fa);border:1px solid #5891e747;border-radius:28px;gap:14px;width:100%;padding:27px 23px 24px;display:grid;box-shadow:0 30px 80px #00040e9e}.account-brand{color:#ddecff;letter-spacing:.12em;align-items:center;gap:9px;font-size:9px;font-weight:900;display:flex}.account-brand i{color:#061726;background:var(--mint);width:34px;height:34px;font-family:var(--display);border-radius:11px;place-items:center;font-size:17px;font-style:normal;display:grid}.account-step{width:max-content;color:var(--mint);letter-spacing:.08em;background:#42d7c812;border:1px solid #42d7c840;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.account-setup-card h1{color:#fff;font-family:var(--display);margin:2px 0 -5px;font-size:27px;line-height:1.04}.account-setup-card>p,.account-setup-card>small{color:#91a8c2;margin:0;font-size:9px;line-height:1.55}.account-setup-card label{color:#c6d5e7;gap:7px;font-size:9px;font-weight:800;display:grid}.account-setup-card input{color:#fff;width:100%;font:inherit;background:#030e1bb3;border:1px solid #6892ca40;border-radius:14px;outline:0;padding:14px;font-size:11px}.account-setup-card input:focus{border-color:#42d7c8a6;box-shadow:0 0 0 3px #42d7c814}.account-setup-card button{color:#041522;min-height:48px;font-family:var(--display);cursor:pointer;background:linear-gradient(135deg,#59e4ca,#42bfc7);border:0;border-radius:15px;font-size:11px;font-weight:900}.account-setup-card button:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.42}.profile-line small{color:var(--mint);margin-top:4px;font-size:7px;display:block}.instrument-play-cover{background:var(--practice-cover);border:1px solid #7ea7ff2e;border-radius:28px;flex-direction:column;justify-content:flex-end;gap:6px;min-height:176px;margin:4px 0 14px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000047}.instrument-play-cover:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:150px;height:150px;position:absolute;top:-80px;right:-35px;box-shadow:0 0 45px #588bff3d}.instrument-play-cover h1{z-index:1;font-family:var(--display);margin:5px 0 0;font-size:28px;line-height:1;position:relative}.instrument-play-cover p,.instrument-play-cover>div{z-index:1;color:#aec0d5;margin:0;font-size:9px;position:relative}.instrument-play-cover>div{gap:7px;margin-top:7px;display:flex}.instrument-play-cover>div span{border:1px solid #ffffff24;border-radius:999px;padding:5px 8px}.instrument-note-stage{text-align:center;background:radial-gradient(circle at 50% 65%,#42d7c81f,#0000 37%),#051325db;border:1px solid #3b82f638;border-radius:24px;place-items:center;min-height:190px;margin:13px 0;padding:16px;display:grid;position:relative;overflow:hidden}.instrument-note-stage>div{color:#7f94ab;justify-content:space-between;align-self:start;width:100%;font-size:8px;font-weight:800;display:flex}.instrument-note-stage>small{color:var(--mint);font-family:var(--display);letter-spacing:.14em;font-size:9px}.instrument-note-stage>strong{color:#f4f8ff;font-family:var(--display);text-shadow:0 0 24px #42d7c847;font-size:46px;line-height:1}.instrument-note-stage>p{color:#7f94ab;white-space:nowrap;max-width:100%;margin:0;font-size:9px;overflow:hidden}.instrument-note-stage.is-playing>strong{animation:.55s both practice-note-pulse}@keyframes practice-note-pulse{0%{opacity:.4;transform:translateY(-8px)scale(.94)}45%{opacity:1;transform:translateY(0)scale(1.05)}to{transform:scale(1)}}.instrument-visual{border:1px solid var(--soft-line);background:#ffffff06;border-radius:20px;grid-template-columns:110px 1fr;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;display:grid}.instrument-visual .vector-art{width:100%}.instrument-visual>span{gap:4px;display:grid}.instrument-visual small,.practice-technique-card span{color:#72879e;letter-spacing:.08em;font-size:7px;font-weight:800}.instrument-visual strong{color:var(--mint);font-family:var(--display);font-size:24px}.percussion-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.percussion-grid i{aspect-ratio:1;border:1px solid var(--soft-line);color:#7890aa;background:radial-gradient(circle at 35% 30%,#17304c,#071426);border-radius:50%;place-items:center;font-size:9px;font-style:normal;font-weight:800;transition:all .16s;display:grid}.percussion-grid i.is-active{border-color:var(--mint);color:#06111f;background:var(--mint);transform:scale(.9);box-shadow:0 0 22px #42d7c873}.practice-technique-card{background:#42d7c809;border:1px solid #42d7c829;border-radius:17px;gap:6px;margin:12px 0;padding:14px 16px;display:grid}.practice-technique-card strong{color:#c5d6e8;font-size:10px;line-height:1.55}.instrument-play-actions{grid-template-columns:.42fr 1fr;gap:9px;margin-top:12px;display:grid}.tuner-actions{grid-template-columns:1.3fr .7fr;gap:9px;display:grid}.reference-button{color:#cfe1ff;font-family:var(--display);cursor:pointer;background:#3b82f614;border:1px solid #3b82f640;border-radius:18px;font-size:11px;font-weight:700}.tuner-tip{border:1px solid var(--soft-line);background:#ffffff06;border-radius:15px;align-items:flex-start;gap:10px;margin-top:13px;padding:12px 14px;display:flex}.diagnostic-button{color:#9ab0c9;text-align:left;cursor:pointer;background:#42d7c809;border:1px solid #42d7c829;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:11px;padding:11px 13px;display:flex}.tuner-advanced{border:1px solid var(--soft-line);color:#8498b0;background:#ffffff06;border-radius:14px;margin-top:11px;padding:0 13px;font-size:9px}.tuner-advanced summary{color:#a5b8cf;cursor:pointer;padding:12px 0;font-weight:700}.tuner-advanced[open]{padding-bottom:12px}.tuner-advanced>div:not(.calibration-control){grid-template-columns:repeat(3,1fr);gap:7px;padding-bottom:10px;display:grid}.tuner-advanced>div>span{color:#70839b;font-size:7px}.tuner-advanced>div>span strong{color:#d2e1f4;margin-top:2px;font-size:9px;display:block}.tuner-advanced .calibration-control{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-test-button{width:100%;color:var(--mint);cursor:pointer;background:#42d7c80d;border:1px solid #42d7c82e;border-radius:10px;margin-top:10px;padding:9px;font-size:8px;font-weight:750}.tuner-success-pop{z-index:100;color:#eefaff;background:radial-gradient(circle at 50% 10%,#42d7c833,#0000 8rem),#071723f7;border:1px solid #42d7c85c;border-radius:28px;justify-items:center;width:260px;padding:25px 20px;animation:1.05s cubic-bezier(.2,.85,.3,1) both tuner-confirm-pop;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 90px #000000a6}.tuner-success-pop i{color:#06111f;background:var(--mint);border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:12px;font-size:27px;font-style:normal;font-weight:900;display:grid;box-shadow:0 0 35px #42d7c880}.tuner-success-pop strong{font-family:var(--display);font-size:18px}.tuner-success-pop span{color:#8fa5be;margin-top:5px;font-size:9px}@keyframes tuner-confirm-pop{0%{opacity:0;transform:translate(-50%,-45%)scale(.82)}20%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-55%)scale(.94)}}.diagnostic-button span{font-size:8px;font-weight:750}.diagnostic-button strong{color:var(--mint);text-align:right;font-size:8px}.tuner-tip strong{color:var(--mint);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.tuner-tip span{color:var(--muted);font-size:9px;line-height:1.45}.permission-note{min-height:18px;color:var(--muted);text-align:center;margin:10px 8px 0;font-size:10px;line-height:1.45}.permission-note a{color:var(--mint);text-underline-offset:2px;text-decoration:underline}.profile-card{background:radial-gradient(circle at 90% 2%,#f2b85b26,#0000 9rem),linear-gradient(145deg,#fff1,#ffffff06);border:1px solid #f2b85b33;border-radius:26px;padding:22px}.profile-line{align-items:center;gap:14px;display:flex}.avatar{width:58px;height:58px;font-family:var(--display);background:linear-gradient(145deg,#304fc1,#142263);border:1px solid #ffffff1f;border-radius:19px;place-items:center;font-size:20px;font-weight:800;display:grid}.profile-line h2{font-family:var(--display);margin:0 0 4px;font-size:19px}.profile-line p{color:var(--muted);margin:0;font-size:11px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.profile-stat{text-align:center;background:#ffffff0b;border-radius:14px;padding:13px 8px}.profile-stat strong,.profile-stat span{display:block}.profile-stat strong{font-family:var(--display);font-size:17px}.profile-stat span{color:var(--muted);margin-top:4px;font-size:9px}.preference-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.preference-summary span{border:1px solid var(--soft-line);color:#71849b;text-align:center;background:#ffffff06;border-radius:13px;gap:3px;padding:10px 8px;font-size:7px;display:grid}.preference-summary b{color:#d9e8fb;font-family:var(--display);font-size:12px}.settings-list{gap:9px;display:grid}.setting-row{border:1px solid var(--soft-line);width:100%;min-height:60px;color:var(--paper);cursor:pointer;background:#ffffff08;border-radius:17px;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.setting-row span{color:var(--muted);font-size:11px}.setting-row.is-open{background:#3b82f614;border-color:#3b82f64d;border-radius:17px 17px 9px 9px}.setting-panel{background:#081627f0;border:1px solid #3b82f633;border-top:0;border-radius:0 0 18px 18px;gap:7px;margin-top:-9px;padding:10px;animation:.18s both setting-panel-in;display:grid}@keyframes setting-panel-in{0%{opacity:0;transform:translateY(-5px)}}.instrument-options>button,.level-options>button{color:#b7c8dc;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.instrument-options>button.is-selected,.level-options>button.is-selected{background:#42d7c80f;border-color:#42d7c83d}.instrument-options i{color:#dceaff;width:32px;height:32px;font-family:var(--display);background:linear-gradient(145deg,#2563eb,#12316b);border-radius:10px;place-items:center;font-size:9px;font-style:normal;font-weight:800;display:grid}.instrument-options span,.level-options span{gap:3px;display:grid}.instrument-options strong,.level-options strong{font-family:var(--display);font-size:10px}.instrument-options small,.level-options small{color:#71849b;font-size:7px}.instrument-options b,.level-options b{color:var(--mint);font-size:12px}.level-options>button{grid-template-columns:1fr auto}.goal-options{grid-template-columns:repeat(4,1fr)}.goal-options button{border:1px solid var(--soft-line);color:#9fb1c8;cursor:pointer;background:#ffffff06;border-radius:12px;gap:2px;padding:11px 5px;display:grid}.goal-options button.is-selected{color:#06111f;background:var(--mint);border-color:#42d7c852}.goal-options strong{font-family:var(--display);font-size:14px}.goal-options span{font-size:7px}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#112239f5,#081424f5);border:1px solid #5b8bcd2e;border-radius:25px;grid-template-columns:repeat(5,1fr);height:84px;padding:8px 5px;display:grid;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 22px 55px #00040e94,inset 0 1px #ffffff0e}.nav-button{color:#718198;cursor:pointer;background:0 0;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:650;display:flex;position:relative}.nav-button.is-active{color:#fff;background:#3b82f61a}.nav-button.is-active:after{content:"";background:var(--red);border-radius:999px;width:14px;height:2px;position:absolute;bottom:4px;box-shadow:0 0 10px #3b82f6d1}.nav-button.is-featured{color:#dceaff;background:0 0;transform:translateY(-9px)}.nav-button.is-featured .nav-icon{color:#fff;background:linear-gradient(145deg,#5b9cfb,#2563eb);border:4px solid #0b192b;border-radius:17px;place-items:center;width:47px;height:47px;display:grid;box-shadow:0 12px 28px #2563eb61,inset 0 1px #ffffff38}.nav-button.is-featured .nav-icon.play:before{border-top-width:8px;border-bottom-width:8px;border-left-width:12px;top:12px;left:17px}.nav-button.is-featured>span:last-child{margin-top:-3px;font-size:8px}.nav-button.is-featured.is-active{background:0 0}.nav-button.is-featured.is-active:after{bottom:-2px}.nav-icon{width:21px;height:20px;position:relative}.nav-icon.home{grid-template-columns:1fr 1fr;gap:3px;display:grid}.nav-icon.home i{border:1.5px solid;border-radius:3px}.nav-icon.library:before,.nav-icon.library:after{content:"";border:1.5px solid;border-radius:3px;height:5px;position:absolute;left:1px;right:1px}.nav-icon.library:before{top:2px}.nav-icon.library:after{bottom:2px;box-shadow:0 -5px 0 -2px}.nav-icon.play:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;position:absolute;top:3px;left:7px}.nav-icon.tuner{border:1.5px solid;border-radius:50%}.nav-icon.tuner:before{content:"";transform-origin:bottom;background:currentColor;width:1.5px;height:8px;position:absolute;bottom:9px;left:9px;transform:rotate(24deg)}.nav-icon.profile:before{content:"";border:1.5px solid;border-radius:50%;width:8px;height:8px;position:absolute;top:1px;left:7px}.nav-icon.profile:after{content:"";border:1.5px solid;border-radius:10px 10px 4px 4px;width:18px;height:9px;position:absolute;bottom:0;left:2px}.practice-overlay{z-index:50;background:radial-gradient(circle at 50% 24%,#3b82f629,#0000 17rem),#08090bfb;flex-direction:column;padding:24px 20px 20px;animation:.32s both overlay-in;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes overlay-in{0%{opacity:0;transform:translateY(22px)}}.overlay-head{justify-content:space-between;align-items:center;padding-top:9px;display:flex}.close-button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:13px;width:38px;height:38px}.practice-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.practice-main h2{font-family:var(--display);margin:12px 0 5px;font-size:28px}.practice-main>p{max-width:290px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.practice-chord{min-width:170px;font-family:var(--display);letter-spacing:-.06em;background:#3b82f61a;border:1px solid #3b82f666;border-radius:30px;margin:35px 0 18px;padding:29px;font-size:58px;font-weight:800;box-shadow:0 20px 50px #124aa033}.warmup-visual{border:1px solid var(--soft-line);background:#ffffff06;border-radius:22px;grid-template-columns:92px 150px;justify-content:center;align-items:center;gap:16px;margin:8px 0 0;padding:13px 14px;display:grid}.warmup-visual .practice-chord{border-radius:24px;min-width:92px;margin:0;padding:22px 12px;font-size:42px}.warmup-visual .chord-diagram{margin:45px 0 0}.warmup-visual>small{color:#71849c;grid-column:1/-1;margin-top:-5px;font-size:8px}.warmup-pace{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;margin:16px 0 7px;display:grid}.warmup-pace button{border:1px solid var(--soft-line);color:#7c8ea5;cursor:pointer;background:#ffffff06;border-radius:12px;gap:2px;padding:8px 5px;display:grid}.warmup-pace button.is-active{color:#effffd;background:#42d7c814;border-color:#42d7c857}.warmup-pace strong{font-size:8px}.warmup-pace span{font-size:6px}.warmup-phase{color:var(--mint);text-align:left;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.warmup-phase span{font-family:var(--display);font-size:11px;font-weight:750}.warmup-phase strong{color:#06111f;background:var(--mint);width:27px;height:27px;font-family:var(--display);border-radius:50%;place-items:center;font-size:11px;display:grid}.warmup-visual>p{color:#aab9cb;grid-column:1/-1;margin:0;font-size:9px;line-height:1.4}.warmup-progress{background:#ffffff14;border-radius:999px;grid-column:1/-1;height:4px;overflow:hidden}.warmup-progress b{border-radius:inherit;background:linear-gradient(90deg, #3b82f6, var(--mint));height:100%;transition:width .24s;display:block}.warmup-status{grid-template-columns:auto auto 1fr;align-items:center;gap:7px;width:100%;margin-top:9px;display:grid}.warmup-status span{color:#8194ab;background:#ffffff09;border-radius:999px;padding:6px 8px;font-size:7px}.warmup-status button{color:var(--mint);cursor:pointer;background:0 0;border:0;justify-self:end;font-size:8px;font-weight:800}.timer-display{color:#d9d8d3;font-family:var(--display);letter-spacing:.08em;margin:12px 0 15px;font-size:20px}.counter-button{color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 40%,#5078ff61,#5078ff17),#111527;border:1px solid #5078ff66;border-radius:50%;width:155px;height:155px;margin:28px 0;box-shadow:0 20px 60px #2541ab42}.counter-button strong,.counter-button span{display:block}.counter-button strong{font-family:var(--display);font-size:48px}.counter-button span{color:#b8c4ff;font-size:10px}.technique-overlay{padding-top:max(20px, env(safe-area-inset-top))}.technique-sheet{width:100%;max-width:390px;margin:0 auto;padding-bottom:24px}.technique-sheet>.close-button{color:#cdd9e5;place-items:center;margin-left:auto;font-size:20px;display:grid}.technique-sheet h2{font-family:var(--display);margin:6px 0;font-size:25px}.technique-lead{color:#8396ab;margin:0 0 4px;font-size:10px;line-height:1.55}.technique-step-copy{background:#42d7c80a;border:1px solid #42d7c82e;border-radius:17px;grid-template-columns:42px 1fr;align-items:center;gap:11px;margin:12px 0;padding:13px;display:grid}.technique-step-copy>i{color:#06111f;background:var(--mint);width:42px;height:42px;font-family:var(--display);border-radius:13px;place-items:center;font-size:16px;font-style:normal;font-weight:900;display:grid}.technique-step-copy>div{gap:4px;display:grid}.technique-step-copy span,.technique-pattern>span{color:#5f9de9;letter-spacing:.08em;font-size:7px;font-weight:850}.technique-step-copy strong{color:#d5e1ec;font-size:10px;line-height:1.45}.technique-pattern{border:1px solid var(--soft-line);background:#ffffff06;border-radius:16px;gap:8px;margin-bottom:12px;padding:13px;display:grid}.technique-pattern code{color:#eef6ff;font-family:var(--display);font-size:12px}.technique-pattern button{color:var(--mint);cursor:pointer;background:#42d7c80f;border:1px solid #42d7c83d;border-radius:10px;justify-self:start;padding:8px 10px;font-size:8px;font-weight:800}.practice-tap-button{color:#dce9f8;cursor:pointer;background:#3b82f614;border:1px solid #3b82f647;border-radius:17px;place-items:center;gap:3px;width:100%;margin:0 0 10px;padding:14px;display:grid}.practice-tap-button strong{color:var(--mint);font-family:var(--display);font-size:20px}.practice-tap-button span{color:#8195aa;font-size:8px}.technique-sheet .primary-button:disabled{opacity:.38;cursor:not-allowed}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:22px;padding:44px 20px}.coach-dock{z-index:31;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:106px;right:18px}.coach-launch{color:#f1fbff;cursor:pointer;background:radial-gradient(circle at 30% 20%,#7ce8da42,#0000 55%),linear-gradient(145deg,#103446fa,#061828fc);border:1px solid #57e3d166;border-radius:18px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;padding:0;animation:.55s cubic-bezier(.2,.85,.25,1) both coach-arrive;display:flex;position:relative;box-shadow:0 15px 38px #00050f80,0 0 28px #42d7c829,inset 0 1px #ffffff14}.coach-launch:before{content:"";background:var(--mint);border:2px solid #091625;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 12px #42d7c8e6}.coach-launch>i{color:#04131d;width:38px;height:38px;font-family:var(--display);background:linear-gradient(145deg,#7ce8da,#32bfae);border:1px solid #7ce8da57;border-radius:13px;flex:none;place-items:center;font-size:18px;font-style:normal;font-weight:900;display:grid}.coach-greeting{color:#edf9ff;pointer-events:none;background:linear-gradient(145deg,#0f2d41fa,#07192afc);border:1px solid #5ebfc14d;border-radius:17px 17px 5px;gap:3px;min-width:184px;margin-bottom:4px;padding:12px 15px;animation:4.8s both coach-greeting-life;display:grid;position:relative;box-shadow:0 18px 46px #00050f7a,inset 0 1px #ffffff0f}.coach-greeting:after{content:"";background:#0a1e32;border-bottom:1px solid #5ebfc14d;border-right:1px solid #5ebfc14d;width:8px;height:8px;position:absolute;bottom:9px;right:-5px;transform:rotate(-45deg)}.coach-greeting strong{font-family:var(--display);font-size:12px}.coach-greeting span{color:#9db1c3;font-size:10px}.coach-backdrop{z-index:70;-webkit-backdrop-filter:blur(12px)saturate(.8);backdrop-filter:blur(12px)saturate(.8);background:linear-gradient(#01070f7a,#01070fdb),#01070fb8;align-items:flex-end;animation:.24s ease-out both coach-fade;display:flex;position:absolute;inset:0}.coach-sheet{isolation:isolate;width:100%;height:min(680px,100% - 16px);max-height:calc(100% - 16px);padding:18px 18px max(18px, env(safe-area-inset-bottom));background:radial-gradient(circle at 88% -4%,#42d7c833,#0000 16rem),radial-gradient(circle at 4% 32%,#3b82f626,#0000 19rem),linear-gradient(165deg,#10263a 0%,#0a1929 46%,#06111f 100%);border:1px solid #73b5e642;border-bottom:0;border-radius:32px 32px 0 0;flex-direction:column;animation:.38s cubic-bezier(.2,.82,.25,1) both coach-rise;display:flex;position:relative;overflow:hidden;box-shadow:0 -32px 90px #00040cb3,inset 0 1px #ffffff12}.coach-sheet:after{content:"";z-index:-1;opacity:.2;pointer-events:none;background-image:linear-gradient(#88c6e90f 1px,#0000 1px),linear-gradient(90deg,#88c6e90b 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.coach-sheet:before{content:"";background:#c1dbee3d;border-radius:999px;align-self:center;width:48px;height:5px;margin:-7px 0 15px}.coach-head{border-bottom:1px solid #70a6d31f;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding-bottom:15px;display:grid}.coach-avatar{color:#04131d;width:50px;height:50px;font-family:var(--display);background:linear-gradient(145deg,#82eadc,#30bdac);border:1px solid #7eefe052;border-radius:17px;place-items:center;font-size:22px;font-weight:900;display:grid;box-shadow:0 10px 28px #26b4a23d,inset 0 1px #ffffff6b}.coach-head>div:nth-child(2){gap:1px;display:grid}.coach-head span{color:var(--mint);font-family:var(--display);letter-spacing:.18em;font-size:9px;font-weight:850}.coach-head strong{color:#f4faff;font-family:var(--display);font-size:16px;line-height:1.25}.coach-head small{color:#9ab0c3;align-items:center;gap:5px;margin-top:2px;font-size:10px;display:flex}.coach-head small i{background:var(--mint);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #42d7c8cc}.coach-head em{color:#cde1f59e;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:210px;margin-top:4px;font-size:9px;font-style:normal;display:block;overflow:hidden}.coach-head>button{color:#b5c7d6;cursor:pointer;background:#ffffff0e;border:1px solid #83b0d633;border-radius:14px;width:40px;height:40px;font-size:23px;line-height:1}.coach-context{background:linear-gradient(135deg,#0e2b40d1,#041322d1);border:1px solid #58a6cc33;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:15px 0 13px;padding:12px 14px;display:grid;box-shadow:inset 0 1px #ffffff09}.coach-context>span{color:#b9f7ef;width:38px;height:38px;font-family:var(--display);background:#42d7c81f;border:1px solid #42d7c821;border-radius:13px;place-items:center;font-size:11px;font-weight:850;display:grid}.coach-context>div{gap:3px;display:grid}.coach-context strong{color:#f0f7fc;font-size:12px}.coach-context small{color:#99aec0;font-size:9.5px}.coach-context>div>i{background:#6f9dbe26;border-radius:999px;width:100%;height:3px;margin-top:3px;display:block;overflow:hidden}.coach-context>div>i>b{border-radius:inherit;background:linear-gradient(90deg,#3bcbb9,#76ede0);height:100%;display:block;box-shadow:0 0 10px #42d7c86b}.coach-context>b{color:var(--mint);font-family:var(--display);font-size:15px}.coach-messages{scrollbar-width:none;flex-direction:column;flex:auto;gap:12px;min-height:150px;max-height:none;padding:6px 2px 12px;display:flex;overflow-y:auto}.coach-messages::-webkit-scrollbar{display:none}.coach-message{align-items:flex-end;gap:9px;animation:.25s ease-out both coach-message-in;display:flex}.coach-message.is-user{justify-content:flex-end}.coach-message>i{color:#06201e;background:var(--mint);width:29px;height:29px;font-family:var(--display);border-radius:10px;flex:none;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.coach-message-content{justify-items:start;gap:7px;max-width:86%;display:grid}.coach-message.is-user .coach-message-content{justify-items:end}.coach-message p{color:#e0ebf4;white-space:pre-line;background:linear-gradient(145deg,#143048f0,#0b1f33f0);border:1px solid #69a1cf38;border-radius:18px 18px 18px 6px;max-width:100%;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;box-shadow:0 8px 24px #00071129}.coach-message.is-user p{color:#eafffb;background:linear-gradient(145deg,#2681777a,#144c4c7a);border-color:#42d7c857;border-radius:18px 18px 6px}.coach-sources{flex-wrap:wrap;align-items:center;gap:5px;padding:0 3px;display:flex}.coach-sources span{color:#7e96aa;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.coach-sources a{color:#a9e9e0;background:#2070691f;border:1px solid #42d7c82e;border-radius:999px;padding:4px 7px;font-size:8.5px;text-decoration:none}.coach-message-content>button{color:#bff7ef;font-family:var(--display);cursor:pointer;background:#25776f33;border:1px solid #42d7c840;border-radius:11px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;font-weight:800;display:flex}.coach-message-content>button span{color:var(--mint);font-size:15px;line-height:0}.coach-feedback{gap:7px;margin-top:9px;display:flex}.coach-feedback button{color:#dbebfabf;min-height:28px;font:inherit;background:#06182bad;border:1px solid #62b7ff2e;border-radius:9px;padding:0 10px;font-size:9px}.coach-feedback button:first-child{color:#70eadb;border-color:#30dcca4d}.coach-thinking{background:#0e2237db;border:1px solid #69a1cf2e;border-radius:16px 16px 16px 5px;align-items:center;gap:4px;padding:12px 15px;display:flex}.coach-thinking b{background:#75dccc;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out infinite coach-thinking}.coach-thinking b:nth-child(2){animation-delay:.12s}.coach-thinking b:nth-child(3){animation-delay:.24s}.coach-suggestions{flex-wrap:wrap;gap:7px;padding:0 1px 12px 38px;display:flex}.coach-suggestions::-webkit-scrollbar{display:none}.coach-suggestions button,.coach-shortcuts button{color:#c3d4e2;cursor:pointer;background:#0c2237e0;border:1px solid #5f9ecd40;border-radius:999px;flex:none;font-size:10px}.coach-suggestions button{padding:9px 12px}.coach-shortcuts{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px;display:grid}.coach-shortcuts button{border-radius:13px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:9px 6px;display:flex}.coach-shortcuts button i{color:var(--mint);font-family:var(--display);font-size:8px;font-style:normal;font-weight:850}.coach-shortcuts button span{color:#d4e1eb;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.coach-composer{background:#030f1bdb;border:1px solid #62a6d552;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:9px;padding:8px 8px 8px 14px;display:grid;box-shadow:inset 0 1px #ffffff09,0 10px 28px #00071133}.coach-composer input{color:#eff8ff;background:0 0;border:0;outline:0;min-width:0;height:38px;font-size:12px}.coach-composer input::placeholder{color:#8299ad}.coach-composer button{color:#04131d;cursor:pointer;background:linear-gradient(145deg,#7ce8da,#34c2b0);border:0;border-radius:13px;width:40px;height:40px;font-size:20px;font-weight:900;box-shadow:0 7px 18px #2abfad3d}.coach-composer button:disabled{opacity:.3;cursor:not-allowed}.coach-disclaimer{color:#7890a4;text-align:center;margin:9px 4px 0;font-size:8.5px;line-height:1.45}@keyframes coach-arrive{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes coach-greeting-life{0%{opacity:0;transform:translate(10px)scale(.96)}10%,78%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(8px)scale(.98)}}@keyframes coach-thinking{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes coach-fade{0%{opacity:0}}@keyframes coach-rise{0%{opacity:0;transform:translateY(45px)}}@keyframes coach-message-in{0%{opacity:0;transform:translateY(5px)}}@media (width<=520px){html,body{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.desktop-stage{width:100%;height:100%;min-height:100dvh;padding:0;display:block}.app-frame{border:0;border-radius:0;width:100%;height:100dvh;min-height:100svh}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}.app-frame:after{display:none}.topbar{padding-top:max(42px, calc(var(--safe-top) + 12px))}.install-banner{top:max(34px, calc(var(--safe-top) + 10px));right:max(12px, calc(var(--safe-right) + 10px));left:max(12px, calc(var(--safe-left) + 10px))}.bottom-nav{height:calc(72px + var(--safe-bottom));width:100%;max-width:none;padding:5px max(8px, calc(var(--safe-right) + 6px)) max(4px, var(--safe-bottom)) max(8px, calc(var(--safe-left) + 6px));border-bottom:0;border-radius:25px 25px 0 0;position:fixed;bottom:0;left:0;right:0}.app-scroll{padding-right:max(20px, calc(var(--safe-right) + 12px));padding-bottom:calc(88px + var(--safe-bottom));padding-left:max(20px, calc(var(--safe-left) + 12px))}.coach-dock{right:max(18px, calc(var(--safe-right) + 12px));bottom:calc(82px + var(--safe-bottom))}.piano-play-screen{padding-inline:14px}.piano-note-stage{grid-template-columns:.72fr 1.28fr;padding:13px}.current-piano-note strong{font-size:30px}}@media (width<=360px){.install-banner{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding-left:9px}.install-brand{width:40px;height:40px}.install-copy span{display:none}.install-action{padding-inline:8px}}@media (width<=700px) and (orientation:portrait){.landscape-suggestion{display:grid}}@media (orientation:landscape) and (height<=520px){.desktop-stage{padding:0;display:block}.app-frame{border:0;border-radius:0;width:100%;height:100dvh}.app-frame:after{display:none}.app-scroll{padding:0 18px 82px}.piano-play-screen .topbar,.piano-play-cover,.piano-tempo-modes,.permission-note{display:none}.piano-play-screen{max-width:920px;margin:0 auto;padding-top:10px}.piano-note-stage{grid-template-columns:.62fr 1.38fr;min-height:150px}.note-stream{height:116px}.piano-practice-keyboard{height:96px}.piano-keyboard-scroll.is-full .piano-practice-keyboard{min-width:100%}.bottom-nav{width:100%;max-width:none;height:calc(72px + var(--safe-bottom));padding:5px max(8px, calc(var(--safe-right) + 6px)) max(4px, var(--safe-bottom)) max(8px, calc(var(--safe-left) + 6px));border-bottom:0;border-radius:25px 25px 0 0;position:fixed;bottom:0;left:0;right:0;transform:none}.nav-button{gap:3px}.nav-button.is-featured{transform:translateY(-5px)}}@media (hover:none) and (pointer:coarse){.bottom-nav{width:100%;max-width:none;height:calc(72px + var(--safe-bottom));padding:5px max(8px, calc(var(--safe-right) + 6px)) max(4px, var(--safe-bottom)) max(8px, calc(var(--safe-left) + 6px));border-bottom:0;border-radius:25px 25px 0 0;position:fixed;bottom:0;left:0;right:0;transform:none}}@media (height<=720px) and (width>=521px){.app-frame{border-radius:28px;height:calc(100vh - 18px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}