@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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-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{.visible{visibility:visible}.static{position:static}.m-0{margin:calc(var(--spacing)*0)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.resize{resize:both}.lowercase{text-transform:lowercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);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,)}.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,)}}:root{--ink:#252d36;--muted:#74808c;--line:#e8e8e2;--paper:#fbfaf7;--white:#fff;--teal:#2d8e82;--teal-dark:#1c6f66;--teal-soft:#e2f2ee;--coral:#db826f;--butter:#f3df9c;--lav:#eeeafb;--font-main:Arial,Helvetica,sans-serif;--shadow:0 14px 40px #1f31360f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-main);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,a,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2d8e8257}.app-shell{min-height:100vh}.sidebar{z-index:5;background:#fff;border-right:1px solid #eeeee8;flex-direction:column;width:236px;padding:25px 17px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 3px 35px;display:flex}.brand-mark{color:#fff;background:var(--teal);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 6px 15px #2d8e822e}.brand b{letter-spacing:-.045em;font-size:18px;font-weight:760;display:block}.brand small{color:#84918d;letter-spacing:.16em;margin-top:2px;font-size:8px;font-weight:800;display:block}.sidebar-label,.section-kicker{color:#91a09a;letter-spacing:.16em;font-size:9px;font-weight:800}.sidebar-label{padding:0 10px 10px}.side-nav{gap:5px;display:grid}.side-nav button{color:#71807c;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;height:41px;padding:0 11px;font-size:12px;font-weight:650;transition:all .18s;display:flex}.side-nav button:hover{color:var(--ink);background:#f5f8f6}.side-nav button.selected{color:var(--teal-dark);background:#eaf5f1}.side-nav button.selected svg{color:var(--teal)}.side-nav button span:nth-child(2){flex:1}.nav-count{color:#77837f;background:#f1f1ed;border-radius:7px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.sidebar-spacer{flex:1}.help-card{margin:20px 0 14px;box-shadow:none!important;background:#f7f7f1!important;border:1px solid #eeeee6!important}.help-card .ui-card-content{padding:14px}.help-icon{width:29px;height:29px;color:var(--teal);background:#e5f1ed;border-radius:9px;place-items:center;display:grid}.help-card b{margin-top:11px;font-size:11px;display:block}.help-card p{color:var(--muted);margin:6px 0 10px;font-size:10px;line-height:1.55}.help-card button{color:var(--teal-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:750;display:inline-flex}.profile-card{border-top:1px solid #eee;align-items:center;gap:9px;padding:12px 2px 0;display:flex}.avatar{color:#7a4d40;background:#f0d8ca;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:750;display:grid}.profile-copy{flex:1;min-width:0}.profile-copy b,.profile-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-copy b{font-size:10px}.profile-copy span{color:#9aa19e;margin-top:3px;font-size:9px}.icon-only{color:#89938f;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.icon-only:hover{color:var(--ink);background:#252d360f}.profile-more{width:24px;height:24px}.main-column{width:min(1120px,100% - 236px);margin-left:236px;padding:0 42px 34px}.topbar{border-bottom:1px solid #eeeee8;justify-content:space-between;align-items:center;height:65px;display:flex}.breadcrumb{color:#9aa19e;align-items:center;gap:10px;font-size:11px;display:flex}.crumb-dot{color:#c4c9c5}.breadcrumb b{color:#4b5752;font-weight:650}.topbar-actions{align-items:center;gap:10px;display:flex}.online-dot{background:#49a88e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #49a88e1f}.welcome-row{justify-content:space-between;align-items:flex-end;padding:29px 1px 19px;display:flex}.eyebrow{color:#94a09b;letter-spacing:.14em;margin:0 0 9px;font-size:9px;font-weight:800}.eyebrow-dot{color:#c3c8bf;padding:0 3px}.welcome-row h1{letter-spacing:-.045em;margin:0;font-size:27px;font-weight:690;line-height:1.16}.wave{color:#e7b66e;margin-left:5px;font-size:19px}.welcome-sub{color:#8c9692;margin:7px 0 0;font-size:11px}.streak-chip{background:#fffaf0;border:1px solid #f0eadd;border-radius:12px;align-items:center;gap:9px;padding:8px 12px;display:flex}.streak-spark{color:#d09441;background:#f7e8c9;border-radius:9px;place-items:center;width:29px;height:29px;font-size:16px;display:grid}.streak-chip b,.streak-chip small{display:block}.streak-chip b{font-size:10px}.streak-chip small{color:#9a968b;margin-top:3px;font-size:9px}.hero-card{isolation:isolate;background:linear-gradient(109deg,#e7f3ef 0%,#edf4ef 48%,#f7eee4 100%);border:1px solid #c0dad08c;border-radius:17px;justify-content:space-between;align-items:center;min-height:245px;padding:26px 31px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;width:48%;max-width:405px;position:relative}.hero-copy h2{color:#2d4844;letter-spacing:-.055em;margin:13px 0 9px;font-size:32px;font-weight:700;line-height:1.12}.hero-copy h2 em{color:#498f81;font-style:normal}.hero-copy>p{color:#788983;max-width:290px;margin:0 0 16px;font-size:11px;line-height:1.6}.hero-note{color:#82908b;align-items:center;gap:7px;margin-top:12px;font-size:9px;display:flex}.hero-note i{background:#acb7b1;border-radius:50%;width:3px;height:3px}.tiny-check{color:#548f7c;background:#d6e8df;border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.hero-art{position:absolute;inset:0 0 0 48%;overflow:hidden}.sun-disc{opacity:.72;background:linear-gradient(145deg,#fae0b1,#f2d6bf);border-radius:50%;width:205px;height:205px;position:absolute;top:10px;right:85px}.hero-orbit{border:1px solid #709e902e;border-radius:50%;position:absolute;transform:rotate(-15deg)}.orbit-one{width:337px;height:151px;top:40px;right:8px}.orbit-two{width:280px;height:118px;top:66px;right:20px}.hero-music-note{color:#58998e;font-family:Georgia,serif;position:absolute}.note-one{font-size:38px;top:19px;right:84px;transform:rotate(16deg)}.note-two{color:#d39270;font-size:29px;top:79px;right:25px;transform:rotate(-8deg)}.hero-piano{background:linear-gradient(#f7f4eb,#e9e5d9);border:1px solid #dedbcf;border-radius:13px 13px 10px 10px;width:min(420px,88%);height:93px;padding:11px 14px 13px;position:absolute;bottom:28px;right:22px;transform:rotate(-4deg);box-shadow:0 19px 24px #62736630,inset 0 1px #fff}.piano-top{color:#82938b;letter-spacing:.19em;justify-content:space-between;align-items:center;height:21px;padding:0 3px 8px;font-size:7px;font-weight:800;display:flex}.piano-led{background:#6bb8a0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #85d5bd}.piano-keys{background:#fff;border:1px solid #c6c4bc;border-radius:4px;height:51px;padding:0 2px;display:flex;overflow:hidden}.piano-keys i{border-right:1px solid #d4d1c8;flex:1;position:relative}.piano-keys i.black{z-index:1;background:#4d5553;border:0;border-radius:0 0 3px 3px;flex:none;width:12px;height:32px;margin:0 -6px;box-shadow:1px 2px 2px #aaa}.art-caption{color:#81918a;letter-spacing:.15em;align-items:center;gap:6px;font-size:7px;font-weight:800;display:flex;position:absolute;bottom:14px;right:41px}.caption-dot{background:#73a99b;border-radius:50%;width:5px;height:5px}.hero-footnote{color:#879992;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:12px;left:31px}.hero-footnote svg{color:#83a99d}.hero-card .ui-badge{font-size:8px}.ui-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:5px 9px;font-size:9px;font-weight:750;line-height:1;display:inline-flex}.badge-soft{color:#558676;background:#e2f2eebf;border:1px solid #d8ece5}.badge-warm{color:#b7804d;letter-spacing:.09em;background:#fff9;border:1px solid #d8b88c52}.ui-button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1;transition:transform .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.ui-button:hover{transform:translateY(-1px)}.button-md{min-height:38px;padding:0 14px}.button-sm{min-height:30px;padding:0 10px;font-size:9px}.button-primary{color:#fff;background:var(--teal);box-shadow:0 5px 12px #2d8e8226}.button-primary:hover{background:var(--teal-dark)}.button-default{color:#fff;background:var(--teal)}.button-secondary{color:#45685f;background:#e7f2ed}.button-quiet{color:#71827b;background:0 0}.button-lesson{color:#fff;background:var(--teal)}.ui-card{border:1px solid var(--line);background:var(--white);min-width:0;box-shadow:var(--shadow);border-radius:14px}.ui-card-content{padding:17px}.section-heading{justify-content:space-between;align-items:flex-end;margin:27px 1px 12px;scroll-margin-top:22px;display:flex}.section-heading .section-kicker,.progress-card .section-kicker,.tip-card .section-kicker,.instrument-heading .section-kicker{margin:0 0 6px}.section-heading h2,.progress-head h2,.instrument-heading h2{letter-spacing:-.035em;margin:0;font-size:17px;font-weight:700}.section-heading p:not(.section-kicker),.progress-head>div>p:not(.section-kicker),.instrument-heading>div>p:not(.section-kicker){color:#959e99;margin:5px 0 0;font-size:10px}.text-link{color:var(--teal-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 1px 4px;font-size:10px;font-weight:700;display:inline-flex}.text-link:hover{gap:9px}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lesson-card{box-shadow:none;transition:transform .17s,box-shadow .17s,border-color .17s;overflow:hidden}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px #1f313614}.lesson-card.current{border-color:#a9cec2;box-shadow:0 0 0 2px #51968312}.lesson-card .ui-card-content{padding:12px}.lesson-card.lilac{background:linear-gradient(150deg,#fbfaff,#f4f1fc)}.lesson-card.peach{background:linear-gradient(150deg,#fff9f5,#f9efea)}.lesson-card.mint{background:linear-gradient(150deg,#f7fcf9,#edf6f0)}.lesson-card-top{justify-content:space-between;align-items:center;display:flex}.lesson-level{color:#9998a8;letter-spacing:.13em;font-size:8px;font-weight:800}.lesson-status{color:#a1a2ad;background:#ffffffb3;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-weight:750;display:grid}.lesson-status.done{color:#fff;background:#65a88d}.lesson-art{place-items:center;height:69px;display:grid}.mini-keys{background:#fff;border:1px solid #e3e1ec;border-radius:6px;width:91px;height:45px;padding:0 4px;display:flex;position:relative;transform:rotate(-4deg);box-shadow:0 5px 12px #5a5a6e1a}.mini-keys span{border-right:1px solid #e9e7ec;flex:1;height:100%}.mini-keys i{background:#4a5056;border-radius:0 0 2px 2px;width:8px;height:25px;position:absolute;top:0}.mini-keys i:first-of-type{left:21px}.mini-keys i:nth-of-type(2){left:42px}.mini-keys i:nth-of-type(3){left:66px}.beat-art{align-items:center;gap:6px;height:43px;display:flex}.beat-art span{background:#e6b9a5;border-radius:8px;width:11px}.beat-art span:first-child,.beat-art span:nth-child(5){opacity:.52;height:20px}.beat-art span:nth-child(2),.beat-art span:nth-child(4){opacity:.72;height:31px}.beat-art span:nth-child(3){background:#da9276;height:43px}.melody-art{border-bottom:1px solid #61a58d40;justify-content:space-around;align-items:flex-end;width:100px;height:46px;display:flex;position:relative}.melody-art i{z-index:1;background:#69a790;border-radius:50%;width:8px;height:8px}.melody-art i:nth-child(2),.melody-art i:nth-child(5){transform:translateY(-8px)}.melody-art i:nth-child(3){transform:translateY(-20px)}.melody-art i:nth-child(4){transform:translateY(-30px)}.melody-art b{background:#a9cbbb;width:1px;height:34px;position:absolute;bottom:6px}.melody-art b:first-of-type{left:23%}.melody-art b:nth-of-type(2){left:43%}.melody-art b:nth-of-type(3){left:63%}.lesson-text h3{color:#333c43;letter-spacing:-.02em;margin:0;font-size:12px}.lesson-text p{color:#8d9692;margin:4px 0 0;font-size:9px}.lesson-card-foot{border-top:1px solid #74808c1a;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.lesson-card-foot>span{color:#89938e;align-items:center;gap:4px;font-size:9px;display:flex}.progress-row{grid-template-columns:1.25fr .75fr;gap:12px;margin-top:13px;scroll-margin-top:18px;display:grid}.progress-card .ui-card-content{padding:17px 19px}.progress-head{justify-content:space-between;align-items:center;display:flex}.progress-ring{background:conic-gradient(#72ad96 var(--progress),#eaf0ec 0);border-radius:50%;place-items:center;width:59px;height:59px;display:grid;position:relative}.progress-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.progress-ring span{z-index:1;text-align:center}.progress-ring b,.progress-ring small{display:block}.progress-ring b{font-size:11px}.progress-ring small{color:#9aa29e;margin-top:2px;font-size:7px}.progress-track{background:#eef1ed;border-radius:999px;height:5px;margin-top:14px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#5f9c88,#91c5a8);height:100%;transition:width .3s}.progress-foot{color:#939b96;justify-content:space-between;gap:7px;margin-top:8px;font-size:8px;display:flex}.progress-foot b{color:#64716b;font-weight:700}.tip-card{box-shadow:none;background:#fff9ef;border-color:#f2e8d7;position:relative;overflow:hidden}.tip-card .ui-card-content{align-items:flex-start;gap:11px;height:100%;padding:16px;display:flex}.tip-icon{color:#c58e65;background:#f6ebd9;border-radius:9px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.tip-card .section-kicker{color:#ae9b83;margin:2px 0 7px}.tip-card h3{color:#4e4941;letter-spacing:-.02em;margin:0;font-size:13px;line-height:1.32}.tip-card p:not(.section-kicker){color:#9d927f;max-width:190px;margin:6px 0 0;font-size:9px;line-height:1.5}.tip-decoration{color:#e1bd7e42;font-family:Georgia,serif;font-size:100px;position:absolute;bottom:-28px;right:14px;transform:rotate(-15deg)}.instrument-section{margin-top:30px;scroll-margin-top:18px}.instrument-heading{justify-content:space-between;align-items:flex-end;margin:0 1px 12px;display:flex}.instrument-controls{align-items:center;gap:13px;display:flex}.sound-status{color:#929c97;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.sound-status i{background:#d8deda;border-radius:50%;width:7px;height:7px}.sound-status i.sound-on{background:#62ad8f;box-shadow:0 0 0 3px #62ad8f24}.volume-control{color:#8c9692;align-items:center;gap:7px;font-size:9px;display:flex}.volume-control input{accent-color:#6d9f89;width:67px;height:3px}.volume-control span{width:26px}.keyboard-card{border-radius:15px;overflow:hidden;box-shadow:0 7px 20px #2034370d}.keyboard-card-top{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.instrument-name{align-items:center;gap:8px;display:flex}.instrument-icon{color:#4e917b;background:#eaf3ef;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.instrument-name b,.instrument-name small{display:block}.instrument-name b{font-size:10px}.instrument-name small{color:#949c97;margin-top:3px;font-size:8px}.key-guidance{color:#9aa39e;align-items:center;gap:4px;font-size:8px;display:flex}.keycap{color:#69766f;min-width:16px;height:18px;font-family:var(--font-main);background:#fafbf9;border:1px solid #e8eae5;border-bottom-width:2px;border-radius:4px;place-items:center;padding:0 4px;font-size:8px;font-weight:700;display:grid}.key-guidance>span:not(.keycap){margin-left:4px}.keyboard-scroll{overscroll-behavior-x:contain;scrollbar-color:#d9e1dc transparent;scrollbar-width:thin;padding-bottom:7px;overflow-x:auto}.piano-keyboard{-webkit-user-select:none;user-select:none;touch-action:none;background:#eee9de;border-radius:5px 5px 7px 7px;width:100%;min-width:690px;height:124px;padding:0 3px 4px;display:flex;position:relative;box-shadow:0 3px #d4d1c8}.white-key{z-index:1;cursor:pointer;touch-action:none;background:linear-gradient(#fff 0%,#fdfdfb 80%,#f1f0e9 100%);border:1px solid #d9d8d0;border-bottom:0;border-radius:0 0 3px 3px;min-width:0;height:100%;padding:0;transition:background 70ms;position:relative}.white-key:hover{background:#f2faf6}.white-key.pressed{background:linear-gradient(#daf0e6,#b9decf)}.white-key span{color:#9ba29d;pointer-events:none;font-size:7px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.black-key{z-index:2;cursor:pointer;touch-action:none;background:linear-gradient(90deg,#303b3b,#46504d 35%,#222d2b);border:1px solid #252d30;border-radius:0 0 4px 4px;width:1.13%;min-width:8px;max-width:14px;height:64%;padding:0;transition:background 70ms;position:absolute;top:0;transform:translate(-50%);box-shadow:1px 3px 3px #1c252342}.black-key:hover{background:linear-gradient(90deg,#466456,#628e78 35%,#3e584e)}.black-key.pressed{background:#599a7d;box-shadow:0 0 0 1px #83b89e}.keyboard-footer{color:#8e9892;align-items:center;gap:14px;padding-top:10px;font-size:8px;display:flex}.keyboard-footer>span:first-child{align-items:center;gap:5px;display:flex}.key-dot{background:#83b9a0;border-radius:50%;width:6px;height:6px}.keyboard-footer button{color:#528c75;cursor:pointer;background:#f3faf6;border:1px solid #e0ece5;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.keyboard-footer button:hover{background:#e6f4eb}.save-caption{color:#a1aaa5;margin-left:auto;font-size:8px}.footer{color:#a3aaa6;border-top:1px solid #eeeee8;justify-content:space-between;margin-top:18px;padding:13px 1px 0;font-size:8px;display:flex}.footer-heart{color:#d69181}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#242e2c52;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-modal{background:#fff;border-radius:18px;width:min(390px,100%);padding:25px;position:relative;box-shadow:0 20px 70px #192a2733}.modal-close{position:absolute;top:12px;right:12px}.modal-icon{width:36px;height:36px;margin-bottom:15px}.help-modal .section-kicker{margin:0 0 7px}.help-modal h2{color:#34413b;letter-spacing:-.04em;margin:0;font-size:20px;line-height:1.22}.help-modal>p:not(.section-kicker){color:#82908a;font-size:11px;line-height:1.65}.help-modal-tip{color:#7b8178;background:#fdfbf6;border:1px solid #eeeadd;border-radius:10px;align-items:flex-start;gap:8px;margin:15px 0;padding:11px;font-size:10px;line-height:1.5;display:flex}.help-modal-tip svg{color:#83a99b;flex:0 0 16px}.help-modal .ui-button{margin-top:2px}@media (max-width:1080px){.main-column{padding-left:26px;padding-right:26px}.sidebar{width:210px}.main-column{width:calc(100% - 210px);margin-left:210px}.hero-piano{width:90%;right:0}.sun-disc{right:54px}.hero-art{left:46%}}@media (max-width:780px){.sidebar{width:68px;padding:16px 10px}.brand{justify-content:center;padding:0 0 27px}.brand>span:last-child,.sidebar-label,.side-nav button span,.help-card,.profile-copy,.profile-more{display:none}.side-nav{gap:7px}.side-nav button{justify-content:center;width:46px;height:44px;padding:0}.side-nav button svg{width:19px;height:19px}.profile-card{justify-content:center;padding-top:12px}.main-column{width:calc(100% - 68px);margin-left:68px;padding:0 22px 27px}.hero-card{min-height:240px}.hero-copy{width:54%}.hero-copy h2{font-size:28px}.hero-art{left:49%}.hero-piano{width:96%;right:-9px}.lesson-grid{gap:8px}.lesson-card .ui-card-content{padding:10px}.lesson-card-foot .ui-button{gap:4px;padding:0 7px}.progress-row{gap:8px}.instrument-heading{align-items:flex-start;gap:12px}.instrument-controls{flex-direction:column;align-items:flex-end;gap:7px}}@media (max-width:570px){.main-column{padding:0 14px 22px}.topbar{height:55px}.topbar .ui-badge{padding:5px 7px;font-size:8px}.welcome-row{flex-direction:column;align-items:flex-start;gap:13px;padding:23px 1px 15px}.welcome-row h1{font-size:24px}.streak-chip{padding:6px 9px}.hero-card{align-items:flex-start;min-height:346px;padding:22px 20px}.hero-copy{width:100%;max-width:none}.hero-copy h2{margin-top:10px;font-size:29px}.hero-copy>p{max-width:235px}.hero-art{inset:132px 0 0}.sun-disc{width:157px;height:157px;top:12px;right:58px}.hero-orbit.orbit-one{width:270px;height:120px;top:30px;right:-16px}.hero-orbit.orbit-two{width:220px;height:93px;top:42px;right:1px}.hero-piano{width:80%;height:77px;padding:8px 10px 9px;bottom:28px;right:14px}.piano-top{height:16px;padding-bottom:5px}.piano-keys{height:43px}.piano-keys i.black{width:9px;height:26px;margin:0 -4.5px}.art-caption{font-size:6px;bottom:15px;right:17px}.hero-footnote{left:20px}.section-heading{align-items:flex-start;gap:8px;margin-top:24px}.section-heading h2,.progress-head h2,.instrument-heading h2{font-size:15px}.section-heading p:not(.section-kicker){max-width:190px;line-height:1.45}.section-heading .text-link{white-space:nowrap;margin-top:13px;font-size:8px}.lesson-grid{grid-template-columns:1fr;gap:9px}.lesson-card .ui-card-content{grid-template-rows:auto 1fr auto;grid-template-columns:62px 1fr;column-gap:10px;padding:11px;display:grid}.lesson-card-top{grid-column:1/-1}.lesson-art{grid-area:2/1/4;height:57px}.lesson-text{grid-area:2/2;align-self:end}.lesson-card-foot{grid-area:3/2;margin-top:8px;padding-top:7px}.mini-keys{width:58px;height:32px}.mini-keys i{width:6px;height:18px}.mini-keys i:first-of-type{left:14px}.mini-keys i:nth-of-type(2){left:28px}.mini-keys i:nth-of-type(3){left:42px}.beat-art{transform:scale(.8)}.melody-art{transform:scale(.76)}.progress-row{grid-template-columns:1fr}.progress-card .ui-card-content{padding:14px}.tip-card .ui-card-content{padding:13px}.tip-card p:not(.section-kicker){max-width:250px}.instrument-section{margin-top:25px}.instrument-heading{flex-direction:column}.instrument-controls{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.instrument-heading>div>p:not(.section-kicker){max-width:305px;line-height:1.5}.keyboard-card .ui-card-content{padding:10px}.keyboard-card-top{align-items:flex-start;gap:8px}.key-guidance{flex-wrap:wrap;justify-content:flex-end;max-width:205px}.key-guidance>span:not(.keycap){max-width:80px;line-height:1.25}.piano-keyboard{min-width:700px;height:112px}.keyboard-footer{flex-wrap:wrap;gap:8px}.save-caption{width:100%;margin-left:0}.footer{gap:10px;line-height:1.4}.footer span:last-child{text-align:right}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.practice-prompt{background:linear-gradient(105deg,#f7fbf8,#fff);border:1px solid #e5eee8;border-radius:13px;align-items:center;gap:12px;margin:0 0 10px;padding:13px 15px;display:flex}.prompt-icon{color:#63947e;background:#e8f3ed;border-radius:10px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.prompt-copy{flex:1;min-width:0}.prompt-copy .section-kicker{margin:0 0 5px;font-size:8px;display:block}.prompt-copy h3{color:#3c4942;letter-spacing:-.01em;margin:0;font-size:11px}.prompt-copy p{color:#9aa29c;margin:4px 0 0;font-size:9px}.target-notes{gap:5px;display:flex}.target-notes span{color:#79857f;background:#fff;border:1px solid #e8eae5;border-radius:7px;justify-content:center;align-items:center;gap:2px;min-width:29px;height:26px;padding:0 6px;font-size:9px;font-weight:700;display:flex}.target-notes span.heard{color:#599070;background:#eff8f1;border-color:#cde6d5}@media (max-width:570px){.practice-prompt{grid-template-columns:31px 1fr;gap:8px;padding:11px;display:grid}.prompt-icon{grid-area:1/1}.prompt-copy{grid-area:1/2}.target-notes{grid-area:2/2}.prompt-copy p{line-height:1.45}}.keyboard-card{background:linear-gradient(155deg,#343943,#1f232b 72%);border:1px solid #444a55;box-shadow:0 16px 34px #10171c30}.keyboard-card .ui-card-content{padding:15px 16px 12px}.keyboard-card-top{color:#f4f2ef}.instrument-name b{color:#f6f3ef}.instrument-name small,.key-guidance{color:#bac1c1}.instrument-icon{color:#c9b3ff;background:#45425a}.keyboard-card .keycap{color:#eeedf0;background:#3b3f49;border-color:#555b65}.piano-deck{background:linear-gradient(#282d36,#20242b);border:1px solid #4c515d;border-radius:12px 12px 7px 7px;width:100%;min-width:0;padding:10px 10px 0;box-shadow:inset 0 1px #ffffff14,0 6px 12px #0003}.instrument-display{color:#f2efff;background:linear-gradient(105deg,#211e33,#302443 46%,#221f31);border:1px solid #594b76;border-radius:7px;margin:0 auto 10px;padding:8px 10px 9px;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #8564c21f,0 2px #13151a}.display-topline{border-bottom:1px solid #ffffff21;align-items:center;gap:13px;height:18px;padding-bottom:6px;display:flex}.display-brand{letter-spacing:.16em;font-size:8px;font-weight:850}.display-brand i{color:#d9a6ff;margin-left:2px;font-style:normal}.display-preset,.display-ready{color:#c7c0d8;letter-spacing:.12em;align-items:center;gap:5px;font-size:6px;display:flex}.display-preset b{color:#c6a4ff}.display-ready{color:#e4ddfb;white-space:nowrap;margin-left:auto}.display-panels{grid-template-columns:.9fr 1.5fr 1.25fr .85fr;gap:7px;padding-top:8px;display:grid}.display-panel{background:linear-gradient(140deg,#8268bda6,#554a8573);border:1px solid #fff3;border-radius:4px;min-width:0;height:59px;padding:7px 8px;position:relative;box-shadow:inset 0 1px 9px #dcc9ff17}.display-panel small{color:#d0c6e8;letter-spacing:.13em;white-space:nowrap;font-size:5px;font-weight:800;display:block}.display-mode>b{letter-spacing:-.04em;margin-top:4px;font-size:9px;line-height:1.02;display:block}.display-wave{color:#b5f0dc;align-items:center;gap:2px;display:flex;position:absolute;bottom:8px;right:7px}.display-wave i{background:#a8ecd9;border-radius:2px;width:2px;height:6px}.display-wave i:nth-of-type(2n){height:11px}.display-wave i:nth-of-type(3n){height:8px}.display-lesson{background:linear-gradient(135deg,#53416f,#292c48)}.display-lesson small span{float:right;color:#d4a6ff}.display-lesson>b{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;display:block;overflow:hidden}.display-progress{background:#ffffff30;border-radius:5px;height:3px;margin:5px 0;display:block}.display-progress i{background:linear-gradient(90deg,#ea91d1,#9c9bff);border-radius:5px;width:34%;height:100%;display:block}.display-hint{color:#d0c8df;text-overflow:ellipsis;white-space:nowrap;font-size:5px;display:block;overflow:hidden}.display-notes{background:linear-gradient(140deg,#593b72,#372948)}.display-notes>div{gap:4px;margin-top:6px;display:flex}.display-note{color:#413258;background:#e7dcff;border-radius:3px;place-items:center;min-width:17px;height:15px;font-size:7px;font-weight:800;display:grid}.display-note.played{color:#154b3d;background:#b1f0d3}.display-live{color:#cabbe2;letter-spacing:.1em;white-space:nowrap;margin-top:5px;font-size:5px;display:block}.display-live i{color:#8ef0c6;margin-left:4px;font-size:5px}.display-songs{background:linear-gradient(140deg,#623e71,#38263f)}.display-songs>div{gap:3px;margin-top:5px;display:flex}.display-songs>div span{color:#fff;background:linear-gradient(135deg,#f1a9ca,#7d80c9);border-radius:3px;place-items:center;width:18px;height:17px;font-size:10px;display:grid}.display-songs>div span:nth-child(2){background:linear-gradient(135deg,#f2c27f,#dd749e)}.display-songs>div span:nth-child(3){background:linear-gradient(135deg,#8cd5ba,#7599d4)}.display-songs>b{letter-spacing:.12em;margin-top:4px;font-size:6px;display:block}.display-songs>em{color:#c9bcd3;font-size:5px;font-style:normal;display:block}.piano-deck .keyboard-scroll{padding-bottom:5px}.piano-deck .piano-keyboard{min-width:0;height:112px}.piano-deck .black-key{width:1.12%;min-width:4px;max-width:12px}.piano-deck .white-key{background:linear-gradient(#fff 0%,#f9f8f3 76%,#e4e2da 100%)}.keyboard-card .keyboard-footer{color:#d0d3d6}.keyboard-card .keyboard-footer button{color:#b7e7d1;background:#394a46;border-color:#535d60}.keyboard-card .keyboard-footer button:hover{background:#405a51}.keyboard-card .keyboard-footer .save-caption{color:#aab2b2}@media (max-width:570px){.keyboard-card .ui-card-content{padding:10px}.instrument-display{padding:7px 7px 8px}.display-panels{gap:4px}.display-panel{height:53px;padding:5px}.display-topline{gap:7px}.display-brand{font-size:7px}.display-preset,.display-ready{font-size:5px}.display-mode>b,.display-lesson>b{font-size:8px}.display-note{min-width:14px}.piano-deck .piano-keyboard{height:96px}.piano-deck .white-key span{font-size:5px;bottom:5px}.keyboard-footer{flex-wrap:wrap;gap:8px}.save-caption{width:100%;margin-left:0}}.keyboard-card .piano-keyboard{min-width:0;height:112px}.keyboard-card .black-key{width:1.12%;min-width:4px;max-width:12px}.keyboard-card .white-key span{font-size:6px}@media (max-width:570px){.keyboard-card .piano-keyboard{height:92px}.keyboard-card .white-key span{font-size:4px;bottom:4px}.display-panels{grid-template-columns:.9fr 1.3fr 1.1fr .75fr;gap:4px}.display-panel{padding:5px 4px}.display-note{min-width:13px}.display-preset,.display-ready{font-size:4px}}.midi-connect{color:#68508c;white-space:nowrap;cursor:pointer;background:#f5f0fc;border:1px solid #d9cfed;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:8px;font-weight:750;display:inline-flex}.midi-connect:hover{background:#ece2fa}.keyboard-card .midi-connect{color:#e5d8ff;background:#40394f;border-color:#625675}.keyboard-card .midi-connect:hover{background:#514563}@media (max-width:570px){.midi-connect{gap:4px;padding:0 7px;font-size:7px}}.touch-panel{cursor:pointer;touch-action:manipulation;transition:transform .12s,border-color .12s,filter .12s}.touch-panel:hover,.touch-panel:focus-visible{filter:brightness(1.13);outline-offset:1px;border-color:#eccdffe6;outline:2px solid #e0bfff61}.touch-panel:active{transform:scale(.975)}.display-mode>em{color:#cfc5df;margin-top:3px;font-size:5px;font-style:normal;display:block}.instrument-display{color:#334251;background:linear-gradient(#d8efff,#b9dbf6);border:8px solid #1c2028;border-bottom-width:6px;border-radius:9px 9px 5px 5px;margin:0 0 10px;padding:8px 10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffe6,0 3px #11141a}.display-topline{border-bottom:1px solid #3659782e;align-items:center;gap:8px;height:23px;padding:0 3px 6px;display:flex}.display-brand{color:#394251;letter-spacing:.16em;flex:none;font-size:8px;font-weight:900}.display-brand i{color:#9162bd;font-style:normal}.display-control{color:#596a80;letter-spacing:.06em;white-space:nowrap;cursor:pointer;background:#ffffffad;border:1px solid #47597c30;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-height:19px;padding:0 6px;font-size:5px;font-weight:800;display:inline-flex}.display-control:hover,.display-control:focus-visible{background:#fff;border-color:#8c75c2;outline:2px solid #7f6baf3b}.display-control:active{transform:translateY(1px)}.lesson-control{text-overflow:ellipsis;max-width:115px;overflow:hidden}.lesson-control span{color:#8c75aa;font-size:5px}.display-ready{color:#60728a;letter-spacing:.1em;white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:5px;display:flex}.display-ready i{background:#38b894;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #38b894}.display-score{background:linear-gradient(#f1f9ffe0,#daefffc2);border:1px solid #5083ab33;border-radius:3px;height:95px;margin-top:6px;position:relative;overflow:hidden}.score-label{z-index:3;color:#6e8295;white-space:nowrap;justify-content:space-between;gap:8px;font-size:6px;display:flex;position:absolute;top:5px;left:8px;right:8px}.score-label span{text-overflow:ellipsis;overflow:hidden}.score-label b{color:#576b85;letter-spacing:.08em}.score-lanes{flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:14px 0 7px}.score-lanes i{background:#5d89a82b;height:1px}.score-beats{justify-content:space-around;display:flex;position:absolute;inset:14px 0 7px}.score-beats i{background:#6385a21f;width:1px}.score-notes{z-index:2;position:absolute;inset:13px 0 7px}.score-note{color:#fff;cursor:pointer;border:0;border-radius:2px;justify-content:center;align-items:center;min-width:27px;height:7px;padding:0 3px;font-size:5px;font-weight:800;line-height:1;transition:filter .12s,transform .12s;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 1px 2px #1e3a5233}.score-note:hover,.score-note:focus-visible{filter:brightness(1.12);outline-offset:1px;z-index:3;outline:2px solid #2c52798c}.score-note:active{transform:translateY(-50%)scale(.92)}.score-note-0{background:#f05276}.score-note-1{background:#8f48d1}.score-note-2{background:#f4ad24}.score-note-3{background:#3dbcc7}.score-note-4{background:#56bc52}.score-note-5{background:#3188e8}.score-playhead{z-index:1;pointer-events:none;background:#cd407d80;width:1px;position:absolute;top:13px;bottom:7px;left:3%}@media (max-width:570px){.instrument-display{border-width:6px 6px 5px;padding:6px}.display-topline{gap:4px;height:22px}.display-brand{font-size:6px}.display-control{gap:2px;min-height:17px;padding:0 4px;font-size:4px}.display-control svg{width:9px;height:9px}.display-ready{font-size:4px}.lesson-control{max-width:70px}.display-score{height:80px}.score-label,.score-label b{font-size:5px}.score-note{min-width:15px;height:6px;padding:0 2px;font-size:4px}}.piano-display-mode{background:radial-gradient(at 50% 0,#303844,#15181e 70%);min-height:100vh}.piano-display-mode .sidebar,.piano-display-mode .topbar,.piano-display-mode .welcome-row,.piano-display-mode .hero-card,.piano-display-mode .section-heading,.piano-display-mode .lesson-grid,.piano-display-mode .progress-row,.piano-display-mode .instrument-heading,.piano-display-mode .practice-prompt,.piano-display-mode .footer{display:none!important}.piano-display-mode .main-column{width:100%;max-width:none;min-height:100vh;margin:0;padding:clamp(16px,3vw,42px)}.piano-display-mode .instrument-section{flex-direction:column;justify-content:center;width:100%;max-width:1800px;min-height:calc(100vh - 2*clamp(16px,3vw,42px));margin:0 auto;display:flex}.piano-display-mode .keyboard-card{border-radius:20px;width:100%}.piano-display-mode .instrument-display{border-width:12px 12px 9px;border-radius:15px 15px 7px 7px;margin-bottom:18px;padding:12px 14px}.piano-display-mode .display-score{height:clamp(120px,24vh,240px);margin-top:10px}.piano-display-mode .score-note{min-width:clamp(32px,3vw,64px);height:clamp(10px,1.2vh,16px);font-size:clamp(7px,.7vw,12px)}.piano-display-mode .keyboard-card .piano-keyboard{height:clamp(150px,32vh,350px)}.piano-display-mode .keyboard-footer{padding-top:16px;font-size:11px}.display-window-control{color:#614c83;background:#efeafb;border-color:#8b78ac}.piano-display-mode .keyboard-card .ui-card-content{padding:clamp(4px,.8vw,14px)}.piano-display-mode .keyboard-card{border-radius:9px;max-width:1800px;margin:0 auto}.piano-display-mode .instrument-display{margin-bottom:8px}.piano-display-mode .keyboard-card-top,.piano-display-mode .display-topline,.piano-display-mode .keyboard-footer{display:flex!important}.score-note-active{filter:brightness(1.25);z-index:4;box-shadow:0 0 0 3px #ffffffe6,0 0 14px;height:10px!important}.score-note-live{z-index:5;background:#273249;border:1px solid #fff;box-shadow:0 0 0 2px #293a5140,0 0 13px #3c527e8c}.piano-keyboard .white-key.pressed{background:linear-gradient(#b9ebd5,#75c9a4);box-shadow:inset 0 0 0 2px #67b992}.piano-keyboard .black-key.pressed{background:linear-gradient(90deg,#3c7c67,#75d4ac 45%,#356552);box-shadow:0 0 0 2px #a1edc8,0 0 12px #6edaabbf}.polaro-dashboard{max-width:1260px;margin:0 auto;padding:22px 0 8px}.polaro-dashboard-heading{justify-content:space-between;align-items:flex-end;margin:0 5px 15px;display:flex}.polaro-dashboard-heading .section-kicker{margin-bottom:6px}.polaro-dashboard-heading h1{color:#252a33;letter-spacing:-.045em;margin:0;font-size:clamp(22px,2.2vw,30px)}.console-online{color:#74858c;align-items:center;gap:7px;font-size:10px;display:flex}.console-online i,.console-screen-footer i{background:#35c59a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #54d8ae}.polaro-console{background:linear-gradient(145deg,#2a2d35,#17191e 72%);border:1px solid #464a54;border-radius:17px;padding:13px 14px 0;transform:perspective(1400px)rotateX(1.2deg);box-shadow:0 15px 36px #1a20253b}.console-touchscreen{color:#2b2a37;background:linear-gradient(135deg,#dedafa,#bfb4df 55%,#d8d2f1);border:8px solid #191b20;border-bottom-width:6px;border-radius:10px 10px 5px 5px;min-height:290px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffd9,0 3px #111318}.console-topline{background:#ffffff40;border-bottom:1px solid #3d365326;align-items:center;gap:14px;height:36px;padding:0 11px;display:flex}.console-wordmark{color:#423c58;letter-spacing:.13em;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:900}.console-wordmark i{color:#8658a9;font-style:normal}.console-clock{color:#655b7c;letter-spacing:.08em;margin-left:auto;font-size:8px;font-weight:750}.console-layout{grid-template-columns:145px minmax(0,1fr);min-height:248px;display:grid}.console-sidebar{color:#eee9f7;background:#252431ed;flex-direction:column;gap:5px;padding:15px 10px;display:flex}.console-sidebar button{color:#c7bfd5;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;height:32px;padding:0 10px;font-size:9px;display:flex}.console-sidebar button span{color:#d3a9fb;text-align:center;width:15px;font-size:14px}.console-sidebar button.active,.console-sidebar button:hover{color:#fff;background:linear-gradient(90deg,#9d7bc95c,#9170be1f);border-color:#dac0ff26}.console-content{background:linear-gradient(135deg,#c7bbe6af,#e7e0fcb3);min-width:0;padding:17px 20px 28px;position:relative}.console-content h2{color:#332f43;letter-spacing:-.035em;margin:5px 0;font-size:17px}.console-content>div>p,.console-list-screen>p{color:#716d80;margin:0 0 12px;font-size:9px}.console-eyebrow{color:#71688a;letter-spacing:.16em;font-size:7px;font-weight:850}.console-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.console-app{color:#373249;text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffffb3,#f5f1ff70);border:1px solid #ffffffa1;border-radius:9px;flex-direction:column;align-items:flex-start;min-height:100px;padding:11px;display:flex;box-shadow:0 4px 10px #49396614}.console-app:hover{transform:translateY(-2px);box-shadow:0 8px 18px #49396626}.console-app>b{color:#514568;font-size:12px}.console-app small{color:#827b91;margin-top:7px;font-size:8px}.console-app>i{color:#72638e;letter-spacing:.1em;margin-top:auto;padding-top:9px;font-size:7px;font-style:normal;font-weight:850}.console-continue{background:#ffffff70;border:1px solid #ffffffb3;border-radius:8px;justify-content:space-between;align-items:center;gap:9px;margin-top:10px;padding:8px 10px;display:flex}.console-continue>span{flex-direction:column;gap:3px;display:flex}.console-continue small{color:#847994;letter-spacing:.12em;font-size:6px;font-weight:800}.console-continue b{color:#393448;font-size:8px}.console-continue button,.console-midi{color:#fff;letter-spacing:.06em;cursor:pointer;background:#584c78;border:0;border-radius:6px;align-items:center;gap:5px;padding:7px 10px;font-size:7px;font-weight:800;display:flex}.console-list-screen{max-width:650px;margin:auto;padding:1px 4px}.console-list-screen h2{font-size:19px}.console-list-item{color:#443c57;text-align:left;cursor:pointer;background:#ffffff87;border:1px solid #ffffffb8;border-radius:8px;align-items:center;gap:10px;width:100%;margin:6px 0;padding:8px 10px;display:flex}.console-list-item:hover{background:#ffffffd9}.console-list-item>span:first-child{color:#fff;background:#8874ae;border-radius:7px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid}.console-list-item>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.console-list-item b{font-size:9px}.console-list-item small{color:#827b91;font-size:7px}.console-sound-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.console-sound-grid button{color:#443c57;cursor:pointer;background:#ffffff70;border:1px solid #ffffffb3;border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px;display:flex}.console-sound-grid button.selected{background:#ffffffc7;border-color:#8c73b5;box-shadow:0 0 0 2px #7b60a81f}.console-sound-grid small{color:#8a8298;letter-spacing:.08em;font-size:6px}.console-volume{color:#655c75;background:#ffffff59;border:1px solid #ffffffa6;border-radius:8px;align-items:center;gap:9px;margin:13px 0;padding:10px;font-size:8px;display:flex}.console-volume input{accent-color:#75639a;flex:1}.console-volume b{min-width:30px}.console-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 12px;display:grid}.console-stats div{background:#ffffff75;border:1px solid #ffffffb3;border-radius:8px;flex-direction:column;gap:5px;padding:11px;display:flex}.console-stats b{color:#52486b;font-size:20px}.console-stats b small{color:#958ca4;font-size:10px}.console-stats span{color:#827994;letter-spacing:.1em;font-size:6px;font-weight:800}.console-progress-track{background:#58497729;border-radius:9px;height:5px;margin-bottom:12px;overflow:hidden}.console-progress-track i{background:linear-gradient(90deg,#b875cc,#796cc0);border-radius:9px;height:100%;display:block}.console-screen-footer{color:#8c819d;letter-spacing:.1em;justify-content:space-between;font-size:5px;font-weight:750;display:flex;position:absolute;bottom:7px;left:18px;right:18px}.console-screen-footer span:first-child{align-items:center;gap:5px;display:flex}.console-screen-footer i{width:4px;height:4px}.console-keybed{cursor:pointer;background:linear-gradient(#e6e2d7,#c5c1b7);border:1px solid #b6b3ac;border-radius:4px 4px 8px 8px;width:100%;margin:0;padding:0 5px 3px;display:block;box-shadow:0 4px #9b988e,inset 0 1px #fff}.console-keys{background:#faf9f3;border:1px solid #bcb9b0;border-radius:2px 2px 5px 5px;height:58px;display:flex;position:relative;overflow:hidden}.console-keys i{background:linear-gradient(#fff,#efeee8);border-right:1px solid #d8d5ce;flex:1;position:relative}.console-keys i.black{z-index:1;background:linear-gradient(90deg,#151619,#41434a 60%,#111);border:0;border-radius:0 0 3px 3px;flex:0 0 1.5%;height:62%;margin:0 -.75%;box-shadow:0 2px 3px #777}.console-keybed-caption{color:#63636a;letter-spacing:.12em;justify-content:space-between;padding:5px 7px 2px;font-size:6px;font-weight:800;display:flex}.console-keybed-caption b{color:#71608e}.console-footnote{color:#9a9f9b;text-align:right;margin:9px 3px 0;font-size:9px}@media (max-width:900px){.console-layout{grid-template-columns:115px minmax(0,1fr)}.console-sidebar{padding:12px 7px}.console-sidebar button{padding:0 7px}.console-content{padding:14px 12px 25px}.console-app-grid{gap:6px}.console-app{padding:8px}}@media (max-width:620px){.polaro-dashboard-heading{flex-direction:column;align-items:flex-start;gap:7px}.polaro-dashboard-heading h1{font-size:22px}.polaro-console{border-radius:12px;padding:7px 7px 0}.console-touchscreen{border-width:5px 5px 4px;min-height:340px}.console-topline{gap:8px;height:30px;padding:0 7px}.console-layout{grid-template-columns:78px minmax(0,1fr);min-height:300px}.console-sidebar{gap:4px;padding:9px 4px}.console-sidebar button{gap:5px;height:31px;padding:0 5px;font-size:7px}.console-sidebar button span{width:11px;font-size:11px}.console-content{padding:12px 8px 25px}.console-content h2{font-size:14px}.console-content>div>p,.console-list-screen>p{font-size:7px}.console-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.console-app{min-height:95px;padding:8px}.console-app>b{font-size:10px}.console-app small{font-size:7px}.console-continue{padding:6px}.console-continue button{padding:6px;font-size:5px}.console-list-item{gap:7px;padding:7px}.console-list-item b{font-size:8px}.console-list-item small{font-size:6px}.console-sound-grid{gap:5px}.console-sound-grid button{padding:8px}.console-sound-grid b{font-size:7px}.console-volume{gap:5px;font-size:7px}.console-stats{gap:4px}.console-stats div{padding:8px}.console-stats b{font-size:16px}.console-stats span{font-size:5px}.console-keys{height:42px}.console-keybed-caption{font-size:5px}}.console-piano-screen{max-width:920px;margin:0 auto;padding:0 2px}.console-piano-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.console-piano-heading>span:first-child{flex-direction:column;gap:3px;display:flex}.console-piano-heading b{color:#383349;font-size:12px}.console-piano-note{color:#655783;background:#ffffff75;border:1px solid #ffffffbd;border-radius:6px;padding:5px 9px;font-size:8px;font-weight:750}.console-mini-score{background:#edf7ff99;border:1px solid #ffffffa8;border-radius:6px;align-items:center;gap:6px;min-height:30px;margin-bottom:8px;padding:5px 8px;display:flex}.console-target-note{color:#fff;cursor:pointer;background:#9273bd;border:0;border-radius:4px;min-width:25px;height:20px;font-size:8px;font-weight:800}.console-target-note.heard{background:#4ca985}.console-mini-keyboard{touch-action:none;background:#faf9f3;border:1px solid #a9a5a1;border-radius:5px;height:90px;display:flex;position:relative;overflow:hidden}.console-mini-white{z-index:0;cursor:pointer;background:linear-gradient(#fff 0% 74%,#ecebe5);border:0;border-right:1px solid #d5d3cd;border-radius:0 0 3px 3px;flex:1 1 0;min-width:0;padding:0;position:relative}.console-mini-white.pressed{background:linear-gradient(#c9f2dd,#78cda4)}.console-mini-black{z-index:1;cursor:pointer;background:linear-gradient(90deg,#111,#34363b 65%,#111);border:1px solid #292a2e;border-top:0;border-radius:0 0 3px 3px;width:1.1%;min-width:3px;max-width:9px;height:61%;padding:0;position:absolute;top:0;transform:translate(-50%);box-shadow:0 2px 3px #777}.console-mini-black.pressed{background:linear-gradient(90deg,#34755d,#80d8aa 55%,#2e6652)}.console-piano-actions{color:#756d82;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;font-size:7px;display:flex}.console-piano-actions button{color:#fff;cursor:pointer;background:#584c78;border:0;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:6px;font-weight:800;display:flex}@media (max-width:620px){.console-piano-heading b{font-size:10px}.console-mini-keyboard{height:70px}.console-mini-black{min-width:2px}.console-piano-actions{font-size:6px}.console-piano-actions button{padding:6px;font-size:5px}}.console-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.console-app{background:linear-gradient(145deg,#ffffffb8,#eee8fa9c);min-height:88px;padding:9px 10px}.console-app-icon{color:#fff;background:#7968a3;border-radius:7px;place-items:center;width:25px;height:25px;margin-bottom:5px;font-size:14px;display:grid}.app-piano .console-app-icon{background:#4f738b}.app-settings .console-app-icon{background:#777987}.console-app>b{font-size:9px}.console-app small{font-size:7px;line-height:1.4}@media (max-width:900px){.console-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.console-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.console-app{min-height:78px;padding:7px}.console-app-icon{width:21px;height:21px;font-size:12px}.console-app>b{font-size:8px}.console-app small{font-size:6px}}.polaro-console{transform-origin:50%;transform:perspective(1500px)rotateX(3deg)rotateY(-2deg)rotate(-3deg)}.console-layout{min-height:0;display:block}.console-sidebar{scrollbar-width:thin;background:linear-gradient(90deg,#302741,#4a3a61);flex-direction:row;align-items:center;gap:5px;padding:5px 8px;overflow-x:auto}.console-sidebar button{white-space:nowrap;flex:none;gap:6px;height:24px;padding:0 9px;font-size:7px}.console-sidebar button span{font-size:12px}.console-sidebar button.active,.console-sidebar button:hover{background:linear-gradient(120deg,#9f7cbe,#66527f);border-color:#d7c5eb55}.console-content{color:#f8f4ff;background:linear-gradient(120deg,#62527b,#8775a0);min-height:240px}.console-content h2{color:#fff}.console-content>div>p,.console-list-screen>p{color:#e1d9ed}.console-eyebrow{color:#e0d4f1}.console-screen-footer{color:#e3d9f0}.console-app{background:linear-gradient(145deg,#ffffffd9,#e9e1f5c7)}.console-continue{background:#ffffffa8}@media (max-width:620px){.polaro-console{transform:perspective(900px)rotateX(1deg)rotate(-1deg)}.console-sidebar{padding:4px 5px}.console-sidebar button{height:23px;padding:0 6px;font-size:6px}.console-sidebar button span{font-size:10px}.console-content{min-height:255px}}:is(html:has(.pianoos-startup),body:has(.pianoos-startup)){background:#f4f5f8;min-height:100%}.pianoos-startup{min-height:100vh;background:#f4f5f8!important;padding:0!important;display:block!important}.pianoos-startup .main-column{width:calc(100% - 236px);min-width:0;max-width:none;margin:0 0 0 236px;padding:0 16px 245px}.pianoos-startup .polaro-dashboard{width:100%;max-width:1500px;margin:0 auto;padding:22px clamp(12px,3vw,42px) 18px}.pianoos-startup .polaro-dashboard-heading{margin-bottom:14px}.pianoos-startup .polaro-dashboard-heading .section-kicker{display:none}.pianoos-startup .polaro-dashboard-heading h1{font-size:clamp(20px,2.2vw,30px)}.pianoos-startup .polaro-console{border-radius:16px;padding:12px 13px 0;transform:none}.pianoos-startup .console-touchscreen{background:linear-gradient(130deg,#d8ecfb,#c7e4f7);min-height:360px}.pianoos-startup .console-layout{min-height:320px;display:block}.pianoos-startup .console-sidebar{background:linear-gradient(90deg,#292d36,#333843);flex-direction:row;align-items:center;gap:4px;padding:5px 7px;overflow-x:auto}.pianoos-startup .console-sidebar button{white-space:nowrap;flex:none;height:28px;padding:0 9px;font-size:8px}.pianoos-startup .console-content{color:#263449;background:linear-gradient(120deg,#d8ecfb,#c5e0f5);min-height:300px;padding:14px 16px 31px;position:relative}.pianoos-startup .console-content h2{color:#283247}.pianoos-startup .console-content>div>p,.pianoos-startup .console-list-screen>p{color:#64758c}.pianoos-startup .console-eyebrow{color:#637b9c}.console-home-grid{grid-template-columns:minmax(145px,1fr) minmax(360px,2.6fr) minmax(145px,1fr);gap:14px;min-height:250px;display:grid}.console-home-activity,.console-now-playing{background:#f8fbffb8;border:1px solid #ffffffba;border-radius:12px;flex-direction:column;align-items:flex-start;gap:9px;padding:12px;display:flex;box-shadow:0 4px 14px #536d8414}.console-home-activity h3,.console-home-center h3{color:#3b4355;margin:0;font-size:11px}.console-home-activity p{color:#66758a;align-items:center;gap:7px;margin:0;font-size:8px;display:flex}.console-home-activity p i{background:#64b891;border-radius:50%;width:6px;height:6px}.console-score-dial{color:#51446c;background:#fff;border:7px solid #ded4ef;border-right-color:#8b68b7;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;margin:auto;display:flex}.console-score-dial b{font-size:20px}.console-score-dial small{letter-spacing:.1em;font-size:5px}.console-home-activity>button,.console-player-link{color:#67538c;cursor:pointer;background:0 0;border:0;font-size:7px;font-weight:850}.console-home-center{min-width:0;padding:2px 4px}.console-home-center h2{margin:4px 0 12px;font-size:clamp(16px,1.8vw,23px)}.console-feature-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.console-feature-app{color:#354054;text-align:left;cursor:pointer;background:#f7fbffb8;border:1px solid #ffffffd4;border-radius:10px;flex-direction:column;align-items:flex-start;min-width:0;padding:8px;transition:transform .16s,box-shadow .16s;display:flex}.console-feature-app:hover{transform:translateY(-2px);box-shadow:0 8px 18px #42536d24}.console-art{color:#fff;border-radius:7px;place-items:center;width:100%;height:72px;margin-bottom:7px;font-size:32px;display:grid}.keys-art{background:linear-gradient(135deg,#8971ad,#5a4c78)}.breathe-art{background:radial-gradient(circle,#d4f3ed,#779eba)}.stage-art{background:linear-gradient(135deg,#ac579c,#323c67)}.console-feature-app b{font-size:9px}.console-feature-app small{color:#748197;margin-top:3px;font-size:7px}.console-home-center>h3{margin:12px 0 7px}.console-shortcuts{flex-wrap:wrap;gap:5px;display:flex}.console-shortcuts button{color:#52647a;cursor:pointer;background:#ffffff94;border:1px solid #a9bfd4;border-radius:5px;padding:6px 8px;font-size:7px;font-weight:750}.console-now-playing{align-items:stretch}.console-player-art{color:#fff;background:radial-gradient(circle at 65% 32%,#fe95d5,#834b9f 40%,#263957);border-radius:8px;place-items:center;height:104px;display:grid}.console-player-art span{text-shadow:0 2px 10px #181229;font-size:46px}.console-now-playing>b{color:#3c4050;font-size:9px}.console-now-playing>small{color:#768095;font-size:7px}.console-player-controls{justify-content:center;gap:12px;padding:5px;display:flex}.console-player-controls button{color:#5c4d79;cursor:pointer;background:#eee8f9;border:0;border-radius:50%;width:24px;height:24px}.console-player-controls button:nth-child(2){color:#fff;background:#625078}.console-player-link{align-self:center}.console-keybed-caption b,.console-footnote{display:none}.console-media-form{gap:8px;margin:12px 0;display:flex}.console-media-form input{color:#354054;background:#ffffffc9;border:1px solid #b6cadb;border-radius:7px;flex:1;min-width:0;padding:9px}.console-media-frame{background:#111;border:0;border-radius:9px;width:100%;height:180px}.console-media-empty,.console-recording-readout,.console-midi-devices{color:#758397;border:1px dashed #a3b8ca;border-radius:8px;margin-top:12px;padding:14px;font-size:9px}.console-action-row{gap:9px;margin:14px 0;display:flex}.console-action-row button:disabled{opacity:.45;cursor:not-allowed}.console-coach-message{background:#fff9;border:1px solid #fff;border-radius:8px;padding:12px}.console-meditation-orb{color:#486a72;background:radial-gradient(circle,#fff,#a9d9d3);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:135px;height:135px;margin:20px auto;font-size:40px;animation:5s ease-in-out infinite breathe-piano;display:flex;box-shadow:0 0 0 10px #ffffff4d,0 0 45px #9ccac580}.console-meditation-orb small{letter-spacing:.08em;font-size:6px}@keyframes breathe-piano{50%{transform:scale(1.08)}}.console-meditation-count{color:#708096;margin-top:9px;font-size:8px;display:block}.console-midi-devices{flex-direction:column;gap:8px;display:flex}.console-midi-devices span{font-size:8px}.console-camera-preview{object-fit:cover;background:#232734;border-radius:8px;width:min(100%,420px);max-height:180px;margin:10px 0;display:block}.console-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.console-spec-grid button{color:#354054;text-align:left;cursor:pointer;background:#ffffffa6;border:1px solid #ffffffc9;border-radius:8px;flex-direction:column;gap:6px;padding:11px;display:flex}.console-spec-grid b{font-size:9px}.console-spec-grid span,.console-disclosure{color:#738097;font-size:7px;line-height:1.5}.console-disclosure{margin-top:9px;display:block}@media (max-width:760px){.console-home-grid{grid-template-columns:1fr 1fr}.console-home-center{grid-area:1/1/auto/-1}.console-now-playing{grid-area:2/2}.console-home-activity{grid-area:2/1}.pianoos-startup .console-content{padding:10px 8px 30px}.console-art{height:54px}}@media (max-width:520px){.pianoos-startup .polaro-dashboard{padding:10px 7px}.pianoos-startup .polaro-dashboard-heading{display:none}.pianoos-startup .polaro-console{padding:6px 6px 0}.pianoos-startup .console-touchscreen{min-height:430px}.pianoos-startup .console-sidebar button{height:25px;padding:0 7px;font-size:7px}.console-home-grid{grid-template-columns:1fr 1fr;gap:7px}.console-feature-apps{gap:5px}.console-feature-app{padding:5px}.console-art{height:42px;font-size:24px}.console-home-activity,.console-now-playing{padding:8px}.console-player-art{height:65px}.console-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.console-screen-footer{bottom:6px}}.console-sound-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.console-sound-grid button{justify-content:center;min-height:68px}.console-sound-grid button.selected{background:linear-gradient(145deg,#fff,#eee6fa);border-color:#8e69b3}.console-sound-grid b{font-size:8px}.console-drum-connect{align-items:center;gap:14px;margin:12px 0;display:flex}.console-drum-connect label{color:#64758c;letter-spacing:.08em;align-items:center;gap:8px;font-size:8px;font-weight:800;display:flex}.console-drum-connect select{color:#38455a;background:#fff;border:1px solid #b6cadb;border-radius:6px;padding:7px}.console-drum-pads{grid-template-columns:repeat(4,minmax(70px,1fr));gap:9px;max-width:620px;margin:14px auto;display:grid}.console-drum-pad{color:#fff;cursor:pointer;background:linear-gradient(150deg,#555c6c,#2d323c);border:1px solid #ffffff8c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:85px;transition:transform .1s,filter .1s;display:flex;box-shadow:0 5px #20242c,0 8px 14px #34445b24}.console-drum-pad:hover{filter:brightness(1.13);transform:translateY(-1px)}.console-drum-pad:active,.console-drum-pad.hit{transform:translateY(2px);box-shadow:0 2px #20242c,0 0 0 3px #9a83bf}.console-drum-pad b{color:#c9aff0;font-size:10px}.console-drum-pad span{letter-spacing:.08em;font-size:9px;font-weight:850}.console-drum-pad small{color:#c1c7d1;font-size:7px}.pad-0,.pad-4{background:linear-gradient(145deg,#6c4f80,#342d45)}.pad-1,.pad-5{background:linear-gradient(145deg,#4e6682,#303a4b)}.pad-2,.pad-6{background:linear-gradient(145deg,#78644f,#43392e)}.pad-3,.pad-7{background:linear-gradient(145deg,#547568,#30443d)}.console-drum-hint{color:#718096;margin:10px 0;font-size:8px}.console-studio-toolbar{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.console-studio-toolbar button.recording-live{background:#b53f63;animation:1.2s infinite studio-record-blink}@keyframes studio-record-blink{50%{filter:brightness(1.25)}}.console-studio-status{color:#6f7d90;align-items:center;gap:8px;min-height:26px;font-size:8px;display:flex}.console-studio-status i{background:#61af89;border-radius:50%;width:7px;height:7px}.console-studio-status i.live{background:#eb4669;box-shadow:0 0 0 4px #eb46692e}.console-studio-track{background:#f9fbffb3;border:1px solid #ffffffba;border-radius:9px;margin:10px 0;padding:10px}.console-studio-track>span{color:#58667c;letter-spacing:.12em;margin-bottom:8px;font-size:7px;font-weight:850;display:block}.console-studio-track>small{color:#8490a1;margin-top:6px;font-size:7px;display:block}.console-studio-wave{background:repeating-linear-gradient(90deg,#f8fbff 0 calc(10% - 1px),#dbe4ed calc(10% - 1px) 10%);border:1px solid #cfdae5;border-radius:6px;height:64px;position:relative;overflow:hidden}.console-studio-wave i{background:#836bb3;border-radius:2px;width:4px;min-height:8px;position:absolute;bottom:50%;transform:translateY(50%)}.console-studio-wave i.drum-event{background:#e78b56}.console-studio-wave i.note-off{display:none}.console-studio-audio{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.console-studio-audio audio{width:min(100%,420px);height:34px}.console-studio-audio a{color:#635083;letter-spacing:.08em;font-size:8px;font-weight:850}@media (max-width:620px){.console-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.console-sound-grid button{min-height:52px;padding:7px}.console-drum-pads{grid-template-columns:repeat(4,minmax(52px,1fr));gap:7px}.console-drum-pad{min-height:65px}.console-drum-pad span{font-size:7px}.console-drum-connect{flex-direction:column;align-items:flex-start;gap:8px}}.console-midi-monitor{color:#52677d;overflow-wrap:anywhere;background:#ffffff85;border:1px solid #ffffffc4;border-radius:6px;margin:7px 0 0;padding:7px 9px;font-family:ui-monospace,Consolas,monospace;font-size:8px}.console-dashboard-level{color:#718096;letter-spacing:.1em;grid-template-columns:40px minmax(50px,1fr) 26px;align-items:center;gap:6px;width:100%;font-size:6px;font-weight:850;display:grid}.console-dashboard-level input,.console-drum-volume input{accent-color:#79669b;width:100%;min-width:0}.console-dashboard-level b{color:#504968;text-align:right;font-size:7px}.console-drum-banks{gap:6px;margin:12px 0 8px;display:flex}.console-drum-banks button{color:#5d6b80;cursor:pointer;background:#ffffff9c;border:1px solid #b6cadb;border-radius:6px;padding:7px 16px;font-size:8px;font-weight:850}.console-drum-banks button.active{color:#fff;background:#675381;border-color:#735e99}.console-drum-volume{max-width:430px}@media (max-width:760px){.console-dashboard-level{grid-template-columns:36px minmax(45px,1fr) 24px;gap:4px}.console-now-playing{gap:6px}}.console-drum-record{background:#f9fbffb3;border:1px solid #ffffffbd;border-radius:9px;margin:12px 0;padding:11px}.console-drum-record-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.console-drum-record-heading>span:first-child{flex-direction:column;gap:4px;display:flex}.console-drum-record-heading b{color:#47546b;font-size:9px}.console-drum-record-heading small{color:#78869a;font-size:7px}.studio-recording-badge{color:#c04465;letter-spacing:.08em;font-size:7px;font-weight:850}.console-drum-record .console-studio-toolbar{margin:7px 0}.console-drum-record-footer{color:#6e7d91;flex-wrap:wrap;align-items:center;gap:10px;font-size:7px;display:flex}.console-drum-record-footer button{color:#fff;cursor:pointer;background:#675381;border:0;border-radius:5px;margin-left:auto;padding:6px 8px;font-size:7px;font-weight:800}.console-drum-record-footer button:disabled{opacity:.45;cursor:not-allowed}.console-studio-track.drums-track .console-studio-wave{background-color:#fffaf5}.console-studio-track.keys-track .console-studio-wave{background-color:#f8f7ff}@media (max-width:620px){.console-drum-record{padding:8px}.console-drum-record-heading{flex-direction:column;align-items:flex-start}.console-drum-record .console-studio-toolbar{gap:5px}}.console-live-keys{touch-action:none;cursor:default}.console-live-keys .console-mini-white{touch-action:none;height:100%}.console-live-keys .console-mini-black{touch-action:none}.console-keybed{cursor:default}.console-recording-library{background:#ffffff8a;border:1px solid #ffffffb8;border-radius:8px;grid-template-columns:minmax(110px,1.4fr) minmax(110px,1fr) auto auto auto;align-items:end;gap:6px;margin:10px 0;padding:9px;display:grid}.console-recording-library label{color:#748197;letter-spacing:.1em;flex-direction:column;gap:4px;font-size:6px;font-weight:850;display:flex}.console-recording-library select,.console-recording-library input{color:#374359;background:#fff;border:1px solid #c3cfda;border-radius:5px;min-width:0;padding:7px 8px;font-size:8px}.console-recording-library>button{padding:7px 8px;font-size:6px}.console-delete-track{color:#9d5265;cursor:pointer;background:#fff8f8;border:1px solid #e3bfc7;border-radius:5px;margin-top:7px;padding:5px 8px;font-size:6px;font-weight:850;display:block}.console-delete-track:disabled{opacity:.4;cursor:not-allowed}@media (max-width:650px){.console-recording-library{grid-template-columns:1fr 1fr}.console-recording-library label:first-child{grid-column:1/-1}.console-recording-library>button{justify-content:center;width:100%}.console-keybed-caption{font-size:6px}}.pianoos-startup .main-column>:not(.polaro-dashboard){display:none!important}.pianoos-startup .polaro-dashboard{min-width:0}.pianoos-startup .polaro-dashboard-heading{max-width:100%}.piano-bottom-dock{z-index:20;background:linear-gradient(130deg,#d8ecfb,#c7e4f7);border:7px solid #20252d;border-radius:11px;grid-template-rows:auto minmax(96px,1fr) auto;gap:7px;min-width:0;height:218px;padding:9px 12px 7px;display:grid;position:fixed;bottom:10px;left:236px;right:12px;box-shadow:0 10px 28px #1e273526}.piano-dock-heading{align-items:center;gap:12px;min-width:0;display:flex}.piano-dock-heading>div:first-child{flex:none}.piano-dock-heading .section-kicker{color:#637b9c;margin:0 0 2px;font-size:7px;display:block}.piano-dock-heading h2{color:#263449;margin:0;font-size:14px;font-weight:700}.piano-dock-targets{gap:5px;min-width:0;display:flex}.piano-dock-targets button{color:#625087;cursor:pointer;background:#f8fcff;border:1px solid #b7cfe1;border-radius:5px;min-width:27px;height:25px;padding:0 7px;font-size:9px;font-weight:750}.piano-dock-targets button.heard{color:#4c8b63;background:#e7f6eb;border-color:#aad8b6}.piano-dock-status{color:#637b9c;white-space:nowrap;margin-left:auto;font-size:9px}.piano-dock-note-readout{color:#3c4b61;background:linear-gradient(#f8fcff,#eaf4fb);border:1px solid #b8d2e4;border-radius:7px;flex:0 162px;align-items:center;gap:7px;min-width:105px;min-height:32px;padding:4px 9px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #fff}.piano-dock-note-readout small{color:#7890a8;letter-spacing:.12em;white-space:nowrap;font-size:7px;font-weight:850}.piano-dock-note-readout b{color:#564779;flex:none;font-size:12px;font-weight:900;line-height:1}.piano-dock-note-readout span{color:#41546a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:750;overflow:hidden}.piano-dock-note-readout.is-visible{animation:.16s ease-out piano-note-readout-in}@keyframes piano-note-readout-in{0%{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.piano-bottom-dock .piano-dock-keys{background:#eee9de;border-radius:4px 4px 7px 7px;width:100%;min-width:0;height:100%;min-height:96px;padding:0 3px 4px;overflow:hidden;box-shadow:0 3px #d4d1c8}.piano-bottom-dock .white-key span{font-size:6px;bottom:4px}.piano-bottom-dock .black-key{width:1.1%;min-width:6px;max-width:12px;height:64%}.piano-dock-footer{color:#637b9c;align-items:center;gap:12px;min-width:0;font-size:8px;display:flex}.piano-dock-footer span:nth-child(2){margin-left:auto}.piano-dock-footer button{color:#fff;cursor:pointer;background:#625078;border:1px solid #635584;border-radius:6px;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:7px;font-weight:800;display:inline-flex}.piano-dock-footer button:hover{background:#493c62}@media (max-width:1080px){.pianoos-startup .main-column{width:calc(100% - 210px);margin-left:210px;padding-bottom:245px}.piano-bottom-dock{left:210px}}@media (max-width:780px){.pianoos-startup .main-column{width:calc(100% - 68px);margin-left:68px;padding:0 10px 235px}.piano-bottom-dock{border-width:5px;grid-template-rows:auto minmax(88px,1fr) auto;gap:6px;height:205px;padding:8px 8px 6px;bottom:7px;left:68px;right:7px}.piano-dock-heading{gap:7px}.piano-dock-heading h2{font-size:12px}.piano-dock-status{font-size:8px}.piano-dock-note-readout{flex:0 190px;order:4;min-height:26px;margin-left:auto;padding:3px 7px}.piano-dock-note-readout b{font-size:10px}.piano-bottom-dock .piano-dock-keys{min-height:88px}.piano-bottom-dock .black-key{min-width:4px}.piano-dock-footer{gap:7px;font-size:7px}.piano-dock-footer button{padding:6px;font-size:6px}}@media (max-width:520px){.pianoos-startup .main-column{padding-bottom:197px}.piano-bottom-dock{border-width:4px 0 0;border-radius:9px 9px 0 0;grid-template-rows:auto minmax(88px,1fr) auto;gap:5px;height:188px;padding:7px 5px 5px;bottom:0;left:68px;right:0}.piano-dock-heading{gap:5px}.piano-dock-heading .section-kicker{font-size:6px}.piano-dock-heading h2{font-size:10px}.piano-dock-targets{gap:3px}.piano-dock-targets button{min-width:21px;height:22px;padding:0 4px;font-size:7px}.piano-dock-status{display:none}.piano-dock-note-readout{flex-basis:142px;min-width:102px;min-height:23px;padding:2px 6px}.piano-dock-note-readout small{font-size:6px}.piano-dock-note-readout b{font-size:9px}.piano-dock-note-readout span{font-size:7px}.piano-bottom-dock .piano-dock-keys{min-height:88px;padding:0 1px 3px}.piano-bottom-dock .black-key{width:1.05%;min-width:3px}.piano-bottom-dock .white-key span{font-size:4px;bottom:3px}.piano-dock-footer{gap:5px;font-size:6px}.piano-dock-footer span:nth-child(2){display:none}.piano-dock-footer button{padding:5px 6px;font-size:5px}}.sidebar-toggle{z-index:21;color:#526783;cursor:pointer;background:#f8fcff;border:1px solid #c3d5e3;border-radius:7px;place-items:center;width:34px;height:32px;display:grid;position:fixed;top:10px;right:12px;box-shadow:0 2px 8px #22364a1a}.sidebar-toggle:hover{background:#e7f3fb}.sidebar-collapsed .sidebar{display:none}.pianoos-startup.sidebar-collapsed .main-column{width:100%;margin-left:0;padding-left:18px;padding-right:18px}.pianoos-startup.sidebar-collapsed .piano-bottom-dock{left:12px}@media (max-width:1080px){.pianoos-startup.sidebar-collapsed .piano-bottom-dock{left:8px}}@media (max-width:780px){.pianoos-startup.sidebar-collapsed .main-column{width:100%;margin-left:0;padding-left:10px;padding-right:10px}.pianoos-startup.sidebar-collapsed .piano-bottom-dock{left:7px}}@media (max-width:520px){.pianoos-startup.sidebar-collapsed .main-column{padding-left:7px;padding-right:7px}.pianoos-startup.sidebar-collapsed .piano-bottom-dock{left:0}.sidebar-toggle{width:30px;height:29px;top:7px;right:7px}}.pianoos-startup .main-column{box-sizing:border-box;flex-direction:column;min-height:100vh;padding-bottom:228px;display:flex}.pianoos-startup .polaro-dashboard{flex-direction:column;flex:auto;min-height:0;padding-bottom:8px;display:flex}.pianoos-startup .polaro-console,.pianoos-startup .console-touchscreen{flex-direction:column;flex:auto;min-height:0;display:flex}.pianoos-startup .console-layout{flex:auto;min-height:0}.pianoos-startup .console-content{min-height:0}.piano-display-mode .main-column{box-sizing:border-box;flex-direction:column;height:calc(100vh - 228px);min-height:0;margin:0;padding:0;display:flex}.piano-display-mode .main-column>:not(.polaro-dashboard){display:none!important}.piano-display-mode .polaro-dashboard{flex-direction:column;flex:auto;width:100%;max-width:none;min-height:0;margin:0;padding:12px 18px 8px;display:flex}.piano-display-mode .polaro-dashboard-heading{margin:0 0 8px}.piano-display-mode .polaro-console,.piano-display-mode .console-touchscreen{flex-direction:column;flex:auto;min-height:0;display:flex}.piano-display-mode .console-layout{flex:auto;min-height:0}.piano-display-mode .console-content{min-height:0}.piano-display-mode .instrument-section{display:none!important}.piano-display-mode .piano-bottom-dock{height:228px;bottom:0;left:0;right:0}@media (max-width:1080px){.pianoos-startup .main-column{padding-bottom:228px}}@media (max-width:780px){.pianoos-startup .main-column{min-height:100vh;padding-bottom:212px}.piano-display-mode .main-column{height:calc(100vh - 205px)}.piano-display-mode .polaro-dashboard{padding:8px 10px 5px}.piano-display-mode .piano-bottom-dock{height:205px}}@media (max-width:520px){.pianoos-startup .main-column{padding-bottom:195px}.piano-display-mode .main-column{height:calc(100vh - 188px)}.piano-display-mode .polaro-dashboard-heading{display:none}.piano-display-mode .piano-bottom-dock{height:188px}}.piano-dock-popups{z-index:30;pointer-events:none;position:absolute;inset:0;overflow:visible}.piano-note-popup{color:#fff;white-space:nowrap;background:#554671;border:1px solid #fff;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:850;line-height:1;animation:.14s ease-out both piano-note-pop;display:block;position:absolute;top:48px;transform:translate(-50%);box-shadow:0 3px 10px #31234c55}.piano-note-popup:nth-child(4n+1){background:#e74f79}.piano-note-popup:nth-child(4n+2){background:#8d4dc8}.piano-note-popup:nth-child(4n+3){background:#e99a18}.piano-note-popup:nth-child(4n){background:#318bdb}@keyframes piano-note-pop{0%{opacity:0;transform:translate(-50%)translateY(7px)scale(.75)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (max-width:780px){.piano-note-popup{padding:3px 5px;font-size:7px;top:42px}}@media (max-width:520px){.piano-note-popup{padding:2px 4px;font-size:6px;top:39px}}.piano-display-mode .polaro-console{transform:none}.console-sounds-screen{flex-direction:column;max-width:100%;height:100%;display:flex}.console-sound-browser{flex-direction:column;flex:1;min-height:0;display:flex}.console-sound-filters{background:#ffffff70;border:1px solid #ffffffb8;border-radius:8px;align-items:center;gap:7px;margin:7px 0;padding:7px;display:flex}.console-sound-filters input,.console-sound-filters select{color:#443c57;background:#fff;border:1px solid #c9bfd9;border-radius:6px;min-width:0;padding:7px 8px;font-size:9px}.console-sound-filters span{white-space:nowrap;color:#726783;font-size:8px;font-weight:700}.console-sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;min-height:0;max-height:clamp(140px,35vh,330px);padding:2px 4px 10px;overflow:auto}.console-sound-grid button{text-align:left;gap:5px;min-width:0;min-height:48px;padding:7px}.console-sound-grid b{align-items:center;gap:5px;min-width:0;font-size:8px;display:flex}.console-sound-grid b span{color:#8b7ba5;font-size:7px}.console-sound-grid small{font-size:6px}@media (max-width:620px){.console-sound-filters{flex-wrap:wrap}.console-sound-filters input{flex-basis:100%}.console-sound-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px}}.piano-display-mode .console-content{overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:36px;overflow-y:auto}.piano-display-mode .console-list-screen{max-width:min(100%,900px)}.piano-display-mode .console-drum-record{scroll-margin-bottom:24px}.console-stream-capture{background:#ffffff8a;border:1px solid #ffffffc4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;padding:9px 11px;display:flex}.console-stream-capture>div{flex-direction:column;gap:4px;display:flex}.console-stream-capture b{color:#47546b;font-size:9px}.console-stream-capture small{color:#78869a;max-width:440px;font-size:7px;line-height:1.5}.console-stream-capture button{white-space:nowrap}.console-stream-capture button:disabled{opacity:.65;cursor:not-allowed}@media (max-width:620px){.console-stream-capture{flex-direction:column;align-items:flex-start}.console-stream-capture button{justify-content:center;width:100%}}.console-stream-capture{flex-direction:column;align-items:flex-start}.console-stream-actions{flex-wrap:wrap;gap:6px;display:flex}.console-stream-playback{background:#ffffffa0;border:1px solid #ffffffc4;border-radius:8px;gap:8px;margin:10px 0;padding:10px;display:grid}.console-stream-playback>div:first-child{flex-direction:column;gap:3px;display:flex}.console-stream-playback b{color:#47546b;font-size:9px}.console-stream-playback small{color:#78869a;font-size:7px}.console-stream-playback audio{width:100%;height:34px}.console-audio-edit{flex-wrap:wrap;align-items:end;gap:7px;display:flex}.console-audio-edit label{color:#655c75;align-items:center;gap:4px;font-size:7px;font-weight:800;display:flex}.console-audio-edit input{color:#443c57;background:#fff;border:1px solid #c9bfd9;border-radius:5px;width:74px;padding:6px;font-size:9px}.console-audio-edit a{color:#fff;background:#53466f;border-radius:5px;padding:7px 9px;font-size:7px;font-weight:800;text-decoration:none}.console-audio-edit-message{color:#655c75;font-size:8px}@media (max-width:620px){.console-stream-actions{width:100%}.console-stream-actions button{flex:1}.console-audio-edit{align-items:stretch}.console-audio-edit label{flex:1}.console-audio-edit button,.console-audio-edit a{text-align:center}}.studio-screen{max-width:100%;margin:0 auto}.console-flex-synth{background:linear-gradient(120deg,#ffffffb0,#f1eafa9c);border:1px solid #ffffffc4;border-radius:8px;margin:8px 0;padding:10px}.console-flex-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.console-flex-heading>span{flex-direction:column;gap:3px;display:flex}.console-flex-heading b{color:#4c4263;letter-spacing:.1em;font-size:9px}.console-flex-heading small{color:#7c718e;font-size:7px}.console-flex-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:9px;display:grid}.console-flex-controls label{color:#6f6383;flex-direction:column;gap:5px;font-size:7px;font-weight:800;display:flex}.console-flex-controls input{accent-color:#75639a;width:100%}.console-flex-controls select{color:#443c57;background:#fff;border:1px solid #c9bfd9;border-radius:5px;padding:5px;font-size:8px}.console-flex-controls b{font-size:7px}.console-music-level{color:#655c75;align-items:center;gap:5px;font-size:7px;font-weight:800;display:flex}.console-music-level input{accent-color:#75639a;width:80px}.console-music-level b{text-align:right;min-width:26px}.console-studio-mixer{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.console-studio-mixer label{color:#625a74;background:#ffffff78;border:1px solid #ffffffb8;border-radius:7px;align-items:center;gap:7px;padding:8px;font-size:7px;font-weight:850;display:flex}.console-studio-mixer input{accent-color:#75639a;flex:1;min-width:40px}.console-studio-mixer b{font-size:7px}@media (max-width:620px){.console-flex-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.console-music-level{width:100%}.console-music-level input{flex:1}.console-studio-mixer{grid-template-columns:1fr}}.console-live-monitor{background:linear-gradient(115deg,#ffffffa6,#f4efff9e);border:1px solid #ffffffbd;border-radius:8px;margin-top:10px;padding:9px 11px;box-shadow:0 3px 10px #51436510}.console-live-heading{align-items:center;gap:12px;display:flex}.console-live-heading>span{flex-direction:column;flex:1;gap:2px;display:flex}.console-live-heading>span small,.console-live-foot{color:#847994;letter-spacing:.12em;font-size:6px;font-weight:800}.console-live-heading>span b{color:#433a57;letter-spacing:.08em;font-size:8px}.console-live-heading strong{color:#598b77;letter-spacing:.1em;align-items:center;gap:4px;font-size:7px;display:flex}.console-live-heading strong i{background:#51bd91;border-radius:50%;width:5px;height:5px}.console-live-heading strong.is-recording{color:#c94f68}.console-live-heading strong.is-recording i{background:#ea5470;animation:1s infinite console-rec-pulse;box-shadow:0 0 0 3px #ea547022}.console-live-heading time{color:#332d45;font-variant-numeric:tabular-nums;min-width:42px;font-size:12px;font-weight:850}.console-live-tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 6px;display:grid}.console-live-track{grid-template-columns:auto minmax(25px,1fr) 20px;align-items:center;gap:6px;display:grid}.console-live-track>span{flex-direction:column;gap:2px;min-width:39px;display:flex}.console-live-track>span b{color:#514568;letter-spacing:.08em;font-size:6px}.console-live-track>span small{color:#9189a0;font-size:5px}.console-live-meter{background:#d4cde1;border-radius:5px;height:6px;overflow:hidden}.console-live-meter i{border-radius:inherit;background:linear-gradient(90deg,#58c8ac,#8b65be,#db6689);height:100%;transition:width 80ms linear;display:block}.console-live-track>strong{text-align:right;color:#736887;font-variant-numeric:tabular-nums;font-size:7px}.console-live-foot{letter-spacing:0;font-size:6px;font-weight:500;display:block}.console-live-heading time{font-size:12px}@keyframes console-rec-pulse{50%{opacity:.45}}@media (max-width:620px){.console-live-tracks{grid-template-columns:1fr;gap:5px}.console-live-track{grid-template-columns:70px minmax(30px,1fr) 24px}.console-live-heading{gap:7px}.console-live-heading time{font-size:10px}}.item-help-popup{display:none!important}.context-help-panel{color:#49405c;background:linear-gradient(145deg,#fbf9ff,#f1ebfa);border:1px solid #d8c9ef;border-radius:11px;flex:0 auto;min-height:118px;max-height:205px;margin:clamp(20px,7vh,64px) 0 12px;padding:12px;animation:.14s ease-out item-help-in;position:relative;overflow:auto;box-shadow:0 8px 22px #28203512}.context-help-panel>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.context-help-panel>div span{color:#796894;letter-spacing:.14em;font-size:8px;font-weight:850}.context-help-panel>div button{color:#54476c;cursor:pointer;background:#e9e1f2;border:0;border-radius:6px;flex:0 0 21px;width:21px;height:21px;padding:0;font-size:17px;line-height:1}.context-help-panel p{color:#5d5669;margin:8px 0 0;font-size:10px;line-height:1.55}@keyframes item-help-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:780px){.context-help-panel{z-index:30;width:min(280px,100vw - 90px);min-height:0;max-height:200px;margin:0;padding:12px;position:fixed;bottom:112px;left:76px}}.pianoos-startup .console-content{scrollbar-width:thin;overscroll-behavior:contain;max-height:clamp(340px,65vh,650px);overflow-y:auto}.console-spec-grid{scrollbar-width:thin;align-content:start;max-height:clamp(190px,42vh,330px);padding:2px 3px 8px;overflow-y:auto}.console-spec-grid button span{font-weight:400}.console-motion-control{background:#fff8;border:1px solid #ffffffbd;border-radius:8px;grid-template-columns:minmax(130px,1fr) minmax(180px,1.1fr);align-items:center;gap:9px;margin:12px 0;padding:10px;display:grid}.console-motion-control>div:first-child{flex-direction:column;gap:5px;display:flex}.console-motion-control>div:first-child b{color:#4a4260;letter-spacing:.08em;font-size:8px}.console-motion-control small{color:#78859a;font-size:7px;line-height:1.5}.console-motion-pad{touch-action:none;cursor:crosshair;background:radial-gradient(#eee4ff 0,#b9a8d4 75%,#66587b 100%);border:1px solid #9d8bbc;border-radius:8px;min-height:90px;position:relative;overflow:hidden}.console-motion-pad:before,.console-motion-pad:after{content:"";background:#fff5;position:absolute}.console-motion-pad:before{height:1px;top:50%;left:0;right:0}.console-motion-pad:after{width:1px;top:0;bottom:0;left:50%}.console-motion-pad i{z-index:1;background:#d451a7;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffffff50,0 0 16px #654a8c}.console-motion-pad span{z-index:2;color:#514564;letter-spacing:.1em;font-size:6px;font-weight:850;position:absolute}.console-motion-pad span:first-of-type{top:5px;left:7px}.console-motion-pad span:last-of-type{bottom:5px;right:7px}.console-motion-control>small{color:#655a78;grid-column:1/-1}@media (max-width:620px){.console-motion-control{grid-template-columns:1fr}.console-motion-control>small{grid-column:1}.console-motion-pad{min-height:80px}}.console-daw{color:#d9e0ea;background:#1c2029;min-height:500px;margin:-14px -16px -31px;padding:12px}.daw-header{flex-direction:column;gap:6px;display:flex}.daw-header h2{color:#f5f7fb;margin:0;font-size:18px}.daw-header>p{color:#aab5c5;margin:0;font-size:8px;line-height:1.45}.daw-transport{flex-wrap:wrap;gap:5px;margin:5px 0 9px;display:flex}.daw-transport button,.daw-edit-bar button,.daw-mixer-heading button,.daw-footer button{color:#e7edf5;letter-spacing:.06em;cursor:pointer;background:#27313e;border:1px solid #394452;border-radius:5px;padding:7px 9px;font-size:7px;font-weight:850}.daw-transport button:first-child{background:#2d8c68;border-color:#42b987}.daw-transport .recording-live{background:#b13e58!important;border-color:#eb6b80!important}.daw-arrangement{background:#202630;border:1px solid #374250;border-radius:8px;overflow:hidden}.daw-arrangement-title{color:#9eacc0;letter-spacing:.1em;border-bottom:1px solid #374250;justify-content:space-between;gap:8px;padding:8px 10px;font-size:7px;display:flex}.daw-arrangement-title b{color:#f0f3f8}.daw-timeline{background:#171c24;min-width:650px;position:relative;overflow-x:auto}.daw-ruler,.daw-track-row{grid-template-columns:112px minmax(530px,1fr);display:grid}.daw-ruler{background:#222a35;border-bottom:1px solid #394454;height:25px}.daw-ruler>b{color:#a9b6c7;letter-spacing:.12em;align-items:center;padding:0 8px;font-size:6px;display:flex}.daw-ruler>div{border-left:1px solid #394454;position:relative}.daw-ruler>div span{color:#9eacc0;font-size:6px;position:absolute;top:7px;transform:translate(-50%)}.daw-track-row{border-bottom:1px solid #303946;min-height:58px}.daw-track-row.selected .daw-track-label{color:#fff;background:#2b3644}.daw-track-label{color:#cbd4e0;text-align:left;cursor:pointer;background:#202630;border:0;border-right:1px solid #394454;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:6px 8px;display:flex}.daw-track-label b{letter-spacing:.08em;font-size:7px}.daw-track-label small{color:#8190a4;font-size:6px}.daw-lane{background:repeating-linear-gradient(90deg,#1a2029 0 calc(12.5% - 1px),#34404f calc(12.5% - 1px) 12.5%);border-left:1px solid #333d4a;min-height:57px;position:relative;overflow:hidden}.daw-note-block{background:linear-gradient(#54b7df,#2878bb);border-radius:2px 2px 0 0;width:1.05%;min-width:6px;position:absolute;bottom:8px;box-shadow:0 0 6px #42a5d844}.daw-note-block.drum{background:linear-gradient(#59d1ae,#259773)}.daw-empty-lane{color:#657487;font-size:7px;position:absolute;top:22px;left:9px}.daw-audio-clip{color:#d4f4ff;background:#174563;border:1px solid #287a9b;border-radius:4px;height:45px;margin:6px 0 0 3px;position:relative;overflow:hidden}.daw-audio-clip>span{z-index:1;letter-spacing:.07em;font-size:6px;font-weight:800;position:absolute;top:3px;left:7px}.daw-audio-clip>div{justify-content:space-around;align-items:center;gap:2px;height:100%;padding:10px 5px 0;display:flex}.daw-audio-clip i{opacity:.82;background:#30c5df;border-radius:2px;width:3px;min-width:2px}.daw-playhead{z-index:3;background:#f15174;width:1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #ff3e68}.daw-timeline.is-playing .daw-playhead{animation:linear infinite daw-playhead-sweep}@keyframes daw-playhead-sweep{0%{left:0}to{left:100%}}.daw-audio-player{width:calc(100% - 20px);height:30px;margin:8px 10px;display:block}.daw-edit-bar{border-top:1px solid #374250;flex-wrap:wrap;align-items:end;gap:6px;padding:8px 10px;display:flex}.daw-edit-bar label{color:#aab5c5;letter-spacing:.08em;flex-direction:column;gap:4px;font-size:6px;font-weight:850;display:flex}.daw-edit-bar input,.daw-edit-bar select{color:#e5eaf1;background:#151a22;border:1px solid #465469;border-radius:4px;width:82px;padding:6px;font-size:8px}.daw-edit-bar button:disabled{opacity:.4;cursor:not-allowed}.daw-context-menu{z-index:1500;color:#e8edf4;background:#202732;border:1px solid #4d5b6c;border-radius:7px;gap:4px;width:194px;padding:7px;display:grid;position:fixed;box-shadow:0 12px 34px #070a10a8}.daw-context-menu>small{color:#8fa0b4;letter-spacing:.1em;padding:3px 5px;font-size:7px;font-weight:850}.daw-context-menu>button{color:#e4ebf4;text-align:left;cursor:pointer;background:#2a3442;border:1px solid #0000;border-radius:4px;padding:7px 8px;font-size:8px;font-weight:750}.daw-context-menu>button:hover:not(:disabled){background:#34485a;border-color:#56b8d7}.daw-context-menu>button:disabled{opacity:.42;cursor:not-allowed}.daw-mixer{background:linear-gradient(#252d38,#1b2029);border:1px solid #374250;border-radius:8px;margin-top:9px}.daw-mixer-heading{border-bottom:1px solid #394452;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.daw-mixer-heading>span{flex-direction:column;gap:3px;display:flex}.daw-mixer-heading b{color:#f0f3f8;letter-spacing:.14em;font-size:8px}.daw-mixer-heading small{color:#8f9db0;font-size:6px}.daw-mixer-channels{grid-template-columns:repeat(4,minmax(82px,1fr));gap:7px;padding:8px;display:grid;overflow-x:auto}.daw-mixer-channels label{background:#1a2029;border:1px solid #394452;border-radius:5px;flex-direction:column;align-items:center;gap:6px;min-height:96px;padding:8px 6px;display:flex}.daw-mixer-channels label>b{color:#b8c4d3;letter-spacing:.08em;font-size:6px}.daw-level{background:#11161d;border-radius:3px;width:100%;height:6px;overflow:hidden}.daw-level span{background:linear-gradient(90deg,#32a87c,#8acb65);height:100%;transition:width .1s;display:block}.daw-mixer-channels input{accent-color:#a07bd0;width:100%}.daw-mixer-channels label>small{color:#a3afbe;font-size:7px}.daw-footer{color:#9aa7b8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:6px;display:flex}@media (max-width:620px){.console-daw{margin:-12px -8px -25px;padding:8px}.daw-ruler,.daw-track-row{grid-template-columns:82px minmax(530px,1fr)}.daw-mixer-channels{grid-template-columns:repeat(4,86px)}.daw-footer{justify-content:flex-start}}.console-arranger{max-width:900px;margin:0 auto;padding:2px 4px 18px}.console-arranger header{margin-bottom:10px}.console-arranger h2{margin:4px 0 5px;font-size:18px}.console-arranger header p{color:#687992;margin:0;font-size:8px;line-height:1.5}.arranger-controls{background:#ffffff8a;border:1px solid #ffffffbf;border-radius:8px;flex-wrap:wrap;align-items:end;gap:7px;margin:10px 0;padding:9px;display:flex}.arranger-controls label{color:#675d79;letter-spacing:.1em;flex-direction:column;gap:4px;min-width:90px;font-size:6px;font-weight:850;display:flex}.arranger-controls label small{font-size:6px}.arranger-controls input,.arranger-controls select,.arranger-chords select{color:#443c57;background:#fff;border:1px solid #c9bfd9;border-radius:5px;padding:6px;font-size:8px}.arranger-controls button{color:#fff;cursor:pointer;background:#675482;border:0;border-radius:5px;padding:7px 9px;font-size:7px;font-weight:850}.arranger-melody,.arranger-chords{background:#ffffff80;border:1px solid #fffb;border-radius:8px;margin:8px 0;padding:9px 10px}.arranger-melody>div:first-child,.arranger-chords>div:first-child{flex-direction:column;gap:3px;display:flex}.arranger-melody b,.arranger-chords b{color:#4b425f;letter-spacing:.1em;font-size:8px}.arranger-melody small,.arranger-chords small{color:#7d8798;font-size:7px}.arranger-note-list{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.arranger-note-list button{color:#55436f;cursor:pointer;background:#f7f2ff;border:1px solid #c9b9e0;border-radius:5px;padding:6px 8px;font-size:8px;font-weight:850}.arranger-note-list button span{color:#9a8aaa;margin-left:4px}.arranger-empty{color:#8893a2;padding:6px;font-size:8px}.arranger-chords>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px;display:grid}.arranger-chords label{color:#736881;flex-direction:column;gap:4px;font-size:6px;font-weight:850;display:flex}.arranger-actions{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.arranger-actions button:disabled{opacity:.45;cursor:not-allowed}.arranger-actions .arranger-send{background:#286f5b}.arranger-result{color:#436e5c;background:#e4f4ec;border:1px solid #80b89e;border-radius:7px;flex-wrap:wrap;gap:9px;margin-top:8px;padding:9px 10px;font-size:7px;display:flex}.arranger-result b{color:#327254;letter-spacing:.08em}.arranger-hint{color:#778499;font-size:7px}@media (max-width:620px){.arranger-controls{align-items:stretch}.arranger-controls label{flex:42%}.arranger-chords>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.arranger-actions button{flex:45%}}.console-live-session{--live-bg:#17191e;--live-panel:#202329;--live-line:#373b43;--live-text:#e7e9ed;--live-muted:#9ba1ac;background:var(--live-bg);min-height:500px;color:var(--live-text);margin:-14px -16px -31px;padding:14px;font-family:Arial,Helvetica,sans-serif}.console-live-session>header{grid-template-columns:1fr;gap:4px;margin:0 0 10px;padding:0 2px;display:grid}.console-live-session>header .console-eyebrow{color:#a89ae7;letter-spacing:.2em;font-size:7px}.console-live-session>header h2{color:#f8f8fa;letter-spacing:-.025em;margin:1px 0;font-size:19px;font-weight:750}.console-live-session>header p{color:#aab0ba;max-width:760px;margin:0;font-size:8px;line-height:1.55}.live-session-toolbar{z-index:4;background:#25282f;border:1px solid #3b3f47;border-radius:7px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 -2px 9px;padding:7px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0003}.live-session-toolbar button,.live-session-footer button{color:#e7e9ed;letter-spacing:.08em;cursor:pointer;background:#30343c;border:1px solid #494d56;border-radius:4px;min-height:27px;padding:6px 9px;font-size:7px;font-weight:800}.live-session-toolbar button:first-child{color:#fff;background:#31744c;border-color:#5a956e}.live-session-toolbar button:nth-child(2){color:#fff;background:#703642;border-color:#9a5360}.live-session-toolbar button:hover,.live-session-footer button:hover{filter:brightness(1.16)}.live-session-toolbar>span{color:#afb5c0;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-left:auto;font-size:7px}.live-grid-wrap{background:#1b1d22;border:1px solid #444850;border-radius:6px;overflow:auto;box-shadow:0 8px 22px #0002}.live-session-grid{background:#373b43;grid-template-rows:36px repeat(4,minmax(62px,1fr));grid-template-columns:78px repeat(3,minmax(118px,1fr));gap:1px;min-width:560px;display:grid}.live-grid-corner,.live-track-head{color:#aeb4bf;background:#292c32;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.live-grid-corner{letter-spacing:.1em;font-size:6px;font-weight:850}.live-track-head{background:#292c32;align-items:flex-start;padding:5px 8px}.live-track-head b{color:#dfe2e8;letter-spacing:.12em;font-size:7px}.live-track-head small{color:#89919d;font-variant-numeric:tabular-nums;font-size:6px}.live-scene-launch{color:#c8ccd4;letter-spacing:.1em;cursor:pointer;background:#292c32;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:7px;font-weight:850;display:flex}.live-scene-launch small{color:#838b97;letter-spacing:.14em;font-size:5px}.live-scene-launch:hover{color:#fff;background:#373b44}.live-clip{color:#777e89;text-align:left;min-width:0;font:inherit;cursor:pointer;background:#22252b;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:8px 9px;display:flex;position:relative}.live-clip:disabled{cursor:default;opacity:.82}.live-clip.has-clip{color:#effff9;background:linear-gradient(135deg,#225448,#1c3734);border-top:2px solid #58d3b1}.live-clip.has-clip:nth-child(3n){background:linear-gradient(135deg,#533875,#302841);border-top-color:#bd8be9}.live-clip.has-clip:nth-child(4n){background:linear-gradient(135deg,#245167,#1e3744);border-top-color:#59b9de}.live-clip.has-clip:hover{filter:brightness(1.18)}.live-clip.selected{outline-offset:-3px;outline:2px solid #f1bf55;box-shadow:inset 0 0 0 1px #17191e}.live-clip b{color:#f2f3f6;letter-spacing:.08em;font-size:7px}.live-clip small{color:#c3c9d2;letter-spacing:.1em;font-size:5px}.live-clip>span{color:#646b75;letter-spacing:.08em;align-self:center;font-size:6px}.live-mixer{background:#24272d;border:1px solid #41454d;border-radius:6px;margin-top:9px}.live-mixer-title{border-bottom:1px solid #3b3f46;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.live-mixer-title b,.live-automation-heading b{color:#e3e5e9;letter-spacing:.15em;font-size:7px}.live-mixer-title small,.live-automation-heading small{color:#9299a4;font-size:6px}.live-mixer-strips{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;display:grid}.live-mixer-strips label{background:linear-gradient(#2b2e35,#202227);border:1px solid #3d4149;border-radius:4px;grid-template-columns:auto 12px minmax(30px,1fr) auto;align-items:center;gap:7px;min-height:66px;padding:7px;display:grid}.live-mixer-strips label>b{color:#cfd3da;letter-spacing:.11em;font-size:6px}.live-mixer-strips label>i{background:#15171b;border:1px solid #424650;border-radius:2px;align-items:flex-end;height:42px;display:flex;position:relative;overflow:hidden}.live-mixer-strips label>i span{background:linear-gradient(#e66765 0%,#e8b957 10%,#b4d758 30%,#61d486 100%);width:100%;min-height:2px;display:block}.live-mixer-strips input{accent-color:#b08ae4;width:100%}.live-mixer-strips label>small{color:#a9afba;text-align:right;font-variant-numeric:tabular-nums;min-width:23px;font-size:6px}.live-automation{background:#202329;border:1px solid #41454d;border-radius:6px;margin-top:9px;padding:8px 9px}.live-automation-heading{justify-content:space-between;align-items:center;gap:9px;display:flex}.live-automation-heading>span{flex-direction:column;gap:3px;display:flex}.live-automation-heading select{color:#e5e7eb;background:#2b2e35;border:1px solid #484c55;border-radius:4px;min-width:88px;padding:5px 7px;font-size:7px}.live-automation svg{touch-action:none;cursor:crosshair;background:repeating-linear-gradient(0deg,#1a1c21 0 21px,#30343c 22px),repeating-linear-gradient(90deg,#0000 0 calc(6.25% - 1px),#30343c calc(6.25% - 1px) 6.25%);border:1px solid #383c44;border-radius:3px;width:100%;height:88px;margin-top:8px;display:block;overflow:visible}.automation-grid{fill:none;stroke:#ffffff10;stroke-width:.35px}.automation-curve{fill:none;stroke:#ff5c7c;stroke-width:.85px;vector-effect:non-scaling-stroke}.automation-point{fill:#ff718a;stroke:#25171e;stroke-width:.35px;vector-effect:non-scaling-stroke}.live-session-footer{color:#a5abb5;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:6px;display:flex}.live-session-footer span:first-child{color:#d8dbe1;font-weight:750}.live-session-footer span:nth-child(2){margin-left:auto}.live-session-footer button{background:#554470;border-color:#79639e;min-height:24px;font-size:6px}@media (max-width:620px){.console-live-session{margin:-12px -8px -25px;padding:8px}.live-session-toolbar>span{width:100%;margin:0}.live-mixer-strips{grid-template-columns:1fr}.live-mixer-strips label{min-height:54px}.live-mixer-strips label>i{height:34px}.live-session-footer span:nth-child(2){width:100%;margin:0}.live-session-footer button{margin-left:auto}.live-automation svg{height:76px}}.classic-synth-rack{color:#e6e8ed;background:linear-gradient(140deg,#22252c,#191b21);border:1px solid #3e424b;border-radius:8px;margin:10px 0;padding:10px}.classic-synth-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.classic-synth-heading>span:first-child{flex-direction:column;gap:4px;display:flex}.classic-synth-heading b{color:#eeeaf8;letter-spacing:.15em;font-size:8px}.classic-synth-heading small{color:#a4a9b3;font-size:7px;line-height:1.4}.classic-synth-heading>span:last-child{color:#ac92e0;letter-spacing:.1em;font-size:6px;font-weight:850}.classic-synth-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.classic-synth-grid button{color:#eceef2;text-align:left;cursor:pointer;background:linear-gradient(145deg,#30323b,#262832);border:1px solid #414550;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;min-height:77px;padding:8px;display:flex}.classic-synth-grid button:hover{background:#37313f;border-color:#8974b3}.classic-synth-grid button.active{background:linear-gradient(145deg,#51426d,#302b3e);border-color:#ba9af0;box-shadow:inset 0 0 0 1px #ba9af055,0 0 12px #9c77e31c}.classic-synth-grid button b{font-size:8px}.classic-synth-grid button small{color:#b399e6;letter-spacing:.12em;font-size:5px;font-weight:850}.classic-synth-grid button span{color:#a9afba;font-size:6px;line-height:1.4}.classic-synth-footer{color:#a4aab4;border-top:1px solid #3b3e47;align-items:center;gap:7px;margin-top:8px;padding-top:7px;font-size:6px;display:flex}.classic-synth-footer b{color:#e1d4fa;font-size:7px}.classic-synth-footer button{color:#d6d1df;letter-spacing:.08em;cursor:pointer;background:#302c37;border:1px solid #575160;border-radius:4px;margin-left:auto;padding:5px 7px;font-size:5px;font-weight:850}.classic-synth-footer button:disabled{opacity:.4;cursor:default}@media (max-width:620px){.classic-synth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.classic-synth-heading{flex-direction:column;align-items:flex-start}.classic-synth-footer{flex-wrap:wrap}.classic-synth-footer button{margin-left:0}}.live-workspace-grid{grid-template-columns:185px minmax(0,1fr);align-items:start;gap:9px;display:grid}.live-browser-panel{scrollbar-width:thin;background:#202329;border:1px solid #3c414a;border-radius:6px;max-height:560px;padding:8px;position:sticky;top:52px;overflow:auto}.live-browser-heading{color:#e4e6eb;letter-spacing:.16em;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:7px;display:flex}.live-browser-panel>input{color:#e8eaf0;background:#17191e;border:1px solid #454a54;border-radius:4px;width:100%;margin-bottom:8px;padding:7px;font-size:7px}.live-browser-panel>input::placeholder{color:#777e89}.live-browser-section{border-top:1px solid #363a42;gap:3px;margin:7px 0;padding-top:7px;display:grid}.live-browser-section>b{color:#999fac;letter-spacing:.15em;margin-bottom:3px;font-size:6px}.live-browser-section>button,.live-browser-list button{color:#b7bdc7;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:5px 6px;font-size:7px;overflow:hidden}.live-browser-section>button:hover,.live-browser-list button:hover{color:#fff;background:#30343b}.live-browser-section>button.browser-current{color:#d6c2ff;background:#473c5c}.live-browser-list{max-height:150px;display:grid;overflow:auto}.live-add-files{color:#f3eaff;letter-spacing:.09em;cursor:pointer;background:#46395c;border:1px solid #6d5a8d;border-radius:4px;justify-content:center;align-items:center;min-height:25px;padding:6px 8px;font-size:6px;font-weight:850;display:inline-flex;position:relative}.live-add-files input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.live-browser-empty{color:#808792;padding:4px 2px;font-size:6px;line-height:1.45}.live-file-item{background:#272a31;border:1px solid #3c4149;border-radius:4px;justify-content:space-between;align-items:center;gap:4px;padding:5px;display:flex}.live-file-item>span{flex-direction:column;gap:2px;min-width:0;display:flex}.live-file-item b{color:#e1e4e9;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.live-file-item small{color:#9299a4;font-size:5px}.live-file-item button{color:#dcf4ff;white-space:nowrap;cursor:pointer;background:#3a5360;border:0;border-radius:3px;padding:4px;font-size:5px;font-weight:850}.live-main-panel{gap:8px;min-width:0;display:grid}.live-main-panel .live-grid-wrap{min-width:0}.live-main-panel .live-session-grid{grid-template-rows:33px repeat(4,minmax(52px,1fr));grid-template-columns:66px repeat(3,minmax(100px,1fr));min-width:500px}.live-tempo{color:#bfc4cd;letter-spacing:.08em;align-items:center;gap:5px;font-size:6px;font-weight:800;display:flex}.live-tempo input{color:#f1f2f5;background:#181a1f;border:1px solid #4a4e57;border-radius:3px;width:48px;padding:4px;font-size:8px}.live-channel-rack{background:#22252b;border:1px solid #41454d;border-radius:6px;padding:8px}.live-section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.live-section-heading>span{flex-direction:column;gap:3px;display:flex}.live-section-heading b{color:#e2e5eb;letter-spacing:.14em;font-size:7px}.live-section-heading small{color:#9299a4;font-size:6px}.live-section-heading button{color:#effff3;cursor:pointer;background:#315a43;border:1px solid #4d7b66;border-radius:4px;padding:5px 8px;font-size:6px;font-weight:850}.live-channel-rows{gap:5px;display:grid}.live-channel-row{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:7px;display:grid}.live-channel-row>b{color:#c2c7d0;letter-spacing:.1em;font-size:6px}.live-steps{grid-template-columns:repeat(16,minmax(12px,1fr));gap:3px;display:grid}.live-steps button{cursor:pointer;background:#30333a;border:1px solid #444852;border-radius:3px;height:19px;padding:0}.live-steps button.beat-start{border-left-color:#7c828d}.live-steps button.on{background:#48a06e;border-color:#538a6f;box-shadow:inset 0 -3px #267249}.live-steps button.current{outline-offset:1px;outline:2px solid #f4c65d}.live-steps button:hover{filter:brightness(1.3)}.instrument-window-backdrop{z-index:4000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#090b0ed9;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.instrument-window{color:#e8eaf0;background:#17191e;border:1px solid #59606c;border-radius:8px;width:min(850px,96vw);max-height:min(690px,92vh);font-family:Arial,Helvetica,sans-serif;overflow:auto;box-shadow:0 24px 90px #0009}.instrument-window-titlebar{background:#272a31;border-bottom:1px solid #444a54;justify-content:space-between;align-items:center;min-height:35px;padding:6px 10px;display:flex}.instrument-window-titlebar>span{align-items:center;gap:8px;display:flex}.instrument-window-titlebar i{background:#78d4a0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #70cd9b}.instrument-window-titlebar b{letter-spacing:.1em;font-size:8px}.instrument-window-titlebar small{color:#9299a4;margin-left:7px;font-size:6px}.instrument-window-titlebar>button{color:#f3f4f6;cursor:pointer;background:#383c44;border:0;border-radius:4px;width:23px;height:23px;font-size:17px}.synth-window-body{grid-template-columns:170px minmax(0,1fr);min-height:360px;display:grid}.synth-window-body>aside{background:#bd641f;flex-direction:column;gap:3px;padding:10px;display:flex}.synth-window-body>aside button{color:#ffe2c9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:6px;font-size:7px}.synth-window-body>aside button.selected,.synth-window-body>aside button:hover{color:#21170f;background:#e38a3e}.synth-window-body>section{background:radial-gradient(at 50% 40%,#282c33,#15171b 75%);flex-direction:column;min-width:0;padding:12px 16px;display:flex}.synth-circuit-art{justify-content:space-evenly;align-items:center;gap:10px;min-height:215px;display:flex}.synth-circuit-art i{background:linear-gradient(140deg,#bd642f,#392c2b 52%,#6c8990);border:2px solid #747d88;border-radius:8px;width:clamp(32px,8vw,70px);height:78px;box-shadow:0 10px 18px #0008,inset 0 0 10px #ffffff20}.synth-circuit-art i:nth-of-type(2){background:linear-gradient(135deg,#777d82,#272b31,#a3a5a4);border-color:#9ba1a9;height:122px}.synth-circuit-art b{color:#f0eee9;text-align:center;letter-spacing:.1em;min-width:80px;font-size:13px}.synth-window-knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 4px;display:grid}.synth-window-knobs label{color:#cbd0d8;letter-spacing:.08em;flex-direction:column;gap:7px;font-size:7px;font-weight:800;display:flex}.synth-window-knobs input{accent-color:#d2a05c;width:100%}.synth-window-knobs small{color:#9ca4af;font-size:6px}.sampler-window-body{gap:12px;padding:18px;display:grid}.sampler-window-body p{color:#abb1bc;font-size:9px}.sampler-window-body audio{width:100%}.sampler-window-body>button{color:#e1e4e9;text-align:left;cursor:pointer;background:#292c33;border:1px solid #494e59;border-radius:4px;padding:8px;font-size:8px}.live-hidden-audio{display:none}@media (max-width:760px){.live-workspace-grid{grid-template-columns:1fr}.live-browser-panel{max-height:230px;position:static}.live-browser-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:92px}.live-main-panel .live-session-grid{min-width:470px}.live-mixer-strips{grid-template-columns:1fr}.live-mixer-strips label{min-height:48px}.live-mixer-strips label>i{height:30px}}.live-midi-routing-note{color:#a7afbb;margin:0 0 7px;font-size:6px;line-height:1.5}.live-file-imports{gap:4px;display:grid}.live-file-imports .live-add-files{width:100%}.daw-midi-route-note{color:#b9dfc4;background:#202e27;border:1px solid #3e684f;border-radius:5px;margin:0 0 8px;padding:7px 9px;font-size:7px;line-height:1.45}.console-lesson-select{color:#625b75;letter-spacing:.09em;background:#ffffff90;border:1px solid #ffffffc4;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin:8px 0 10px;padding:9px;font-size:7px;font-weight:850;display:grid}.console-lesson-select select{color:#342e45;background:#fff;border:1px solid #b9aaca;border-radius:5px;grid-column:1/-1;width:100%;padding:8px;font-size:9px}.console-lesson-select button{color:#fff;cursor:pointer;background:#594b77;border:0;border-radius:5px;grid-column:1/-1;justify-self:start;padding:7px 10px;font-size:7px;font-weight:850}.lesson-control{gap:5px;min-width:100px;max-width:170px}.lesson-control select{color:#596a80;cursor:pointer;background:0 0;border:0;min-width:0;max-width:125px;font-size:5px;font-weight:800}.lesson-control select:focus{outline:0}.console-song-search{color:#393449;background:#ffffffc9;border:1px solid #d2c7e4;border-radius:6px;width:100%;margin:2px 0 9px;padding:8px 10px;font-size:8px}.console-song-search::placeholder{color:#857a97}.flex-browser{flex-direction:column;gap:7px;background:#24262b!important;padding:9px!important;display:flex!important;overflow:auto!important}.flex-browser-label{color:#adb2bc;letter-spacing:.12em;font-size:6px;font-weight:850}.flex-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.flex-library-grid button{color:#d7dbe2;text-align:left;cursor:pointer;background:#30333a;border:1px solid #464a53;border-radius:4px;min-height:34px;padding:5px;font-size:6px;line-height:1.3}.flex-library-grid button.selected{color:#fff0e2;background:#99501f;border-color:#d6813f}.flex-library-grid button:hover{background:#444850}.flex-preset-list{gap:3px;display:grid}.flex-preset-list button{color:#c2c7d0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:6px;font-size:7px}.flex-preset-list button.selected,.flex-preset-list button:hover{color:#fff;background:#454950}.classic-synth-window-buttons{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.classic-synth-window-buttons button{color:#e5d9f6;letter-spacing:.08em;cursor:pointer;background:#302c37;border:1px solid #575160;border-radius:4px;padding:6px 8px;font-size:6px;font-weight:850}.classic-synth-window-buttons button:hover{background:#514365;border-color:#a78bd2}.synth-audition{border-top:1px solid #40444d;margin-top:auto;padding:8px 4px 2px}.synth-audition-heading{color:#dfe3e9;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;font-size:7px;display:flex}.synth-audition-heading small,.synth-audition-octave{color:#9aa2ad;letter-spacing:0;font-size:6px}.synth-audition-keys{touch-action:none;-webkit-user-select:none;user-select:none;background:#101216;border:1px solid #696e76;border-radius:4px;height:72px;position:relative;overflow:hidden}.synth-test-white,.synth-test-black{cursor:pointer;touch-action:none;height:100%;margin:0;padding:0;position:absolute;top:0}.synth-test-white{z-index:1;background:linear-gradient(#fff 0%,#f4f2ea 82%,#d7d4cc 100%);border:1px solid #b7b7b0;border-radius:0 0 3px 3px}.synth-test-white:hover{background:linear-gradient(#fff,#ded8e9)}.synth-test-white.pressed{background:linear-gradient(#d4b9e5,#a57ac5 80%,#79589a)}.synth-test-black{z-index:2;background:linear-gradient(90deg,#111318,#454951 48%,#090a0c);border:1px solid #08090b;border-radius:0 0 4px 4px;width:8.6%;height:64%;left:0;box-shadow:0 3px 5px #0009}.synth-test-black:hover{background:linear-gradient(90deg,#392d42,#8d6aa2 48%,#26202d)}.synth-test-black.pressed{background:linear-gradient(90deg,#68418a,#b78bd1 48%,#52346e)}.synth-audition-octave{text-align:center;margin-top:4px;display:block}.live-session-howto{color:#4b5262;background:#f5f8ff;border:1px solid #d0d9ea;border-radius:6px;margin:7px 0 0;padding:8px 10px;font-size:10px;line-height:1.5}.live-session-howto b{color:#4b3b68}.live-browser-list{max-height:240px}.live-browser-section>b{color:#c4c9d2;font-size:8px}.live-browser-section>button,.live-browser-list button{color:#e0e4eb;min-height:24px;padding:6px 7px;font-size:10px;line-height:1.3}.live-browser-panel>input{font-size:10px}.live-browser-empty{font-size:8px}.speech-window-body{color:#e6e9ee;background:#202329;gap:12px;padding:18px;display:grid}.speech-window-body>p{color:#aeb5c0;margin:0;font-size:10px;line-height:1.5}.speech-text-field,.speech-controls label{color:#bac1cb;letter-spacing:.08em;gap:5px;font-size:8px;font-weight:800;display:grid}.speech-text-field textarea,.speech-controls select{color:#f0f2f6;background:#14161a;border:1px solid #515762;border-radius:5px;width:100%;padding:9px;font:12px/1.45 Arial,sans-serif}.speech-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.speech-controls label:last-child{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.speech-controls input[type=range]{accent-color:#d99148;grid-column:1/-1;width:100%}.speech-actions{justify-content:flex-end;gap:8px;display:flex}.speech-actions button{color:#fff;letter-spacing:.08em;cursor:pointer;background:#a8581e;border:1px solid #a56932;border-radius:4px;padding:8px 12px;font-size:8px;font-weight:900}.speech-actions button+button{background:#30343b;border-color:#515762}.speech-actions button:hover{filter:brightness(1.15)}@media (max-width:560px){.speech-controls{grid-template-columns:1fr 1fr}.speech-window-body{padding:12px}}.dashboard-reset{background:#fff8f7;border:1px solid #e6caca;border-radius:8px;gap:6px;margin-top:18px;padding:14px;display:grid}.dashboard-reset>b{color:#805151;letter-spacing:.12em;font-size:9px}.dashboard-reset p{color:#737780;margin:0;font-size:9px;line-height:1.5}.console-reset-button{color:#874545;letter-spacing:.08em;cursor:pointer;background:#fff;border:1px solid #ba7777;border-radius:5px;justify-self:start;padding:8px 11px;font-size:8px;font-weight:850}.console-reset-button:hover{background:#fff0ee}.dashboard-reset-top{margin:10px 0 12px;padding:10px 12px}.dashboard-reset-top p{margin:0}.dashboard-reset-top .console-reset-button{min-height:34px}.daw-transport{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.daw-file-button{color:#dce4f0;letter-spacing:.08em;cursor:pointer;background:#222a36;border:1px solid #465469;border-radius:4px;justify-content:center;align-items:center;min-height:25px;padding:6px 9px;font-size:7px;font-weight:850;display:inline-flex;position:relative}.daw-file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.daw-transport button:disabled{opacity:.4;cursor:not-allowed}.daw-project-status{color:#8694a7;margin-top:5px;font-size:7px;display:block}.daw-track-controls{border-top:1px solid #394452;grid-template-columns:repeat(3,minmax(110px,1fr));gap:8px;padding:8px;display:grid}.daw-track-control{background:#1a2029;border:1px solid #394452;border-radius:5px;gap:7px;padding:8px;display:grid}.daw-track-control-title{grid-template-columns:minmax(0,1fr) 55px;align-items:center;gap:7px;display:grid}.daw-track-control-title input{color:#dce4ef;letter-spacing:.07em;background:0 0;border:0;border-bottom:1px solid #4b5665;width:100%;min-width:0;font-size:7px;font-weight:800}.daw-track-meter{background:#10151b;border-radius:4px;height:6px;overflow:hidden}.daw-track-meter span{background:linear-gradient(90deg,#36b782,#d6cd5e,#df705d);height:100%;transition:width .12s;display:block}.daw-track-control-buttons{align-items:center;gap:5px;display:flex}.daw-track-control-buttons>button{color:#aebcce;cursor:pointer;background:#252d38;border:1px solid #445061;border-radius:4px;padding:5px 7px;font-size:6px;font-weight:850}.daw-track-control-buttons>button.active{color:#fff;background:#682e3b;border-color:#b64d61}.daw-track-control-buttons>button:nth-child(2).active{background:#594729;border-color:#bf9752}.daw-track-control-buttons label{color:#98a7b9;grid-template-columns:auto minmax(36px,1fr) 23px;align-items:center;gap:4px;margin-left:auto;font-size:6px;font-weight:800;display:grid}.daw-track-control-buttons input{accent-color:#a37bd0;width:100%}.daw-track-control-buttons span{text-align:right;min-width:20px}.console-sound-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.console-sound-filters input{flex:170px}.console-sound-filters button{color:#544669;cursor:pointer;background:#fff9;border:1px solid #ddd4ed;border-radius:5px;padding:6px 8px;font-size:7px;font-weight:850}.console-sound-filters button:hover{background:#fff}.console-sound-filters>span{margin-left:auto}.live-channel-rows{scrollbar-width:thin;max-height:340px;padding-right:4px;overflow-y:auto}@media (max-width:700px){.daw-track-controls{grid-template-columns:1fr}.daw-transport{gap:4px}.daw-transport button,.daw-file-button{padding:6px;font-size:6px}}.console-playalong-screen{scrollbar-width:thin;max-width:860px;max-height:calc(100vh - 265px);padding:2px 5px 22px;overflow-y:auto}.console-media-frame{height:180px;display:block}.spotify-embed-host{background:#111;position:relative;overflow:hidden}.spotify-embed-host>span{color:#d7dce5;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.console-playalong-transport{flex-wrap:wrap;align-items:center;gap:6px;margin:9px 0 12px;display:flex}.console-playalong-transport button{min-height:30px}.console-playalong-transport button:disabled{opacity:.42;cursor:not-allowed}.console-playalong-transport .recording-live{background:#a83e50}.console-playalong-status{color:#65758c;flex:100%;font-size:8px;line-height:1.45}.console-playalong-piano{background:#ffffff6b;border:1px solid #ffffffbf;border-radius:9px;padding:9px;box-shadow:0 4px 12px #415b7212}.console-playalong-piano-heading{color:#53647a;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:8px;display:flex}.console-playalong-piano-heading b{letter-spacing:.1em;font-size:8px}.console-playalong-piano-heading span{font-size:7px}.console-playalong-keys{touch-action:none;background:#faf9f3;border:1px solid #a9a5a1;border-radius:5px;height:64px;display:flex;position:relative;overflow:hidden}.console-playalong-white{z-index:1;color:#9b9992;touch-action:none;cursor:pointer;background:linear-gradient(#fff 0%,#f9f8f2 84%,#d9d6ce 100%);border:0;border-right:1px solid #d4d1c9;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;height:100%;padding:0 0 4px;display:flex;position:relative}.console-playalong-white span{font-size:6px}.console-playalong-white:hover,.console-playalong-white.pressed{background:linear-gradient(#e9e0f4,#c4aedb 82%,#a28cbb)}.console-playalong-black{z-index:2;touch-action:none;cursor:pointer;background:linear-gradient(90deg,#111318,#454951 48%,#090a0c);border:1px solid #08090b;border-radius:0 0 4px 4px;width:3.1%;height:63%;padding:0;position:absolute;top:0;transform:translate(-50%);box-shadow:0 3px 5px #0009}.console-playalong-black:hover,.console-playalong-black.pressed{background:linear-gradient(90deg,#392d42,#8d6aa2 48%,#26202d)}@media (max-width:620px){.console-playalong-screen{max-height:calc(100vh - 230px)}.console-media-frame{height:160px}.console-playalong-keys{height:54px}.console-playalong-transport{gap:4px}.console-playalong-transport button{padding:6px 7px;font-size:6px}}.console-playalong-volume{color:#626c7e;letter-spacing:.08em;background:#ffffff64;border:1px solid #ffffffb0;border-radius:6px;flex:210px;align-items:center;gap:7px;padding:5px 8px;font-size:7px;font-weight:850;display:flex}.console-playalong-volume input{accent-color:#71618f;flex:1;min-width:80px}.console-playalong-volume b{text-align:right;min-width:28px;font-size:8px}.console-playalong-volume-note{color:#7b718a;flex:100%;font-size:7px}.console-playalong-lyrics{background:#ffffff60;border:1px solid #ffffffbf;border-radius:8px;gap:7px;margin:8px 0 11px;padding:9px;display:grid}.console-playalong-lyrics-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.console-playalong-lyrics-heading>span{gap:3px;display:grid}.console-playalong-lyrics-heading b{color:#5d5670;letter-spacing:.1em;font-size:8px}.console-playalong-lyrics-heading small,.console-playalong-lyrics-status{color:#7c8290;font-size:7px}.console-playalong-lyrics-file{color:#5d4d78;letter-spacing:.08em;cursor:pointer;background:#f8f5fc;border:1px solid #d0c4e0;border-radius:5px;justify-content:center;align-items:center;min-height:28px;padding:6px 9px;font-size:7px;font-weight:850;display:inline-flex;position:relative}.console-playalong-lyrics-file input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.console-playalong-lyrics textarea{resize:vertical;color:#3f4757;background:#fbfdff;border:1px solid #c4cedb;border-radius:6px;width:100%;min-height:80px;padding:9px;font:12px/1.6 Arial,sans-serif}.console-playalong-lyrics-status{margin:0}.pianoos-startup .console-content-playalong{flex-direction:column;flex:auto;min-height:0;padding:7px 10px 12px;display:flex;overflow:hidden}.console-content-playalong .console-playalong-screen{grid-template-rows:12px 22px 35px 24px minmax(88px,min(17vh,152px)) auto minmax(68px,1fr) auto;gap:4px;width:100%;max-width:900px;height:100%;min-height:0;max-height:100%;margin:0 auto;padding:0 2px 2px;display:grid;overflow:hidden}.console-content-playalong .console-playalong-screen>p{display:none}.console-content-playalong .console-playalong-screen h2{margin:0;font-size:16px}.console-content-playalong .console-media-form{height:35px;min-height:0;margin:0}.console-content-playalong .console-media-form input{padding:6px 9px;font-size:9px}.console-content-playalong .console-media-frame{height:min(17vh,152px);min-height:88px;max-height:152px}.console-content-playalong .console-playalong-transport{align-content:center;gap:4px;min-height:0;margin:0}.console-content-playalong .console-playalong-transport button{min-height:25px;padding:5px 8px;font-size:6px}.console-content-playalong .console-playalong-volume{flex:140px;padding:3px 6px;font-size:6px}.console-content-playalong .console-playalong-status{font-size:7px}.console-content-playalong .console-playalong-lyrics{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;margin:0;padding:6px 8px;overflow:hidden}.console-content-playalong .console-playalong-lyrics textarea{height:100%;min-height:0;max-height:100%;padding:6px;font-size:10px;line-height:1.35}.console-content-playalong .console-playalong-piano{min-height:0;padding:5px 7px}.console-content-playalong .console-playalong-piano-heading{margin-bottom:4px}.console-content-playalong .console-playalong-keys{height:clamp(42px,7vh,60px)}@media (max-width:620px){.pianoos-startup .console-content-playalong{padding:5px 5px 8px}.console-content-playalong .console-playalong-screen{grid-template-rows:10px 20px 32px 20px minmax(82px,16vh) auto minmax(54px,1fr) auto;gap:3px}.console-content-playalong .console-media-frame{height:16vh;min-height:82px}.console-content-playalong .console-playalong-piano-heading span{font-size:6px}.console-content-playalong .console-playalong-keys{height:44px}}.pianoos-startup .console-layout-playalong{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.pianoos-startup .console-layout-playalong .console-sidebar{flex:none}.pianoos-startup .console-layout-playalong .console-content-playalong{flex:auto;width:100%;min-height:0}.console-content-playalong .console-playalong-screen{max-width:none;padding:0 0 2px}.console-content-playalong .console-playalong-piano{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.console-content-playalong .console-playalong-piano-heading{min-height:15px;padding:0 2px}.console-content-playalong .console-playalong-keys{width:100%;height:72px;min-height:72px}.console-content-playalong .console-playalong-white{min-width:0}@media (max-width:620px){.console-content-playalong .console-playalong-keys{height:58px;min-height:58px}}.pianoos-startup .console-content-playalong{max-height:none;overflow:hidden}.pianoos-startup .console-content-playalong .console-playalong-screen{width:100%;max-width:none}.pianoos-startup .console-content-playalong .console-playalong-keys{height:clamp(58px,10vh,90px);min-height:58px}.console-content-playalong .console-playalong-keys{background:#bfc8d1;gap:1px;padding:1px}.console-content-playalong .console-playalong-black{width:1.45%}.console-content-playalong .console-playalong-white{border-right:0;box-shadow:1px 0 #d4d1c9}.console-playalong-file-drop{color:#687a8f;background:#fff5;border:1px dashed #9ab3c9;border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin:-4px 0 8px;padding:5px 8px;font-size:8px;display:flex}.console-playalong-file-drop label{color:#554778;letter-spacing:.06em;cursor:pointer;background:#f5f9ff;border:1px solid #b5c8da;border-radius:5px;justify-content:center;align-items:center;min-height:24px;padding:5px 9px;font-size:7px;font-weight:800;display:inline-flex;position:relative}.console-playalong-file-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.console-playalong-file-drop>button{white-space:nowrap;min-height:24px;padding:5px 9px;font-size:7px}.console-eject-track{background:#994c58!important}.console-audio-player{box-sizing:border-box;align-items:center;padding:0 12px;display:flex}.console-content-playalong .console-playalong-file-drop{min-height:24px;margin:-2px 0 2px;padding:2px 6px;font-size:7px}.console-content-playalong .console-playalong-file-drop label{min-height:18px;padding:3px 6px;font-size:6px}.white-key.audio-follow:not(.pressed),.console-mini-white.audio-follow:not(.pressed),.console-playalong-white.audio-follow:not(.pressed){background:linear-gradient(#e9fff8 0%,#a5ead4 84%,#6abda4 100%);box-shadow:inset 0 0 0 1px #35a889,0 0 10px #43c9a677}.black-key.audio-follow:not(.pressed),.console-mini-black.audio-follow:not(.pressed),.console-playalong-black.audio-follow:not(.pressed){background:linear-gradient(90deg,#12463c,#38a887 48%,#0d302b);box-shadow:0 3px 8px #1aa17a99}.console-playalong-status{color:#4d647c}.mixing-midi-inputs{background:#202730;border:1px solid #3d4854;border-radius:6px;margin:7px 0;padding:9px}.mixing-midi-inputs>header{flex-direction:column;gap:3px;margin-bottom:7px;display:flex}.mixing-midi-inputs>header b{color:#dfe7ee;letter-spacing:.12em;font-size:7px}.mixing-midi-inputs>header small,.mixing-midi-empty{color:#98a6b4;margin:0;font-size:7px;line-height:1.5}.mixing-midi-device-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px;display:grid}.mixing-midi-device-list>label{background:#171d24;border:1px solid #3e4a57;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:7px;display:flex}.mixing-midi-device-list>label>span{flex-direction:column;gap:3px;min-width:0;display:flex}.mixing-midi-device-list>label b{color:#edf1f6;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mixing-midi-device-list>label small{color:#8de0b8;letter-spacing:.04em;font-size:6px}.mixing-midi-device-list select{color:#eef3f7;background:#2a333d;border:1px solid #586676;border-radius:4px;min-width:100px;padding:5px;font-size:7px}.mixing-studio-screen{color:#e4e9f0;background:radial-gradient(at 50% -15%,#3a4350 0,#202630 40%,#14191f 100%);min-height:560px;margin:-14px -16px -31px;padding:14px;overflow:auto}.mixing-studio-header{justify-content:space-between;align-items:center;gap:14px;padding:4px 3px 12px;display:flex}.mixing-eyebrow{color:#92a3b7;letter-spacing:.16em;font-size:7px;font-weight:800}.mixing-studio-header h2{color:#fff;letter-spacing:-.03em;margin:3px 0;font-size:23px}.mixing-studio-header p{color:#9ba9b8;margin:0;font-size:9px}.mixing-ready{background:#171c22;border:1px solid #394552;border-radius:7px;grid-template-columns:10px auto;align-items:center;gap:3px 7px;min-width:140px;padding:8px 11px;display:grid;box-shadow:inset 0 1px 5px #0008}.mixing-ready i{background:#62d69b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #55e4a6}.mixing-ready i.mixing-rec-light{background:#ff445e;animation:.8s infinite alternate mixing-blink;box-shadow:0 0 12px #ff3159}.mixing-ready b{letter-spacing:.1em;font-size:8px}.mixing-ready small{color:#8f9dac;grid-column:2;font-size:7px}.mixing-top-rack{background:linear-gradient(#313a45,#1d232b);border:1px solid #404b58;border-radius:8px;grid-template-columns:minmax(180px,1.3fr) minmax(100px,.65fr) minmax(300px,1.8fr);align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:grid;box-shadow:0 4px 12px #0005,inset 0 1px #ffffff15}.mixing-lcd{background:linear-gradient(115deg,#0d191d,#18272a);border:1px solid #4b5c5e;border-radius:5px;flex-direction:column;justify-content:center;gap:3px;min-height:57px;padding:7px 10px;font-family:ui-monospace,Consolas,monospace;display:flex;box-shadow:inset 0 0 12px #0009}.mixing-lcd small{color:#84d4b2;letter-spacing:.15em;font-size:6px}.mixing-lcd b{color:#d8f7e9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mixing-lcd span{color:#94a8a5;font-size:7px}.mixing-led-meter{background:#151a20;border:1px solid #47525e;border-radius:5px;justify-content:center;align-items:center;gap:4px;height:57px;display:flex}.mixing-led-meter>span{color:#8996a5;writing-mode:vertical-rl;font:6px ui-monospace,Consolas,monospace}.mixing-led-meter>i,.mixing-master-meters>i{background:repeating-linear-gradient(0deg,#111820 0 3px,#34404a 3px 4px);border:1px solid #34404a;border-radius:2px;align-items:flex-end;width:9px;height:43px;display:flex;position:relative;overflow:hidden}.mixing-led-meter>i b,.mixing-master-meters>i b{background:linear-gradient(0deg,#21b87c 0 65%,#bedb42 65% 84%,#ee6154 84%);width:100%;box-shadow:0 0 5px #43d69088}.mixing-rack-controls{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.mixing-rack-controls button,.mixing-transport button,.mixing-studio-footer button,.mixing-master-strip>button{color:#e2eaf2;letter-spacing:.06em;cursor:pointer;background:linear-gradient(#394552,#252d37);border:1px solid #465362;border-radius:4px;padding:7px 9px;font-size:7px;font-weight:800;box-shadow:0 2px 2px #0007}.mixing-rack-controls button:hover,.mixing-transport button:hover,.mixing-studio-footer button:hover,.mixing-master-strip>button:hover{background:linear-gradient(#655185,#473960);border-color:#a58ad4}.mixing-rack-controls button.lit{color:#9af0c4;border-color:#58c99a}.mixing-transport{background:#171c22;border:1px solid #414b57;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:7px 0;padding:7px 8px;display:flex}.mixing-transport-buttons{flex-wrap:wrap;gap:5px;display:flex}.mixing-transport button:disabled{opacity:.4;cursor:not-allowed}.mixing-transport .mixing-record-both{color:#fff;background:linear-gradient(#8d3547,#572630);border-color:#c84557}.mixing-transport .mixing-stop-record{color:#fff;background:#5c2830;border-color:#d24655}.mixing-time-readout{color:#8ee5bc;text-align:right;min-width:90px;font:9px ui-monospace,Consolas,monospace}.mixing-studio-screen .console-recording-library{background:#222a33;border:1px solid #3c4652;border-radius:6px;grid-template-columns:minmax(160px,1.3fr) minmax(120px,1fr) auto auto auto;gap:6px;margin:7px 0;padding:8px;display:grid}.mixing-studio-screen .console-recording-library label span{color:#96a5b5}.mixing-studio-screen .console-recording-library select,.mixing-studio-screen .console-recording-library>input{color:#e4eaf2;background:#151a20;border:1px solid #465361;border-radius:4px;min-height:29px;padding:5px 7px;font-size:8px}.mixing-studio-screen .console-recording-library button{color:#e4eaf2;background:#353f4b;border:1px solid #495767;border-radius:4px;padding:6px 8px;font-size:7px}.mixing-routing-note{color:#c2d6ce;background:#17211f;border-left:3px solid #76d3ad;border-radius:3px;align-items:center;gap:9px;margin:7px 0;padding:7px 9px;font-size:8px;display:flex}.mixing-routing-note b{color:#8ae0b5;letter-spacing:.12em;flex:none;font-size:7px}.mixing-routing-note span{line-height:1.45}.mixing-console-board{scrollbar-color:#657382 #1a2028;background:linear-gradient(#323c47,#202731 20%,#303a45);border:1px solid #4b5663;border-radius:8px;gap:0;min-width:0;padding:7px;display:flex;overflow-x:auto;box-shadow:0 8px 15px #0007,inset 0 1px #ffffff23}.mixing-channel-bank{flex:auto;grid-template-columns:repeat(12,minmax(64px,1fr));gap:3px;min-width:800px;display:grid}.mixing-channel-strip{background:linear-gradient(90deg,#272f38,#36414c 45%,#252c35);border:1px solid #46515e;border-top-color:#727d89;border-radius:4px;flex-direction:column;align-items:stretch;min-height:324px;padding:5px 4px 4px;display:flex;position:relative;box-shadow:inset 1px 0 #ffffff0a,inset -1px 0 #0006}.mixing-channel-strip.is-empty{opacity:.55}.mixing-channel-strip header{text-align:center;border-bottom:1px solid #151a20;flex-direction:column;gap:2px;min-height:43px;padding:2px 2px 4px;display:flex;overflow:hidden}.mixing-channel-strip header small{color:#96a5b5;font:6px ui-monospace,Consolas,monospace}.mixing-channel-strip header b{color:#edf1f6;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.mixing-channel-strip header span{color:#9aa7b5;text-overflow:ellipsis;white-space:nowrap;font-size:5px;overflow:hidden}.mixing-channel-assign{justify-content:center;gap:3px;padding:4px 0;display:flex}.mixing-channel-assign button{color:#d6dee7;background:linear-gradient(#515e6b,#323b45);border:1px solid #6b7884;border-radius:2px;width:16px;height:15px;padding:0;font-size:6px;font-weight:900}.mixing-channel-assign button.active{color:#fff2b5;background:linear-gradient(#8c7141,#594627);border-color:#e1bd61;box-shadow:0 0 5px #eac95966}.mixing-channel-assign button.mute-active{background:#842f3a;border-color:#e5636e}.mixing-channel-assign button.solo-active{background:#23674e;border-color:#56d6a6}.mixing-channel-assign button.rec-active{background:#9b2f40;border-color:#ff5265;box-shadow:0 0 6px #ff4a6377}.mixing-channel-assign button:disabled{opacity:.35}.mixing-eq-label{color:#9eacba;letter-spacing:.08em;text-align:center;margin:3px 0;font-size:5px;font-weight:800}.mixing-pan-row{color:#92a0ae;align-items:center;gap:2px;font-size:6px;display:flex}.mixing-pan-row input{accent-color:#b99fe0;width:100%;min-width:0;height:8px}.mixing-pan-row input:disabled{opacity:.3}.mixing-pan-value{color:#aab5c0;text-align:center;margin:1px 0 5px;font:5px ui-monospace,Consolas,monospace}.mixing-meter-fader{flex:1;justify-content:center;gap:5px;min-height:150px;padding:4px 0;display:flex}.mixing-level-meter{background:repeating-linear-gradient(0deg,#10151a 0 4px,#47515b 4px 5px);border:1px solid #1b2229;border-radius:2px;align-self:stretch;align-items:flex-end;width:9px;display:flex;position:relative;overflow:hidden}.mixing-level-meter i{background:linear-gradient(0deg,#24b677 0 67%,#d8df50 67% 85%,#eb5656 85%);width:100%;box-shadow:0 0 5px #3add9188}.mixing-fader-wrap{flex-direction:column;justify-content:space-between;align-items:center;min-width:29px;display:flex}.mixing-fader-wrap input{writing-mode:vertical-lr;accent-color:#d4dae0;cursor:pointer;direction:rtl;width:18px;height:113px;margin:0}.mixing-fader-wrap input:disabled{opacity:.3;cursor:default}.mixing-fader-wrap span{color:#d8e1e9;white-space:nowrap;font:6px ui-monospace,Consolas,monospace}.mixing-channel-strip footer{color:#aab6c2;text-align:center;border-top:1px solid #171d23;margin-top:auto;padding:4px 1px 2px;font:5px ui-monospace,Consolas,monospace}.channel-violet header{border-bottom-color:#9976bf}.channel-orange header{border-bottom-color:#c58947}.channel-cyan header{border-bottom-color:#58b9bd}.mixing-master-strip{background:linear-gradient(90deg,#242c35,#3a4652 45%,#252c35);border:1px solid #596573;border-radius:4px;flex-direction:column;flex:0 0 106px;align-items:stretch;gap:6px;margin-left:5px;padding:6px;display:flex;box-shadow:inset 1px 0 #ffffff1c}.mixing-master-strip header{text-align:center;border-bottom:1px solid #141a20;flex-direction:column;gap:3px;padding-bottom:5px;display:flex}.mixing-master-strip header small{color:#8de0b8;letter-spacing:.1em;font-size:6px}.mixing-master-strip header b{letter-spacing:.1em;font-size:10px}.mixing-master-strip header span{color:#a1afbb;font-size:6px}.mixing-master-display{background:linear-gradient(140deg,#101a19,#1c2c27);border:1px solid #40554c;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-height:62px;display:flex;box-shadow:inset 0 0 10px #0009}.mixing-master-display i{color:#62d1a2;font:italic 6px ui-monospace,Consolas,monospace}.mixing-master-display b{color:#d0ffe2;font:16px ui-monospace,Consolas,monospace}.mixing-master-display b small{font-size:7px}.mixing-master-display span{color:#8b9c93;letter-spacing:.1em;font-size:5px}.mixing-master-meters{background:#151b21;border:1px solid #202830;justify-content:center;align-items:stretch;gap:5px;height:116px;padding:5px;display:flex}.mixing-master-meters>i{width:12px;height:100%}.mixing-master-fader{color:#b8c3ce;flex-direction:column;align-items:center;gap:4px;font-size:6px;font-weight:800;display:flex}.mixing-master-fader input{writing-mode:vertical-lr;accent-color:#d8dce2;direction:rtl;width:20px;height:100px}.mixing-master-fader b{font:7px ui-monospace,Consolas,monospace}.mixing-master-strip>button{margin-top:auto;padding:6px 4px;font-size:6px}.mixing-arrangement{background:#202730;border:1px solid #3f4a57;border-radius:6px;margin-top:9px;padding:8px}.mixing-arrangement>header{color:#dfe7ee;letter-spacing:.1em;justify-content:space-between;padding:2px 1px 7px;font-size:7px;display:flex}.mixing-arrangement>header span{color:#94a3b2;letter-spacing:0}.mixing-track-lane{grid-template-columns:100px minmax(180px,1fr) 74px;align-items:center;gap:8px;margin:4px 0;display:grid}.mixing-track-lane>b,.mixing-track-lane>span{color:#c4cfda;font-size:6px}.mixing-track-lane>div{background:repeating-linear-gradient(90deg,#1a2027 0 39px,#2c3640 40px);border:1px solid #3b4652;border-radius:3px;height:32px;position:relative;overflow:hidden}.mixing-track-lane>div small{color:#798796;place-items:center;font-size:6px;display:grid;position:absolute;inset:0}.mixing-track-lane>div i{background:#71cfb0;border-radius:1px 1px 0 0;width:5px;position:absolute;bottom:3px;box-shadow:0 0 5px #52d1aa66}.mixing-track-lane>div i.note-off{opacity:.35}.mixing-audio-player{width:100%;height:31px;margin-top:6px}.mixing-studio-footer{color:#8e9cac;letter-spacing:.08em;align-items:center;gap:6px;margin-top:7px;font-size:6px;display:flex}.mixing-studio-footer span{flex:1}.mixing-studio-footer button{padding:5px 7px;font-size:6px}.console-playalong-volume select{color:#4a4264;background:#f7faff;border:1px solid #adbed0;border-radius:5px;min-width:65px;max-width:85px;padding:4px 6px;font-size:8px;font-weight:800}.console-content-playalong .console-playalong-volume select{min-width:54px;padding:3px 5px;font-size:6px}@keyframes mixing-blink{to{opacity:.35;filter:brightness(.8)}}@media (max-width:760px){.mixing-top-rack{grid-template-columns:1fr 90px}.mixing-rack-controls{grid-column:1/-1;justify-content:flex-start}.mixing-studio-screen .console-recording-library{grid-template-columns:1fr 1fr}.mixing-studio-screen .console-recording-library button{min-height:27px}.mixing-routing-note{flex-direction:column;align-items:flex-start;gap:4px}.mixing-track-lane{grid-template-columns:75px minmax(150px,1fr) 55px}}.daw-ruler{grid-template-columns:112px minmax(400px,1fr) 356px;min-width:868px}.daw-track-row{grid-template-columns:112px minmax(400px,1fr) 356px;align-items:stretch;min-width:868px;min-height:58px}.daw-lane-controls{background:#202630;border-left:1px solid #394454;justify-content:flex-end;align-items:center;gap:4px;padding:5px 7px;display:flex}.daw-lane-controls>button,.daw-lane-file{color:#d6dfeb;cursor:pointer;background:#2a3340;border:1px solid #465365;border-radius:4px;place-items:center;min-width:27px;height:25px;padding:0 6px;font-size:7px;font-weight:900;display:grid}.daw-lane-controls>button.lane-armed{color:#fff;background:#512d38;border-color:#d96d7d}.daw-lane-controls>button.lane-active{color:#fff;background:#4b3c67;border-color:#a98ad6}.daw-lane-controls>button:hover,.daw-lane-file:hover{filter:brightness(1.2)}.daw-lane-file{white-space:nowrap;position:relative}.daw-lane-file input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.daw-lane-fader{color:#9daabd;flex-direction:column;align-items:center;gap:2px;font-size:6px;font-weight:900;display:flex}.daw-lane-fader input{accent-color:#6bbbd2;width:54px;height:12px;margin:0}.daw-lane-pan input{accent-color:#bd83d1}.daw-lane-controls .daw-lane-fader:first-of-type{margin-left:2px}.daw-lane-controls .daw-lane-fader:nth-of-type(2){margin-right:2px}.daw-record-target{color:#536074;letter-spacing:.08em;align-items:center;gap:6px;padding:0 6px;font-size:7px;font-weight:900;display:flex}.daw-record-target select{color:#283344;background:#f7f9fc;border:1px solid #aeb8c7;border-radius:5px;padding:6px;font-size:8px}.daw-midi-route-note{color:#718098;max-width:900px;margin:7px 0;font-size:8px;line-height:1.55}.live-session-toolbar{display:block}.live-session-toolbar .daw-tape-deck{margin:0}.live-session-actions{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 1px 0;display:flex}.live-session-actions>button{color:#e8edf4;cursor:pointer;background:#303640;border:1px solid #485362;border-radius:4px;min-height:25px;padding:5px 8px;font-size:7px;font-weight:800}.live-session-actions .live-tempo{color:#adb8c7;align-items:center;gap:5px;font-size:7px;font-weight:800;display:flex}.live-session-actions .live-tempo input{color:#e6eaf0;background:#171c24;border:1px solid #475262;border-radius:4px;width:54px;padding:5px}.studio-tape-deck,.mixing-tape-deck,.live-session-tape-deck{width:100%;min-height:60px}.studio-tape-deck .daw-tape-status,.mixing-tape-deck .daw-tape-status,.live-session-tape-deck .daw-tape-status{min-width:45px}@media (max-width:700px){.daw-ruler,.daw-track-row{grid-template-columns:84px minmax(300px,1fr) 300px;min-width:684px}.daw-lane-controls{gap:3px;padding:4px}.daw-lane-fader input{width:42px}.live-session-actions{align-items:flex-start}}.daw-lane-controls>button.lane-clear{color:#ffdce1;letter-spacing:.04em;background:#472832;border-color:#a94c5b;min-width:48px;padding:0 7px;font-size:7px}.daw-lane-controls>button.lane-clear:hover:not(:disabled){color:#fff;background:#713344;border-color:#f08b98}.daw-lane-controls>button.lane-clear:disabled{opacity:.38;cursor:not-allowed;filter:none}.daw-note-block{appearance:none;cursor:grab;touch-action:none;z-index:2;border:0;padding:0;overflow:visible}.daw-note-block:active{cursor:grabbing}.daw-note-block.is-editing{z-index:6;filter:brightness(1.25);box-shadow:0 0 0 1px #fff,0 0 12px #70d6ff99}.daw-note-resize-handle{cursor:ew-resize;background:linear-gradient(90deg,#0000,#d8f5ff99);border-right:2px solid #e5f9ff;width:6px;position:absolute;top:0;bottom:0;right:0}.daw-note-block.drum .daw-note-resize-handle{display:none}.daw-edit-hint{color:#8b9aaf;letter-spacing:.03em;background:#1b222c;padding:5px 8px;font-size:7px;display:block}.daw-midi-clip{color:#e2f8ff;text-align:left;white-space:nowrap;letter-spacing:.06em;cursor:grab;touch-action:none;z-index:2;background:linear-gradient(90deg,#1e5978,#286f96);border:1px solid #4a9fc6;border-radius:3px;justify-content:space-between;align-items:center;gap:3px;height:11px;padding:0 4px;font-size:6px;font-weight:900;display:flex;position:absolute;top:3px;overflow:visible}.daw-midi-clip.drum{background:linear-gradient(90deg,#1c6555,#20856d);border-color:#46b995}.daw-midi-clip:active{cursor:grabbing}.daw-midi-clip.is-editing{filter:brightness(1.35);box-shadow:0 0 0 1px #e7fbff,0 0 10px #70d6ff77}.daw-midi-clip-handle{cursor:ew-resize;background:linear-gradient(90deg,#0000,#d8f5ffbb);border-right:2px solid #e6faff;width:8px;position:absolute;top:-1px;bottom:-1px;right:-1px}.piano-dock-tape{white-space:nowrap;border-radius:8px;flex:0 auto;gap:7px;margin:0;padding:4px 6px}.piano-dock-tape .daw-tape-window{flex:0 0 82px;width:82px;height:32px}.piano-dock-tape .daw-tape-status{min-width:42px}@media (max-width:1080px){.piano-dock-tape{gap:4px;padding:3px 4px}.piano-dock-tape .daw-tape-window{flex-basis:66px;width:66px}.piano-dock-tape .daw-tape-keys{gap:2px}.piano-dock-tape .daw-tape-keys button{min-width:27px;padding:0 3px}.piano-dock-status{display:none}}@media (max-width:780px){.piano-dock-heading{flex-wrap:wrap}.piano-dock-tape{flex:100%;order:3;justify-content:center;max-width:100%;padding:3px 4px}.piano-dock-status{order:2;margin-left:auto;display:block}}@media (max-width:520px){.piano-dock-tape .daw-tape-window{display:none}.piano-dock-tape .daw-tape-keys{gap:2px;padding:2px}.piano-dock-tape .daw-tape-keys button{min-width:25px;height:24px;font-size:12px}.piano-dock-tape .daw-tape-status{min-width:35px;font-size:6px}.piano-dock-status{display:none}}.daw-audio-clip{color:#d4f4ff;text-align:left;cursor:grab;touch-action:none;z-index:2;background:#174563;border:1px solid #287a9b;border-radius:4px;height:45px;margin:0;padding:0;display:block;position:absolute;top:6px;overflow:hidden}.daw-audio-clip:active{cursor:grabbing}.daw-audio-clip.is-editing{filter:brightness(1.3);box-shadow:0 0 0 1px #e7fbff,0 0 10px #70d6ff88}.daw-audio-clip>span{z-index:1;letter-spacing:.07em;pointer-events:none;font-size:6px;font-weight:800;position:absolute;top:3px;left:7px}.daw-audio-clip>div{pointer-events:none;justify-content:space-around;align-items:center;gap:2px;height:100%;padding:10px 12px 0 5px;display:flex}.daw-audio-resize-handle{cursor:ew-resize;z-index:3;background:linear-gradient(90deg,#0000,#d8f5ffbb);border-right:2px solid #e6faff;width:11px;position:absolute;top:0;bottom:0;right:0}.daw-session-strip{background:#364353;border:1px solid #3b4858;border-radius:7px;grid-template-columns:minmax(160px,2fr) repeat(3,minmax(92px,1fr)) auto;align-items:center;gap:1px;margin:9px 0 10px;display:grid;overflow:hidden}.daw-session-strip>div{background:linear-gradient(#252e3a,#1d242e);flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:46px;padding:7px 10px;display:flex}.daw-session-strip small{color:#8998ab;letter-spacing:.14em;font-size:6px;font-weight:900}.daw-session-strip b{color:#e6edf6;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.daw-session-state{grid-template-columns:8px auto auto;align-items:center;gap:6px!important;display:grid!important}.daw-session-state i{background:#62c59d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #62c59d77}.daw-session-state i.playing{background:#54c4e5;box-shadow:0 0 9px #54c4e588}.daw-session-state i.recording{background:#f16b7d;animation:1s infinite alternate daw-record-pulse;box-shadow:0 0 9px #f16b7d99}.daw-session-state span{color:#cdd8e5;letter-spacing:.1em;font-size:7px;font-weight:900}.daw-session-state small{font-variant-numeric:tabular-nums;margin-left:4px}.daw-track-row.daw-track-drums .daw-track-label{border-left:2px solid #53c6a2}.daw-track-row.daw-track-keys .daw-track-label{border-left:2px solid #55b6e1}.daw-track-row.daw-track-audio .daw-track-label{border-left:2px solid #ba8ce2}.daw-track-row.selected .daw-track-label{box-shadow:inset 3px 0 #fff}.daw-arrangement-title span{font-variant-numeric:tabular-nums}.daw-timeline{box-shadow:inset 0 0 0 1px #ffffff05}@keyframes daw-record-pulse{to{opacity:.45;box-shadow:0 0 2px #f16b7d33}}@media (max-width:700px){.daw-session-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.daw-session-strip>div:first-child,.daw-session-state{grid-column:span 2}}.piano-bottom-dock{grid-template-rows:auto minmax(90px,1fr) auto;gap:5px;height:194px;padding:7px 10px 6px}.piano-dock-heading{flex-wrap:nowrap;gap:8px;overflow:visible}.piano-dock-tape{gap:4px;padding:3px 4px}.piano-dock-tape .daw-tape-window{flex-basis:64px;width:64px;height:28px}.piano-dock-tape .daw-tape-window i{width:14px;height:14px}.piano-dock-tape .daw-tape-keys{gap:2px;padding:2px}.piano-dock-tape .daw-tape-keys button{min-width:24px;height:25px;padding:0 3px;font-size:12px}.piano-dock-tape .daw-tape-status{min-width:32px;font-size:6px}.piano-dock-note-readout{flex:0 188px;gap:5px;min-width:128px;min-height:28px;padding:3px 6px}.piano-instrument-select{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.piano-instrument-select>span{color:#7188a1;letter-spacing:.1em;font-size:6px;font-weight:900}.piano-instrument-select select{color:#35465c;background:#f9fcff;border:1px solid #b8cfe1;border-radius:4px;width:100%;min-width:0;max-width:158px;height:19px;padding:1px 18px 1px 4px;font-size:8px;font-weight:700}.hand-tracker-widget{white-space:nowrap;flex:0 auto;align-items:center;gap:4px;min-width:0;max-width:255px;display:flex;position:relative}.hand-tracker-widget>button{color:#50617a;letter-spacing:.04em;cursor:pointer;background:#f7fbff;border:1px solid #b8cfe1;border-radius:5px;flex:none;align-items:center;gap:4px;height:26px;padding:0 6px;font-size:6px;font-weight:900;display:flex}.hand-tracker-widget>button.active{color:#287655;background:#eaf8f0;border-color:#70b89b}.hand-side{color:#73859a;background:#f4f8fb;border:1px solid #c5d5e2;border-radius:5px;align-items:center;gap:2px;padding:4px 5px;font-size:6px;font-weight:900;display:flex}.hand-side i{filter:grayscale();opacity:.45;font-style:normal}.hand-side.detected{color:#28764e;background:#e7f7ed;border-color:#81c6a0;box-shadow:0 0 7px #62c59d44}.hand-side.detected i{filter:none;opacity:1}.hand-tracker-widget>small{color:#758ba1;text-overflow:ellipsis;white-space:nowrap;max-width:108px;font-size:6px;overflow:hidden}.hand-tracker-video{display:none}.hand-tracker-video.is-active{z-index:22;object-fit:cover;opacity:1;pointer-events:none;background:#10151d;border:2px solid #273342;border-radius:8px;width:150px;height:88px;display:block;bottom:204px;right:20px;transform:scaleX(-1);box-shadow:0 5px 18px #1e273566;position:fixed!important}.hand-demo-open{color:#4c5f77;cursor:pointer;background:#f7fbff;border:1px solid #b8cfe1;border-radius:4px;height:23px;padding:0 5px;font-size:6px;font-weight:900}@media (max-width:1080px){.piano-bottom-dock{height:190px}.piano-dock-tape .daw-tape-window,.hand-tracker-widget>small{display:none}}@media (max-width:780px){.piano-bottom-dock{grid-template-rows:auto minmax(82px,1fr) auto;height:184px}.piano-dock-heading{flex-wrap:wrap}.piano-dock-tape{flex:none;order:2}.piano-dock-note-readout{flex:0 150px;order:3;margin-left:auto}.hand-tracker-widget{flex:none;order:4;margin-left:auto}.hand-tracker-widget>small{display:none}}@media (max-width:520px){.piano-bottom-dock{grid-template-rows:auto minmax(78px,1fr) auto;height:178px}.piano-dock-heading{gap:4px}.piano-dock-tape{flex:100%;order:3;justify-content:center}.piano-dock-note-readout{flex:0 138px;order:2;margin-left:auto}.hand-tracker-widget{order:4;gap:2px}.hand-tracker-widget>button{padding:0 4px;font-size:5px}.hand-side{padding:3px;font-size:5px}.piano-instrument-select select{font-size:7px}}.hand-demo-backdrop{z-index:120;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18202dbb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.hand-demo-window{color:#28394d;background:linear-gradient(140deg,#e5f3fd,#cbe5f8);border:1px solid #b9d2e5;border-radius:12px;width:min(760px,94vw);max-height:90vh;padding:16px;overflow:auto;box-shadow:0 18px 60px #121a2c66}.hand-demo-window>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hand-demo-window>header span{color:#68809b;letter-spacing:.14em;font-size:8px;font-weight:900}.hand-demo-window h2{margin:3px 0;font-size:18px}.hand-demo-window>header button{color:#35465c;cursor:pointer;background:#f7fbff;border:1px solid #b8cfe1;border-radius:6px;width:30px;height:30px;font-size:18px}.hand-demo-window>video{background:#11151b;border:1px solid #a8c2d6;border-radius:8px;width:100%;max-height:60vh}.hand-demo-window>p{color:#5b718c;font-size:11px}.hand-demo-window>div{gap:8px;display:flex}.hand-demo-window>div button{color:#fff;cursor:pointer;background:#625078;border:1px solid #625078;border-radius:6px;padding:8px 12px;font-size:8px;font-weight:900}.hand-demo-window>div button+button{color:#455a73;background:#f7fbff;border-color:#b8cfe1}@media (max-width:780px){.hand-tracker-video.is-active{width:116px;height:68px;bottom:194px;right:10px}}@media (max-width:520px){.hand-tracker-video.is-active{width:96px;height:56px;bottom:186px;right:8px}}.piano-dock-import-controls{flex:none;align-items:center;gap:5px;margin-left:auto;display:flex}.piano-dock-import-controls .piano-dock-import-button{white-space:nowrap;min-height:26px;padding:5px 8px;font-size:6px}.piano-dock-import-controls .piano-dock-import-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.piano-dock-undo{color:#50617a;letter-spacing:.06em;cursor:pointer;background:#f7fbff;border:1px solid #b8cfe1;border-radius:5px;min-height:26px;padding:5px 9px;font-size:7px;font-weight:900}.piano-dock-undo:hover:not(:disabled){color:#51436d;background:#eee8f7;border-color:#8671aa}.piano-dock-undo:disabled{opacity:.48;cursor:not-allowed}@media (max-width:1080px){.piano-dock-import-controls{gap:3px}.piano-dock-import-controls .piano-dock-import-button{padding:4px 6px;font-size:5px}}@media (max-width:780px){.piano-dock-import-controls{flex:100%;order:5;justify-content:center;margin-left:0}}@media (max-width:520px){.piano-dock-import-controls{gap:3px}.piano-dock-import-controls .piano-dock-import-button{min-height:22px;padding:4px;font-size:5px}.piano-dock-undo{min-height:22px;padding:4px 6px;font-size:5px}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}