/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-outline-style:solid;--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{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}}.reading-controls{flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;display:flex}.reading-controls label{flex:1;min-width:130px}.reading-controls input{width:100%}.reading-phase{background:var(--green-soft);border-radius:6px;margin:16px 0;padding:12px 18px;font-weight:600}.grand-staff{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.grand-bar{background:#fffefa;border:2px solid #dfe3d9;border-radius:6px;position:relative;overflow:auto}.grand-bar.current{border-color:#b28a51;box-shadow:0 0 0 2px #b28a5130}.grand-bar-score svg{width:100%;min-width:300px;height:auto;display:block}.bar-number{color:#7b837b;font-size:11px;position:absolute;top:4px;left:13px}.two-hand-pads{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.two-hand-pads .tap-pad{min-height:120px;margin:0}.reading-review,.task-review{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.reading-review label,.task-review label{max-width:620px;margin:14px 0;display:block}.assessment-invitation{justify-content:space-between;align-items:center;gap:24px;margin:24px 0;display:flex}.baseline-summary,.classical-course{margin:24px 0}.classical-excerpt{border:1px solid var(--line);background:#fff;max-height:580px;margin:20px 0;overflow:auto}.classical-excerpt canvas{width:100%;height:auto;display:block}.segment-tasks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.segment-tasks .practice-callout{flex-direction:column;align-items:flex-start;margin:0;display:flex}.segment-tasks button{margin-top:auto}.baseline-summary .result-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.classical-course .tabs,.reading-lab .row{flex-wrap:wrap}@media (max-width:800px){.grand-staff,.segment-tasks{grid-template-columns:1fr}.assessment-invitation{display:block}.grand-bar-score svg{min-width:360px}.reading-controls label{min-width:120px}.classical-excerpt{max-height:440px}.classical-excerpt canvas{min-width:640px}}:root{--bg:#f5f3ee;--paper:#fffefa;--ink:#233d36;--muted:#7b837b;--line:#dfe3d9;--green:#285b4e;--green-soft:#e8eee6;--sand:#eeebe2;--gold:#b28a51;--red:#9d4e3e;--sidebar:#fafaf6;--shadow:0 7px 30px #183c2f04;color-scheme:light}:root[data-theme=dark]{--bg:#192421;--paper:#222f2a;--ink:#ebece2;--muted:#a2ada4;--line:#39483e;--green:#95b8a4;--green-soft:#30483b;--sand:#30382f;--gold:#ccac76;--red:#edac93;--sidebar:#1e2b25;--shadow:none;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft Yahei,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}.button,button{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:9px 16px;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.button:hover,button:hover{background:var(--green-soft);border-color:var(--green)}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.button.primary,button.primary{background:var(--green);border-color:var(--green);color:var(--paper);padding:12px 20px}button.primary:hover{filter:brightness(1.12)}h1,h2,h3,h4,p{margin:0}h1,h2{letter-spacing:-.04em;font-family:Georgia,Songti SC,STSong,serif;font-weight:400;line-height:1.25}h1{font-size:39px}h2{font-size:25px}h3{font-size:15px;font-weight:600;line-height:1.5}h4{margin:18px 0 5px;font-size:13px}p{color:var(--muted);line-height:1.85}a{color:var(--green)}label{color:var(--muted);font-size:13px;display:block}input:not([type=range]):not([type=file]),select,textarea{background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);outline-offset:2px;border-radius:5px;min-height:40px;padding:8px 11px}select{cursor:pointer}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer;min-height:24px}textarea{resize:vertical;min-height:160px}small{font-size:11px}strong{font-weight:600}.eyebrow{letter-spacing:1.8px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.6}.badge{letter-spacing:.9px;border:1px solid var(--line);color:var(--green);white-space:nowrap;border-radius:4px;padding:7px 10px;font-size:10px;display:inline-block}.fine,.muted{color:var(--muted)}.fine{margin-top:14px;font-size:11px;line-height:1.8}.row{align-items:center;gap:12px;display:flex}.row.center{justify-content:center}.row select{width:auto}.icon-button{background:0 0;border-color:#0000;width:36px;min-height:36px;padding:7px}.text-button{color:var(--green);background:0 0;border:0;padding:8px 0;font-size:12px}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;padding:25px}.card h2,.card h3{align-items:center;gap:8px;display:flex}.card label{margin-top:16px}.card label select{margin-top:7px}.card-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.card-top h2{margin-top:6px}.card-top h3{margin:0}.stack{flex-direction:column;gap:20px;display:flex}.notice{background:var(--green-soft);border:1px solid var(--line);border-radius:7px;margin-top:24px;padding:20px 24px}.notice p{font-size:12px}.notice h3,.notice strong{margin-bottom:5px}.notice a{font-size:12px}.notice.error{color:var(--red);margin:0 0 16px}.empty{text-align:center;color:var(--muted);padding:45px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:30;flex-direction:column;flex-shrink:0;width:235px;padding:30px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--ink);align-items:center;gap:12px;padding:0 4px;text-decoration:none;display:flex}.brand strong{letter-spacing:-1px;white-space:nowrap;font:24px Georgia,serif}.brand small{letter-spacing:2px;color:var(--muted);margin-top:4px;font-size:7px;display:block}.brand-mark{background:var(--green);border-radius:4px;gap:3px;width:31px;height:37px;padding:7px 5px;display:flex}.brand-mark i{background:var(--paper);border-radius:1px;width:5px;height:23px;position:relative}.brand-mark i:not(:last-child):after{content:"";background:var(--green);z-index:1;width:3px;height:14px;position:absolute;top:0;right:-2px}.sidebar-divider{background:var(--line);height:1px;margin:29px 0}.nav-label{letter-spacing:1.8px;color:var(--muted);margin:0 10px 12px;font-size:8px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{min-height:45px;color:var(--muted);white-space:nowrap;background:0 0;border:none;justify-content:flex-start;gap:13px;padding:12px 13px;font-size:12px}.sidebar nav button.active{background:var(--green-soft);color:var(--green)}.sidebar nav button.active i{background:var(--green);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar nav button.nav-spaced{margin-top:18px}.sidebar-bottom{margin-top:auto;padding-top:30px}.local-status{color:var(--muted);align-items:center;gap:7px;padding:12px 6px;font-size:10px;display:flex}.local-status svg{color:var(--green)}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:19px;display:flex}.avatar{background:var(--sand);width:33px;height:33px;color:var(--gold);border:1px solid #cbbd9b;border-radius:50%;place-items:center;font:18px Georgia;display:grid}.profile strong{font-size:10px}.profile small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.main-shell{width:calc(100% - 235px);min-width:0;margin-left:235px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;height:74px;padding:0 40px;display:flex}.breadcrumb,.topbar-actions{align-items:center;gap:16px;display:flex}.breadcrumb{color:var(--muted);font-size:10px}.breadcrumb strong{color:var(--ink);font-weight:400}.today{color:var(--muted);margin-right:10px;font-size:10px}.language-toggle{gap:5px;width:auto;font-size:11px}.main-content{max-width:1550px;margin:auto;padding:35px 40px 0}.mobile-menu{display:none}.welcome-hero{background:var(--sand);border:1px solid var(--line);border-radius:9px;min-height:330px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;flex:1;min-width:0;padding:36px 36px 28px}.hero-copy .eyebrow{color:var(--green);letter-spacing:1.7px;align-items:center;gap:6px;font-size:9px;display:flex}.hero-copy .eyebrow>span{background:var(--gold);border-radius:50%;width:5px;height:5px}.hero-copy h1{letter-spacing:-1.7px;margin:18px 0 13px;font-size:42px;line-height:1.28}.hero-copy h1 em{color:var(--green);font-style:italic}.hero-copy p:not(.eyebrow){max-width:380px;font-size:12px;line-height:1.9}.hero-copy .row{gap:18px;margin-top:24px}.hero-copy .primary{padding:11px 18px;font-size:12px}.hero-footnote{color:var(--muted);letter-spacing:1px;margin-top:22px;font-size:8px;display:block}.hero-art{background:radial-gradient(at 60%,#d4dbcb 0,#0000 68%);width:38%;min-width:245px;position:relative;overflow:hidden}.art-label{text-align:right;letter-spacing:2.5px;color:#748471;font-size:8px;position:absolute;top:29px;right:27px}.orbit{border:1px solid #b9c3af66;border-radius:50%;width:420px;height:420px;position:absolute;top:20px;left:6%}.orbit-two{width:340px;height:340px;top:60px;left:18%}.piano-object{filter:drop-shadow(12px 17px 13px #172a2933);width:270px;height:280px;position:absolute;top:63px;right:1%;transform:rotate(-19deg)skewY(5deg)}.piano-top{background:linear-gradient(130deg,#31463c,#172f28 65%,#0d221c);border:1px solid #536558;border-radius:100% 25% 4% 3%/60% 40% 3% 3%;position:absolute;inset:0 0 65px;box-shadow:inset -7px 2px #0c211a,inset -10px 4px #61705b44}.piano-top>span{letter-spacing:5px;color:#bdab79;font:8px Georgia;position:absolute;bottom:15px;left:110px}.music-symbol{color:#a0ad9722;font-size:90px;position:absolute;top:25px;left:120px}.piano-keys{transform-origin:top;background:#f8f4e8;border:6px solid #1e352a;border-radius:3px;height:70px;display:flex;position:absolute;bottom:8px;left:0;right:7px;transform:skew(-9deg)}.piano-keys i{background:linear-gradient(90deg,#e0ded2,#fffef5);border-bottom:4px solid #c2c1b2;border-right:1px solid #b8b6a7;flex:1;display:block;position:relative}.piano-keys b{z-index:1;background:linear-gradient(90deg,#14241c,#3f493d);border-bottom:4px solid #121c15;border-radius:0 0 1px 1px;width:8px;height:38px;position:absolute;top:0;right:-4px}.art-index{letter-spacing:1.3px;color:#6f7b69;font-size:7px;position:absolute;bottom:18px;right:23px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.stat-card{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:20px 22px}.stat-card>span{color:var(--muted);align-items:center;gap:9px;margin-bottom:12px;font-size:11px;display:flex}.stat-card svg{color:var(--green)}.stat-card strong{letter-spacing:-1px;font:30px Georgia,serif;display:inline-block}.stat-card small{color:var(--muted);margin-left:8px;font-size:9px}.dashboard-main{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:24px;display:grid}.daily-plan select{width:95px;font-size:11px}.plan-list{margin-top:5px}.plan-row{border-bottom:1px solid var(--line);align-items:center;gap:17px;padding:19px 0;display:flex}.plan-row:last-child{border:0}.plan-number{color:var(--gold);font:19px Georgia}.plan-row h3{font-size:13px;line-height:1.8}.plan-row p{margin-top:4px;font-size:10px;line-height:1.7}.plan-row>div{flex:1}.plan-minutes{color:var(--ink);text-align:center;font:23px Georgia}.plan-minutes small{letter-spacing:1px;color:var(--muted);margin-top:3px;font:8px Arial;display:block}.plan-row .icon-button{width:28px;padding:4px}.focus-card{background:var(--green-soft);padding:23px;position:relative}.focus-card h2{margin:18px 0 12px;font-size:24px;line-height:1.45;display:block;position:relative}.focus-card p:not(.eyebrow){max-width:210px;font-size:11px;line-height:1.9}.focus-card button{border-color:var(--green);background:0 0;justify-content:space-between;width:100%;margin-top:20px;font-size:11px}.focus-glyph{color:var(--green);opacity:.12;font-size:90px;line-height:1;position:absolute;top:39px;right:22px}.practice-note{padding:0 5px}.practice-note .eyebrow{font-size:8px}.practice-note p:last-child{margin-top:9px;font:italic 13px/1.9 Georgia,Songti SC,serif}.repertoire-strip{justify-content:space-between;align-items:center;margin:32px 0 18px;display:flex}.repertoire-strip h2{margin-top:7px;font-size:24px}.featured-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.featured-score{text-align:left;justify-content:flex-start;gap:17px;padding:21px}.feature-number{color:var(--gold);opacity:.7;font:28px Georgia}.featured-score .eyebrow{letter-spacing:1.2px;font-size:8px}.featured-score h3{margin:5px 0 3px;font:17px/1.5 Georgia,Songti SC,serif}.featured-score small{color:var(--muted);font-size:9px}.featured-score>svg{flex-shrink:0;margin-left:auto}footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:18px;margin-top:38px;padding:21px 0;display:flex}footer>span{letter-spacing:2px;font:11px Georgia}footer p{font-size:10px}footer small{margin-left:auto;font-size:9px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:3px 0 29px;display:flex}.page-heading h1{margin:9px 0 12px}.page-heading p:last-child{font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:22px;margin-bottom:25px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:11px 1px;font-size:12px;position:relative}.tabs button.active{color:var(--green)}.tabs button.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.lab-layout{grid-template-columns:minmax(0,1fr) 255px;gap:23px;display:grid}.exercise{padding:25px 26px}.exercise .card-top{margin:0 0 12px}.thin-progress{background:var(--green-soft);border-radius:3px;height:3px;overflow:hidden}.thin-progress i{background:var(--green);height:100%;transition:width .2s;display:block}.exercise-prompt{text-align:center;margin:30px 0 3px}.exercise-prompt h2{font-size:28px;display:block}.exercise-prompt p{margin-top:9px;font-size:12px}.notation{color:#253b35;background:#fffefa;border-radius:6px;justify-content:center;width:100%;min-height:145px;margin:14px 0;display:flex;overflow:auto}.notation svg{max-width:100%;height:auto;display:block}.feedback{border:1px solid var(--line);border-radius:5px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;margin:10px 0 20px;padding:8px 12px;font-size:12px;display:flex}.feedback button{background:0 0;min-height:30px;padding:5px 9px;font-size:11px}.feedback.neutral{color:var(--muted);border-style:dashed;justify-content:center}.feedback.success{background:var(--green-soft);color:var(--green)}.feedback.incorrect{color:var(--red);background:#aa674011}.keyboard-scroll{margin:19px 0 0;padding:2px 2px 8px;overflow-x:auto}.keyboard{-webkit-user-select:none;user-select:none;background:#172e24;border-radius:6px;height:132px;padding:4px 4px 6px;display:flex;position:relative}.white-key{color:#667569;touch-action:manipulation;background:linear-gradient(#f7f5eb,#fffefa);border:1px solid #c8c5b6;border-bottom:5px solid #ccc8b8;border-radius:0 0 3px 3px;flex:1;align-items:flex-end;min-width:0;min-height:100%;margin:0;padding:0;position:relative}.white-key span{pointer-events:none;padding-bottom:10px;font-size:9px}.black-key{z-index:2;touch-action:manipulation;background:linear-gradient(90deg,#182b22,#314537);border:1px solid #122319;border-bottom:4px solid #0b1e14;border-radius:0 0 3px 3px;align-items:flex-end;height:62%;min-height:0;padding:0;display:flex;position:absolute;top:4px;transform:translate(-50%)}.black-key span{color:#c4cebf;pointer-events:none;padding-bottom:7px;font-size:7px}.black-key.pressed,.white-key.pressed{color:#fff;background:#bc995f;border-color:#9d7a42}.white-key:hover{background:#e0e7d9}.black-key:hover{background:#53745f}.keyboard-help{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;font-size:9px;display:flex}kbd{background:var(--sand);border-radius:2px;padding:3px 5px;font:9px monospace}.muted-card{background:var(--green-soft)}.muted-card h3{margin:13px 0 9px}.muted-card p{font-size:12px}.small-stats{justify-content:space-between;padding:4px 8px;display:flex}.small-stats span{letter-spacing:.5px;color:var(--muted);font-size:9px}.small-stats strong{color:var(--ink);margin-top:7px;font:27px Georgia;display:block}.exercise-result{text-align:center;padding:45px 20px}.exercise-result h2{margin:20px 0;display:block}.exercise-result>strong{color:var(--green);font:68px Georgia}.exercise-result p{max-width:380px;margin:20px auto;font-size:12px}.round-icon{background:var(--green-soft);width:60px;height:60px;color:var(--green);border-radius:50%;place-items:center;margin:auto;display:grid}.rhythm-main h2{margin:22px 0 14px}.rhythm-main>p{font-size:12px}.tap-pad{border:1px dashed var(--line);background:var(--bg);flex-direction:column;width:100%;min-height:170px;margin:25px 0 15px;display:flex}.tap-pad strong{font-size:18px;font-weight:400}.tap-pad span{color:var(--muted);font-size:11px}.tap-pad.listening{opacity:1;border:2px solid var(--green);background:var(--green-soft);touch-action:manipulation}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.result-grid span{color:var(--muted);font-size:11px}.result-grid strong{color:var(--ink);margin-top:8px;font:24px Georgia;display:block}.metronome{text-align:center}.metronome .card-top .eyebrow{font-size:8px}.tempo{justify-content:center;align-items:baseline;gap:8px;margin:26px 0;display:flex}.tempo strong{letter-spacing:-3px;font:65px Georgia}.tempo span{color:var(--muted);font-size:11px}.beat-dots{justify-content:center;gap:13px;margin:22px 0;display:flex}.beat-dots i{background:var(--sand);border:1px solid var(--line);border-radius:50%;width:13px;height:13px}.beat-dots i.lit{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.metronome .row{justify-content:center}.library-banner{background:var(--green-soft);border-radius:7px;align-items:center;gap:20px;margin-bottom:25px;padding:20px 25px;display:flex}.library-banner p{margin-top:4px;font-size:11px}.library-banner strong{font-size:13px}.library-banner .badge{margin-left:auto;font-size:8px}.filter-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.tabs.compact{gap:18px;margin:0}.search{align-items:center;gap:7px;max-width:235px;display:flex}.search input{font-size:11px;background:0 0!important;border:0!important;padding:7px!important}.upload{white-space:nowrap;font-size:12px;position:relative;overflow:hidden}.upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.score-card{text-align:left;background:var(--paper);border-radius:8px;padding:0;display:block;overflow:hidden}.score-card:hover{background:var(--paper);transform:translateY(-3px)}.score-cover{color:#3d5546;border-bottom:1px solid var(--line);background:#e6e4d8;flex-direction:column;height:233px;padding:22px 25px;display:flex;position:relative;overflow:hidden}.cover-1{color:#365041;background:#e4e8de}.cover-2{color:#765e48;background:#e9e1d7}.cover-edition{letter-spacing:2px;border-bottom:1px solid #65746233;padding-bottom:8px;font-size:7px}.cover-composer{text-transform:uppercase;letter-spacing:3px;margin-top:18px;font:14px Georgia}.score-cover strong{max-width:230px;margin-top:8px;font:25px/1.2 Georgia}.cover-number{letter-spacing:1px;font-size:8px;position:absolute;bottom:14px;right:22px}.cover-staff{opacity:.3;height:43px;position:absolute;bottom:20px;left:20px;right:20px;transform:rotate(-7deg)}.cover-staff i{background:currentColor;height:1px;margin-bottom:8px;display:block}.cover-staff span{font-size:62px;position:absolute;top:-22px;left:10px}.cover-staff b{font-size:53px;font-weight:400;position:absolute;top:-20px;left:38%}.cover-staff b:last-child{top:-10px;left:70%}.score-info{justify-content:space-between;align-items:center;gap:10px;padding:20px 20px 8px;display:flex}.score-info .eyebrow{letter-spacing:1px;font-size:8px}.score-info h3{margin-top:9px;font:19px/1.35 Georgia,Songti SC,serif}.score-meta{color:var(--muted);justify-content:space-between;gap:9px;padding:9px 20px 17px;font-size:9px;display:flex}.reader-heading{align-items:center;gap:16px;margin-bottom:24px;display:flex}.reader-heading h2{margin-top:4px;font-size:26px}.reader-heading .badge{margin-left:auto}.reader-toolbar{background:var(--paper);border:1px solid var(--line);z-index:12;border-radius:7px;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:17px;padding:12px;display:flex;position:sticky;top:0}.reader-toolbar button{min-height:34px;padding:7px;font-size:11px}.reader-toolbar select{width:110px;min-height:34px;font-size:11px}.reader-toolbar .row{gap:7px}.reader-toolbar .row>span{text-align:center;min-width:30px;font-size:10px}.reader-toolbar .page-input{white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.page-input input{text-align:center;width:47px!important;min-height:32px!important;padding:4px!important}.reader-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px;display:grid}.pdf-viewport{background:#d8dace;border:1px solid #c9cdbf;border-radius:5px;flex-direction:column;align-content:start;gap:20px;min-height:650px;max-height:calc(100vh - 180px);padding:18px;display:flex;overflow:auto}.pdf-viewport.two-pages{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.pdf-page{background:#fff;flex-shrink:0;min-width:0;margin:0 auto;position:relative;box-shadow:0 4px 16px #1d31251a}.pdf-page canvas{width:100%;height:100%;display:block}.pdf-page>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pdf-page>svg.drawing{pointer-events:auto;touch-action:none;cursor:crosshair}.pdf-page polyline{fill:none;stroke:#b94f2c;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.page-number{color:#999;font-size:8px;position:absolute;bottom:5px;left:5px}.reader-notes{gap:15px}.reader-notes .card{padding:18px}.reader-notes h3{margin:10px 0}.reader-notes textarea{min-height:150px;font-size:12px;line-height:1.8}.bookmark-form{gap:6px;margin-top:15px;display:flex}.bookmark-form input{min-width:0;font-size:11px!important}.bookmark-form button{padding:8px}.marker{margin-top:8px;display:flex}.marker>button:first-child{background:var(--sand);border:0;flex:1;justify-content:space-between;padding:6px;font-size:11px}.marker>button:last-child{border:0;min-height:30px;padding:6px}.movement-list{flex-direction:column;gap:6px;margin-top:15px;display:flex}.movement-list button{justify-content:space-between;min-height:32px;padding:6px 8px;font-size:10px}.analysis-card p,.source-note p{font-size:11px}.analysis-card .eyebrow{font-size:8px}.source-note{padding:10px 5px}.source-note strong{font-size:10px}.source-note p{margin:6px 0;font-size:9px}.source-note a{font-size:10px}.reader:fullscreen{background:var(--bg);padding:18px;overflow:auto}.loading{color:#65765f;margin:40px auto}.selected{background:var(--green-soft)!important;border-color:var(--green)!important}.learning-layout{grid-template-columns:260px minmax(0,1fr);gap:24px;display:grid}.lesson-nav{height:max-content;padding:10px}.lesson-nav button{text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:16px 12px;font-size:12px;line-height:1.7;display:flex}.lesson-nav button.active{background:var(--green-soft);color:var(--green)}.lesson h2{margin:14px 0 22px;font-size:30px}.lesson-intro{color:var(--ink);font-size:15px;line-height:2.1}.practice-callout{background:var(--green-soft);border-left:3px solid var(--green);margin:25px 0;padding:20px 24px}.practice-callout p{margin-top:8px;font-size:13px}.quiz-options{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.quiz-options button{min-width:70px}.quiz-options .correct{background:var(--green-soft);border-color:var(--green)}.quiz-options .wrong{border-color:var(--red);color:var(--red)}.feedback-text{margin-top:16px;font-size:12px}.harmony-player{margin-top:24px}.harmony-player .card-top label{min-width:70px;margin:0}.harmony-player .card-top input{width:80px}.harmony-player .card-top h2{font-size:25px}.chord-buttons{gap:12px;margin:24px 0;display:flex}.progression{gap:12px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.progression>div{background:var(--bg);border:1px solid var(--line);border-radius:6px;flex:1;min-width:140px;padding:18px 22px}.progression>div.current{background:var(--green-soft);border-color:var(--green)}.progression span{color:var(--gold);font-size:11px;display:block}.progression strong{margin:7px 0;font:29px Georgia;display:block}.progression small{color:var(--muted);font-size:9px}.era-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:25px;display:grid}.era-timeline button{flex-direction:column;gap:8px;padding:20px 10px}.era-timeline button.active{background:var(--green-soft);border-color:var(--green)}.era-timeline small{color:var(--muted);font-size:9px}.era-timeline strong{font:18px Georgia,Songti SC,serif}.academy-essay{max-width:950px;padding:40px}.academy-essay h2{margin:17px 0 25px;font-size:42px}.composer-line{margin:25px 0;font:19px Georgia}.theory-layout{grid-template-columns:1fr 1.25fr;gap:24px;display:grid}.fifths-circle{aspect-ratio:1;background:radial-gradient(circle,transparent 40%,var(--line) 40.4%,transparent 40.8%,transparent 56%,var(--line) 56.4%,transparent 56.8%);border-radius:50%;max-width:380px;margin:25px auto;position:relative}.fifths-circle>button{border-radius:50%;width:42px;height:42px;padding:0;font:17px Georgia;position:absolute;transform:translate(-50%,-50%)}.circle-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:30%}.circle-center span{letter-spacing:2px;color:var(--muted);font-size:8px}.circle-center strong{font:54px Georgia}.circle-center small{color:var(--muted);font-size:10px}.theory-layout>.card>p{margin:20px 0;font-size:13px}.studio-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.studio-grid,.studio-grid+.daily-plan{margin-bottom:24px}.timer-card{text-align:center;padding:32px}.timer-card h2{margin:20px 0;font-size:31px;display:block}.timer-card select{width:210px}.timer-digits{letter-spacing:2px;margin:30px 0;font:80px Georgia}.timer-digits span{opacity:.4}.success-text{color:var(--green);margin-top:15px;font-size:12px}.progress-layout{grid-template-columns:1.7fr 1fr;gap:24px;display:grid}.bar-chart{align-items:flex-end;gap:20px;height:220px;padding-top:15px;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-column>span{color:var(--muted);margin-bottom:6px;font-size:10px}.bar-track{background:var(--bg);border-radius:3px;flex-direction:column;justify-content:flex-end;width:70%;height:100%;display:flex;overflow:hidden}.bar-track i{background:var(--green);border-radius:3px;width:100%;min-height:0;display:block}.bar-column small{color:var(--muted);margin-top:9px;font-size:10px}.empty-caption{margin-top:18px;font-size:11px}.error-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;font-size:12px;display:flex}.error-row strong{font:24px Georgia}.progress-layout h2{margin-top:8px}.goal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.goal>span{color:var(--gold);font:35px Georgia}.goal>span small{letter-spacing:1px;margin-left:8px;font:8px Arial}.goal h3{margin:12px 0 9px}.goal p{font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:20px;font-size:11px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:13px 12px}th{font-weight:500}td small,th{color:var(--muted)}td small{margin-top:3px;font-size:9px;display:block}.settings-grid{grid-template-columns:1fr 1.4fr;gap:24px;display:grid}.settings-grid .card>p{margin:17px 0;font-size:12px}.settings-grid .row{flex-wrap:wrap}.danger-button{color:var(--red);border-color:var(--red);font-size:11px}.boot{color:#285b4e;background:#f5f3ee;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font:42px Georgia;display:flex}.boot span{color:#7b837b;margin-top:20px;font:12px Arial}@media (min-width:1500px){.main-content{padding:40px 55px 0}.hero-copy{padding:42px 45px}.hero-copy h1{font-size:50px}.welcome-hero{min-height:370px}.piano-object{width:300px;height:290px;top:68px;right:12%}.hero-art{width:42%}.hero-copy p:not(.eyebrow){font-size:14px}.plan-row{padding:24px 0}.hero-footnote{margin-top:28px}}@media (max-width:1180px){.sidebar{width:205px;padding:27px 14px 18px}.brand strong{font-size:22px}.brand{gap:9px}.brand small{font-size:6px}.main-shell{width:calc(100% - 205px);margin-left:205px}.main-content{padding:28px 26px 0}.topbar{padding:0 26px}.hero-copy{padding:30px 26px}.hero-copy h1{font-size:35px}.hero-art{width:33%;min-width:180px}.piano-object{width:255px;right:-50px}.hero-copy .row{gap:12px}.hero-copy .text-button{font-size:10px}.dashboard-main{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:18px}.card{padding:20px}.stat-card{padding:16px}.stat-card small{margin:5px 0 0;display:block}.score-grid{gap:16px}.score-cover{height:220px;padding:18px}.score-cover strong{font-size:23px}.lab-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.reader-layout{grid-template-columns:minmax(0,1fr) 230px}.learning-layout{grid-template-columns:220px minmax(0,1fr)}.page-heading h1{font-size:33px}.feature-number{display:none}.featured-score{padding:17px}.settings-grid,.theory-layout{grid-template-columns:1fr 1fr}}@media (max-width:950px){.sidebar{width:76px;padding:27px 11px 16px}.brand{justify-content:center;padding:0}.brand>div:last-child,.nav-label,.sidebar nav button.active i,.sidebar nav button>span,.sidebar-bottom,.sidebar-divider{display:none}.sidebar nav{margin-top:35px}.sidebar nav button{justify-content:center;padding:12px}.main-shell{width:calc(100% - 76px);margin-left:76px}.hero-copy h1{font-size:36px}.hero-art{width:31%}.stats-grid{gap:12px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-banner .badge{display:none}.filter-bar{flex-direction:column;align-items:flex-start;gap:12px}.filter-bar .search{border:1px solid var(--line);border-radius:5px;width:100%;max-width:100%;padding:0 12px}.reader-layout{display:block}.reader-notes{grid-template-columns:1fr 1fr;margin-top:20px;display:grid}.pdf-viewport{max-height:78vh}.learning-layout{grid-template-columns:200px minmax(0,1fr)}.era-timeline{gap:7px}.era-timeline strong{font-size:16px}.page-heading .badge{display:none}.bar-chart,.plan-row{gap:12px}.plan-row p{font-size:9px}.featured-score h3,.plan-number{font-size:16px}.featured-score .eyebrow{font-size:7px}}@media (max-width:760px){.main-content{padding:23px 19px 0}.topbar{height:63px;padding:0 19px}.today{display:none}.hero-copy{padding:26px}.hero-art{display:none}.hero-copy h1{font-size:39px}.welcome-hero{min-height:0}.hero-copy p:not(.eyebrow){max-width:100%}.dashboard-main{grid-template-columns:1fr}.dashboard-main>.stack{grid-template-columns:1.2fr 1fr;display:grid}.focus-card p:not(.eyebrow){max-width:100%}.practice-note{padding:20px 10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.stat-card strong{font-size:28px}.stat-card small{margin-left:7px;font-size:8px;display:inline}.featured-scores{grid-template-columns:1fr}.feature-number{display:block}.featured-score .eyebrow{font-size:9px}.featured-score h3{font-size:18px}.repertoire-strip h2{font-size:22px}.repertoire-strip{gap:15px}.repertoire-strip .text-button{font-size:10px}.lab-layout{grid-template-columns:1fr}.lab-layout>aside{grid-template-columns:1fr 1fr;gap:15px;display:grid}.lab-layout .small-stats{grid-column:1/-1}.learning-layout{grid-template-columns:1fr}.lesson-nav{display:flex;overflow:auto}.lesson-nav button{flex:0 0 170px;font-size:11px}.harmony-player .card-top{flex-wrap:wrap}.progress-layout,.theory-layout{grid-template-columns:1fr}.goal-grid{gap:12px}.goal.card{padding:16px}.settings-grid{grid-template-columns:1fr}.studio-grid{grid-template-columns:1fr 1fr;gap:16px}.timer-card{padding:20px}.timer-digits{font-size:59px}.timer-card h2{font-size:24px}.timer-card .row{flex-wrap:wrap}.timer-card select{width:100%}.studio-grid .metronome .eyebrow{display:none}.reader-heading h2{font-size:22px}.reader-heading .badge{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:31px}.page-heading p:last-child{font-size:11px}.page-heading .primary{padding:10px 12px}.era-timeline{display:flex;overflow:auto}.era-timeline button{flex-shrink:0;min-width:130px}.academy-essay{padding:26px}.academy-essay h2{font-size:34px}.lesson-intro{font-size:14px}.reader-toolbar{position:static}footer{flex-wrap:wrap;gap:7px 15px}footer small{width:100%;margin:0}.library-banner{gap:14px;padding:18px}.library-banner p{font-size:10px}.score-cover{height:210px}.score-info{padding:17px 16px 8px}.score-meta{padding:8px 16px 16px;font-size:8px}.score-info h3{font-size:18px}}@media (max-width:550px){.sidebar{width:235px;padding:27px 20px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open .brand{justify-content:flex-start}.sidebar.open .brand>div:last-child,.sidebar.open .nav-label,.sidebar.open .sidebar-bottom,.sidebar.open .sidebar-divider{display:block}.sidebar.open nav{margin-top:0}.sidebar.open nav button{justify-content:flex-start}.sidebar.open nav button>span{display:block}.sidebar-scrim{z-index:25;background:#12261e66;border:0;border-radius:0;position:fixed;inset:0}.main-shell{width:100%;margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 11px}.breadcrumb{gap:7px}.breadcrumb>span,.breadcrumb>svg{display:none}.topbar-actions{gap:6px}.main-content{padding:20px 15px 0}.hero-copy{padding:25px 23px}.hero-copy h1{font-size:37px}.hero-copy .row{flex-wrap:wrap;gap:9px 18px}.hero-copy .text-button{font-size:11px}.hero-footnote{font-size:7px}.stat-card{padding:17px}.stat-card>span{font-size:10px}.stat-card small{margin:4px 0 0;display:block}.dashboard-main>.stack{display:flex}.focus-card h2 br{display:none}.practice-note{padding:0 4px}.plan-row p{font-size:10px}.plan-row .icon-button{width:25px}.repertoire-strip .eyebrow{font-size:8px}.repertoire-strip h2{font-size:20px}.repertoire-strip>.text-button{max-width:110px;font-size:10px}.page-heading{margin-bottom:22px;display:block}.page-heading h1{font-size:32px}.page-heading>.upload{margin-top:18px}.card{padding:19px}.exercise{padding:18px 15px}.exercise-prompt h2{font-size:25px}.exercise-prompt p{font-size:11px}.feedback{font-size:10px}.keyboard{height:130px}.keyboard-help{font-size:8px}.lab-layout>aside{display:flex}.score-grid{gap:13px}.score-cover{height:192px;padding:15px 13px}.cover-composer{letter-spacing:1px;font-size:12px}.cover-edition{letter-spacing:1px;font-size:5px}.score-cover strong{font-size:21px}.score-info{padding:14px 12px 8px}.score-info h3{font-size:17px;line-height:1.4}.score-info .eyebrow{font-size:6px}.score-info>svg{display:none}.score-meta{flex-direction:column;gap:4px;padding:8px 12px 13px;font-size:8px}.tabs.compact{gap:14px;width:100%;overflow:auto}.tabs.compact button{white-space:nowrap;font-size:11px}.reader-notes{grid-template-columns:1fr}.pdf-viewport{min-height:450px;max-height:70vh;padding:8px}.pdf-viewport.two-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.reader-toolbar{gap:7px;padding:9px}.reader-toolbar .row{gap:4px}.reader-heading{gap:10px}.reader-heading h2{font-size:21px}.reader-heading .eyebrow{font-size:8px}.reader-heading>.icon-button{flex-shrink:0;width:30px}.reader-toolbar>select{width:100px}.reader-toolbar button{min-height:34px}.lesson h2{font-size:27px}.lesson-intro{font-size:13px}.practice-callout{padding:17px}.practice-callout p{font-size:12px}.harmony-player .row{flex-wrap:wrap}.harmony-player .card-top h2{font-size:25px}.progression>div{min-width:130px;padding:15px}.harmony-player>.row .fine{margin-top:0}.goal-grid{grid-template-columns:1fr}.goal{position:relative;padding-left:90px!important}.goal>span{position:absolute;top:18px;left:18px}.goal>span small{letter-spacing:1px;margin:0;font-size:8px;display:block}.goal h3{margin-top:0}.studio-grid{grid-template-columns:1fr}.timer-card h2{font-size:29px}.timer-digits{font-size:78px}.timer-card select{width:210px}.result-grid strong{font-size:22px}.result-grid span{font-size:10px}.rhythm-main>.row{flex-wrap:wrap}.source-note{overflow-wrap:anywhere}.library-banner>svg{flex-shrink:0}.library-banner strong{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.save-state{color:var(--muted);font-size:9px}@media (max-width:760px){.save-state{font-size:8px}.topbar-actions{gap:8px}}@media (max-width:380px){.save-state{max-width:55px;line-height:1.3}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}