:root{--ui-main:#f6f6f6;--ui-yellow:#e6a52c;--ui-carbon:#1c1e0d;--ui-white:#fff;--ui-blue:#2a52be;--ui-number:#c2410c;--ui-orb:#d8d3c7;--ui-line:rgba(28,30,13,.1);--ui-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--page-pad:max(20px, calc((100vw - 1320px)/2) );--warm:#e6a52c;--warm-ink:#1a1306;--warm-stroke:#f4d089;--cool:#4a9fe0;--cool-stroke:#bfe1fb;--bass-highlight:#2A52BE;--finger:#d94a4a;--paper:#f4f1e8;--paper-ink:#23211c;--paper-staff:#5a554a;--paper-bar:#3a362d;--band:rgba(118,196,113,.32);--band-edge:rgba(90,180,90,.7);--key-dark:#0e1014;--key-dark-bord:#000;--key-dark-ink:#c7ccd4;--key-white-ink:#262a31}body{--bg:#14161a;--bg2:#1b1e24;--bg3:#262b34;--bord:#2c313b;--fg:#e7e9ed;--fg2:#9aa1ac;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239aa1ac' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--key-white:#dfe1e7;--key-unused-ink:#c7ccd4}body[data-theme=light]{--bg:#e9e6dd;--bg2:#f4f1ea;--bg3:#ffffff;--bord:#d8d3c7;--fg:#21242b;--fg2:#6c7178;--key-white:#ffffff;--key-unused-ink:#262a31;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236c7178' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}*{box-sizing:border-box}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 9px center;padding-right:26px}body,body[data-theme=light]{--bg:var(--ui-main);--bg2:#fff;--bg3:#fff;--bord:var(--ui-orb);--fg:var(--ui-carbon);--fg2:rgba(28,30,13,.6)}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.4 var(--ui-font);display:flex;flex-direction:column;overflow:hidden}.ui-button{display:inline-flex;align-items:center;justify-content:center;min-width:137px;min-height:34px;padding:8px 16px;border:0;border-radius:6px;background:var(--ui-yellow);color:var(--ui-main);font:400 15px/1.2 var(--ui-font);letter-spacing:-.05em;text-decoration:none;white-space:nowrap;cursor:pointer}.ui-button:hover:not(:disabled){background:var(--ui-carbon);color:var(--ui-main)}.ui-button--secondary{background:transparent;color:var(--ui-carbon);border:1px solid var(--ui-carbon)}.ui-button--danger{background:#c2410c;color:#fff}.ui-button--danger:hover:not(:disabled){background:var(--ui-carbon);color:#fff}.ui-button--wide-outline{min-height:auto;padding:10px;border:1px solid var(--ui-carbon);background:transparent;color:var(--ui-carbon);font-size:20px;letter-spacing:-.06em}.ui-button--size-compact{min-width:0;min-height:28px;padding:5px 11px;font-size:12px}.ui-button--block{width:100%}.ui-button:disabled{opacity:.55;cursor:default}@media (max-width:600px){.ui-button--wide-outline{font-size:17px}}.ui-logo{display:inline-flex;align-items:center;gap:5px;color:var(--ui-carbon);font:400 24px/1.2 var(--ui-font);letter-spacing:-.05em}.ui-logo img{width:33px;height:33px;flex:none}.ui-logo--inverse{color:var(--ui-main)}.ui-label{font:400 18px/1.2 var(--ui-font);letter-spacing:-.06em}.ui-label--accent{color:var(--ui-yellow)}.ui-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0}.ui-section-intro__copy{padding-left:0}.ui-section-intro h2{max-width:658px;margin:0;font:600 60px/1.2 var(--ui-font);letter-spacing:-.05em}.ui-section-intro p{max-width:424px;margin:30px 0 0;font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em}.ui-lesson-card{position:relative;display:flex;flex-direction:column;width:100%;height:321px;padding:25px 15px;color:var(--ui-carbon);background:#fff;border:1px solid transparent;border-radius:6px}.ui-lesson-card:hover{border-color:var(--card-accent)}.ui-lesson-card__link{position:absolute;inset:0;z-index:1;border-radius:inherit}.ui-lesson-card>div{position:relative;z-index:2;pointer-events:none}.ui-lesson-card__top{display:flex;align-items:center;justify-content:space-between;width:100%;font:500 13px/1.2 var(--ui-font);letter-spacing:-.05em}.ui-lesson-card__top>span:first-child{display:flex;align-items:center;gap:3px}.ui-lesson-card__top i{width:6px;height:6px;flex:0 0 6px;border-radius:3px;background:var(--card-accent)}.ui-rating{color:var(--ui-yellow);font:400 12px/12px var(--ui-font);letter-spacing:-.05em}.ui-lesson-card__main{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-top:70px}.ui-lesson-card__title{display:flex;flex-direction:column;gap:5px;width:160px;min-width:0}.ui-lesson-card__title strong{min-height:44px;font:500 18px/1.2 var(--ui-font);letter-spacing:-.05em}.ui-lesson-card__title small{font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em}.ui-lesson-card__play{position:relative;z-index:3;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:9px;overflow:hidden;border:0;border-radius:50%;background:#1c1e0d1a;cursor:pointer;pointer-events:auto}.ui-lesson-card__play:disabled{cursor:default}.ui-lesson-card__play img{display:block;width:16px;height:16px}.ui-lesson-card__play-hover{display:none!important}.ui-lesson-card__play:hover .ui-lesson-card__play-default{display:none}.ui-lesson-card__play:hover .ui-lesson-card__play-hover{display:block!important}.ui-lesson-card__spinner{width:14px;height:14px;border:2px solid rgba(28,30,13,.25);border-top-color:var(--ui-yellow);border-radius:50%;animation:spin .8s linear infinite}.ui-lesson-card__bottom{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:auto}.ui-lesson-card__style{font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em}.ui-lesson-card__details{display:flex;align-items:center;justify-content:space-between;width:100%;color:#1c1e0d99;font:400 10px/1.2 var(--ui-font);letter-spacing:-.05em;white-space:nowrap}.ui-lesson-card__details span{display:flex;align-items:center;gap:5px}.ui-lesson-card__details b{color:var(--ui-yellow);font:inherit}.ui-lesson-card__details .ui-lesson-card__bellows{color:var(--ui-blue)}.site-footer{padding:0 var(--page-pad);border-top:1px solid var(--ui-line);background:var(--ui-main);color:var(--ui-carbon)}.site-footer__inner{min-height:391px;border-right:1px solid var(--ui-line);border-left:1px solid var(--ui-line)}.site-footer__top{display:grid;grid-template-columns:1fr 1fr;height:217px;border-bottom:1px solid var(--ui-line)}.site-footer__brand{padding:15px;text-decoration:none}.site-footer__nav{display:flex;flex-direction:column}.site-footer__nav a{display:flex;align-items:center;height:54px;padding:15px;border-left:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);color:inherit;font:500 16px/23.8px var(--ui-font);letter-spacing:-.05em;text-decoration:none}.site-footer__nav a:last-child{border-bottom:0}.site-footer__nav a:first-child,.site-footer__nav a:hover{color:var(--ui-yellow)}.site-footer__tagline{margin:60px 10px 30px calc(50% + 1px);font:500 33px/1.2 var(--ui-font);letter-spacing:-.05em;white-space:nowrap}.site-footer__legal{display:flex;align-items:center;justify-content:space-between;min-height:42px;border-top:1px solid var(--ui-line);padding:0 15px;color:#1c1e0d99;font:400 10px/1.2 var(--ui-font);letter-spacing:-.05em}.site-footer__legal-links{display:flex;align-items:center;gap:38px;align-self:stretch;width:50%;border-right:1px solid var(--ui-line)}.site-footer__legal a{color:inherit;text-decoration:none}.site-footer__legal a:hover{color:var(--ui-yellow)}.site-footer__legal>span{width:103px}@media (max-width:900px){.site-footer__top{grid-template-columns:1fr;height:auto}.site-footer__brand{height:64px}.site-footer__nav a{border-left:0}.site-footer__tagline{margin:40px 15px 30px;white-space:normal}.site-footer__legal{align-items:flex-start;gap:20px;padding:15px;flex-direction:column}.site-footer__legal-links{flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding-bottom:15px;border-right:0;border-bottom:1px solid var(--ui-line)}}#app,.app-shell{flex:1;min-height:0;display:flex;flex-direction:column}.app-shell--home{display:block;overflow-x:hidden;overflow-y:auto}.app-shell--inner #menubar{height:64px;padding-top:10px}.app-shell--inner .desktop-header-actions{top:27px}.app-shell--workspace .desktop-header-actions{right:20px}.app-shell--inner:not(.app-shell--workspace){overflow-x:hidden;overflow-y:auto}.app-shell--inner:not(.app-shell--workspace)>main{flex:none;min-height:calc(100% - 64px);overflow:visible}input[type=range]{cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#80848c52;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#80848c80}::-webkit-scrollbar-track{background:transparent}.account-screen,.my-lessons-screen,.service-page{background:var(--ui-main);color:var(--ui-carbon);font-family:var(--ui-font)}.account-shell,.my-lessons-shell{background:var(--ui-main)}.create-card,.service-page__body{border-color:var(--ui-line);border-radius:0;background:#fff;box-shadow:none}.account-greeting h1,.account-section__head h2,.my-lessons-title h1,.service-page h1{font-family:var(--ui-font);font-weight:600;letter-spacing:-.05em}.account-section,.account-top-grid{border-color:var(--ui-line)}.create-card__link{border-radius:6px;box-shadow:none;font-family:var(--ui-font)}.verify-email__btn{background:var(--ui-yellow);color:var(--ui-main)}#menubar{position:relative;z-index:30;display:flex;align-items:flex-start;justify-content:center;height:84px;padding:30px var(--page-pad) 0;background:var(--ui-main);border:0;flex:none}.site-menu{display:flex;align-items:center;justify-content:space-between;width:454px;height:54px;margin:0;padding:10px 30px;border-radius:6px;background:var(--ui-carbon)}.site-menu__brand{text-decoration:none}.site-menu__actions{display:flex;align-items:center;gap:15px}.site-menu .ui-button:hover{background:var(--ui-main);color:var(--ui-carbon)}.site-user{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.site-user img{display:block;width:24px;height:24px}.desktop-header-actions{position:absolute;right:var(--page-pad);top:47px}#menubar .hdr-lang{position:relative;display:block;width:46px;min-height:20px;height:auto;padding:0;border:0;background:transparent}#menubar .lang-current{display:flex;align-items:center;gap:5px;width:46px;height:20px;padding:0;border:0;background:transparent;color:var(--ui-carbon);font:600 15px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer}#menubar .lang-current img{display:block;width:20px;height:20px;flex:none}#menubar .lang-options{position:absolute;top:43px;left:0;z-index:2;display:flex;flex-direction:column;gap:10px;width:46px}#menubar .lang-options button{width:46px;height:20px;padding:0;border:0;background:transparent;color:var(--ui-carbon);font:600 15px/1.2 var(--ui-font);letter-spacing:-.05em;text-align:left;cursor:pointer}#menubar .hdr-lang.open .lang-current img{transform:rotate(180deg)}.desktop-header-actions{display:flex;align-items:center;gap:10px}.hdr-lang{display:flex;align-items:center;gap:6px;height:34px;padding:0 6px 0 10px;border-radius:9px;border:1px solid var(--bord);background:var(--bg3)}.hdr-lang svg{flex:none}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:36px;height:36px;border:1px solid var(--bord);border-radius:9px;background:var(--bg3);color:var(--fg);cursor:pointer}.mobile-menu-toggle span{width:16px;height:2px;border-radius:2px;background:currentColor;transition:transform .16s ease,opacity .16s ease}.mobile-menu-toggle.open{border-color:var(--warm);color:var(--warm)}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu-backdrop{position:fixed;inset:48px 0 0;z-index:24;background:#0000002e}.mobile-menu-sheet{position:fixed;top:48px;left:0;right:0;z-index:25;display:none;flex-direction:column;padding:14px 16px 20px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--bg2);border-bottom:1px solid var(--bord);box-shadow:0 20px 44px #00000073;animation:mobileMenuSheet .18s ease}.mobile-menu-nav,.mobile-menu-actions,.mobile-menu-account-actions{display:flex;flex-direction:column;gap:3px}.mobile-menu-item,.mobile-menu-login,.mobile-menu-account-actions button{display:flex;align-items:center;gap:13px;width:100%;min-height:45px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--fg);cursor:pointer;font:500 15px var(--ui-font);text-align:left;text-decoration:none;box-sizing:border-box}.mobile-menu-nav{gap:3px;margin-bottom:16px}.mobile-menu-item svg,.mobile-menu-account-actions svg{flex:none}.mobile-menu-item.active{background:#e6a52c1a;color:var(--warm);font-weight:600}.mobile-menu-item.active svg{color:var(--warm)}.mobile-menu-section-label{display:block;padding:0 4px 8px;color:var(--fg2);font:600 10.5px IBM Plex Mono,ui-monospace,monospace;letter-spacing:.8px;text-transform:uppercase}.mobile-menu-identity-card{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:16px;border:1px solid var(--bord);border-radius:14px;background:var(--bg3)}.mobile-menu-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:50%;overflow:hidden;font:700 15px var(--ui-font)}.mobile-menu-avatar img{width:100%;height:100%;object-fit:cover}.mobile-menu-identity-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-menu-identity-copy strong,.mobile-menu-identity-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-identity-copy strong{font-size:14.5px;font-weight:600}.mobile-menu-identity-copy small{color:var(--fg2);font-size:12px}.mobile-menu-divider{display:block;height:1px;margin:0 4px 14px;background:var(--bord)}.mobile-menu-account-actions button:hover,.mobile-menu-item:hover{background:var(--bg3)}.mobile-menu-account-actions button.danger{background:#c2410c;color:#fff}.mobile-menu-account-actions button.danger:hover{background:#c2410c;color:#fff;filter:brightness(.94)}.mobile-menu-theme-icon{display:flex;align-items:center;justify-content:center;width:19px;flex:none;font-size:16px;line-height:1}.mobile-menu-login{justify-content:center;margin-top:3px;background:var(--warm);color:var(--warm-ink);box-shadow:0 2px 12px #e6a52c4d}@keyframes mobileMenuSheet{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#transport{position:relative;height:61.296875px;flex:none;background:transparent;border:0;overflow:visible;z-index:10;pointer-events:none}.keyboard-view-controls{position:absolute;top:30px;z-index:1;display:flex;width:87px;height:36px;pointer-events:auto}.keyboard-view-controls--right{left:20px}.keyboard-view-controls--left{right:20px;justify-content:flex-end}.account-auth-loading{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg);color:var(--fg2);font:500 13px var(--ui-font)}.account-auth-loading .spinner{width:20px;height:20px;border:2px solid var(--bord);border-top-color:var(--warm);border-radius:50%;animation:spin .8s linear infinite}.service-page{--service-accent:var(--warm);--service-accent-glow:rgba(230,165,44,.25);flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;text-align:center;padding:24px 24px 64px;background:var(--bg)}.service-page--cool{--service-accent:var(--cool);--service-accent-glow:rgba(74,159,224,.22)}.service-page--danger{--service-accent:#c2410c;--service-accent-glow:rgba(194,65,12,.22)}.service-page__body{width:min(560px,100%);display:flex;flex-direction:column;align-items:center}.service-page__motif{display:flex;gap:9px;margin-bottom:30px}.service-page__motif span{width:26px;height:26px;border-radius:50%;background:var(--bg3);border:1px solid var(--bord)}.service-page__motif span:nth-child(2n){background:var(--key-dark);border-color:var(--key-dark-bord)}.service-page__code{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--fg);font:700 148px/.9 IBM Plex Mono,ui-monospace,monospace}.service-page__badge{display:inline-flex;align-items:center;justify-content:center;width:128px;height:128px;border-radius:50%;background:color-mix(in srgb,var(--service-accent) 12%,transparent);border:3px solid var(--service-accent);color:var(--service-accent);box-shadow:0 0 40px var(--service-accent-glow);flex:none}.service-page__note{font:400 62px/1 Georgia,Times New Roman,serif}.service-page h1{margin:34px 0 0;color:var(--fg);font-size:27px;line-height:1.2;font-weight:700}.service-page p{margin:13px 0 0;max-width:440px;color:var(--fg2);font-size:15px;line-height:1.6}.service-page__actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}.service-page__action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:12px;cursor:pointer;white-space:nowrap;font:600 14.5px var(--ui-font)}.service-page__action--primary{border:0;padding:0 22px;background:var(--warm);color:var(--warm-ink);box-shadow:0 2px 12px #e6a52c59}.service-page__action--secondary{border:1px solid var(--bord);padding:0 20px;background:var(--bg2);color:var(--fg);font-weight:500}.service-page__action:hover{filter:brightness(1.04)}.service-page__action:active{transform:translateY(1px)}.service-page__action svg{flex:none}.service-page__footer{margin-top:34px;color:var(--fg2);opacity:.7;font:500 11.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:1px}#main{flex:1;display:flex;min-height:0;background:var(--bg)}.kb-panel{flex:none;display:flex;flex-direction:column;min-height:0;padding-bottom:91px}#left-panel{width:330px;border-left:0}#right-panel{width:330px;border-right:0}.resizer{flex:none;width:7px;cursor:col-resize;background:transparent;z-index:2;margin:0 -3px}.resizer:hover{background:var(--warm);opacity:.55}.player-resizer{position:relative;top:-31.296875px;align-self:flex-start;height:calc(100% - 59.703125px)}.kb-body{flex:1;min-height:0;overflow:hidden;display:flex}.kb-host{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24.703125px 16px 0}.kb-host svg{width:100%;height:100%;display:block}#sheet-panel{flex:1;min-width:0;display:flex;position:relative}#score-scroll{flex:1;overflow:auto;padding:18px}.sheet-panel--player #score-scroll,.sheet-panel--editor #score-scroll{position:absolute;right:0;bottom:91px;left:0;flex:none;padding:0;overflow:auto;background:#fff}.sheet-panel--player #score-scroll{top:-31.296875px}.sheet-panel--editor #score-scroll{top:30px}.sheet-panel--player #score-scroll::-webkit-scrollbar,.sheet-panel--editor #score-scroll::-webkit-scrollbar{width:5px;height:5px}.sheet-panel--player #score-scroll::-webkit-scrollbar-track,.sheet-panel--editor #score-scroll::-webkit-scrollbar-track{background:#fff}.sheet-panel--player #score-scroll::-webkit-scrollbar-button,.sheet-panel--player #score-scroll::-webkit-scrollbar-button:single-button,.sheet-panel--player #score-scroll::-webkit-scrollbar-button:vertical:start:decrement,.sheet-panel--player #score-scroll::-webkit-scrollbar-button:vertical:end:increment,.sheet-panel--player #score-scroll::-webkit-scrollbar-button:horizontal:start:decrement,.sheet-panel--player #score-scroll::-webkit-scrollbar-button:horizontal:end:increment,.sheet-panel--editor #score-scroll::-webkit-scrollbar-button,.sheet-panel--editor #score-scroll::-webkit-scrollbar-button:single-button{display:none;width:0;height:0;min-width:0;min-height:0;border:0;background:transparent;-webkit-appearance:none}@supports (-moz-appearance:none){.sheet-panel--player #score-scroll,.sheet-panel--editor #score-scroll{scrollbar-width:thin;scrollbar-color:rgba(128,132,140,.32) #fff}}.sheet-panel--player .paper,.sheet-panel--editor .paper{display:flex;flex-direction:column;width:100%;height:auto;min-height:100%;padding:30px 36px 10px;border-radius:0;background:var(--ui-white);box-shadow:none;overflow:visible}.sheet-head--player{position:relative;display:flex;align-items:center;justify-content:space-between;height:31px;margin:0 0 30px}.sheet-head--player .sheet-title{position:absolute;left:50%;transform:translate(-50%);color:var(--paper-ink);font:italic 600 21px Georgia,Times New Roman,serif;letter-spacing:normal;white-space:nowrap}.sheet-author{color:var(--paper-ink);font:italic 400 14px/1.2 Georgia,Times New Roman,serif;letter-spacing:normal;white-space:nowrap}.sheet-edit{display:grid;place-items:center;width:30px;height:31px;margin-left:auto;padding:7px;border-radius:50%;background:#1c1e0d1a}.sheet-edit img{display:block;width:16px;height:16px}.sheet-panel--player .sheet-score,.sheet-panel--editor .sheet-score{flex:1;min-height:0;position:relative}.sheet-panel--player #osmd,.sheet-panel--editor #osmd{width:100%;min-height:0;overflow:visible}.sheet-panel--player.sheet-panel--score-fits .sheet-score,.sheet-panel--editor.sheet-panel--score-fits .sheet-score{display:flex;flex-direction:column;justify-content:center}.sheet-loading{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--fg2);font:500 12px var(--ui-font);background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(1px)}.sheet-panel--player .sheet-loading{inset:-31.296875px 0 91px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(1px)}.sheet-panel--editor .sheet-loading{inset:30px 0 91px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(1px)}.sheet-loading .spinner{width:20px;height:20px;border:2px solid var(--bord);border-top-color:var(--warm);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.paper{background:var(--paper);border-radius:6px;box-shadow:0 6px 24px #00000047;padding:24px 30px 32px;min-height:100%}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.sheet-title{font:italic 600 21px Georgia,Times New Roman,serif;color:var(--paper-ink)}.sheet-meta{font:400 11px IBM Plex Mono,monospace;color:#6f6a5e}#osmd{background:transparent;position:relative;cursor:pointer}#osmd img{image-rendering:auto}#osmd.dim-chord-notes .is-chord{opacity:.14;transition:opacity .2s ease}.chord-layer{position:absolute;inset:0;pointer-events:none}.chord-lbl{position:absolute;transform:translateY(-100%);white-space:nowrap;font:700 21px/1 Georgia,Times New Roman,serif;color:#b3401a;background:var(--paper);padding:1px 3px;border-radius:3px}.sheet-panel--player .chord-lbl{background:#fff}.bellows-layer{position:absolute;inset:0;pointer-events:none}.bellows-sign{position:absolute;transform:translate(-50%,-100%);line-height:1;font:700 17px/1 Georgia,Times New Roman,serif;color:#2e6f8e;background:var(--paper);padding:0 2px;border-radius:3px}.sheet-panel--player .bellows-sign{background:#fff}.fingering-layer{position:absolute;inset:0;pointer-events:none}.finger-lbl{position:absolute;transform:translate(-50%);font:700 14px/1 IBM Plex Mono,ui-monospace,monospace;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1.5px 0 0 #000,1.5px 0 0 #000,0 -1.5px 0 #000,0 1.5px 0 #000}.finger-lbl.on-head{transform:translate(-50%,-50%)}.active-note-ring{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);border:2.5px solid var(--warm);border-radius:50%;pointer-events:none;box-shadow:0 0 6px #e6a52c8c}.active-note-tools{position:absolute;z-index:4;transform:translateY(calc(-100% - 36px))}.active-note-tools:after{content:"";position:absolute;left:var(--active-note-pointer);bottom:-7px;width:0;height:0;transform:translate(-50%);pointer-events:none;border-top:7px solid #1c1e0d;border-right:6px solid transparent;border-left:6px solid transparent}.btn-circle{fill:var(--bg3);stroke:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2));transition:fill .4s ease,stroke .4s ease,stroke-width .4s ease,filter .4s ease}.on .btn-circle{transition:none}.btn-bevel{pointer-events:none;opacity:0}.kb-right .btn-circle,.kb-left .btn-circle{fill:var(--key-white)}.kb-right .btn-label,.kb-left .btn-label{fill:var(--key-white-ink)}.kb-right .black .btn-circle,.kb-left .black .btn-circle{fill:var(--key-dark);stroke:none;opacity:.9}.kb-right .black .btn-label,.kb-left .black .btn-label{fill:var(--key-dark-ink)}.kb-right .dup .btn-circle{opacity:1}.kb-right .unused .btn-circle,.kb-left .unused .btn-circle{opacity:.2}.kb-right .unused .btn-label,.kb-left .unused .btn-label{fill:var(--key-unused-ink);opacity:.7}.kb-right .unused .btn-bevel,.kb-left .unused .btn-bevel{opacity:.1}.btn-label{fill:var(--fg2);font:700 8px var(--ui-font);text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .4s ease}.on .btn-label{transition:none}.row-label{fill:var(--fg2);font:600 9px var(--ui-font);text-anchor:end;dominant-baseline:central}.row-label.top{text-anchor:middle;dominant-baseline:auto}@keyframes pulseR{0%,to{filter:drop-shadow(0 0 2px rgba(230,165,44,.55))}50%{filter:drop-shadow(0 0 7px rgba(230,165,44,.95))}}@keyframes pulseL{0%,to{filter:drop-shadow(0 0 2px rgba(42,82,190,.55))}50%{filter:drop-shadow(0 0 7px rgba(42,82,190,.95))}}.kb-right .on .btn-circle{fill:var(--warm);stroke:var(--warm-stroke);stroke-width:1.5;opacity:1;animation:pulseR 2s infinite}.kb-left .on .btn-circle{fill:var(--bass-highlight);stroke:var(--cool-stroke);stroke-width:1.5;animation:pulseL 2s infinite}.kb-right .on .btn-label{fill:var(--warm-ink);font-weight:700}.kb-left .on .btn-label{fill:#fff;font-weight:700}.finger{fill:#fff;font:600 7px IBM Plex Mono,monospace;text-anchor:middle;dominant-baseline:central;pointer-events:none;opacity:0;transition:opacity .4s ease}.finger-bg{fill:var(--finger);stroke:var(--bg);stroke-width:1.5;opacity:0;transition:opacity .4s ease}.on.hasf .finger,.on.hasf .finger-bg{opacity:1;transition:opacity 0s}.kb-edit .btn{cursor:pointer}.kb-edit .btn.unused{cursor:default}.kb-edit .btn:hover:not(.unused) .btn-circle{stroke:var(--warm);stroke-width:1.5;opacity:1}.kb-left.kb-edit .btn:hover:not(.unused) .btn-circle{stroke:var(--bass-highlight)}@media (max-width: 820px){#menubar{gap:12px;height:60px;padding:8px 16px;justify-content:flex-start}.site-menu{width:auto;height:44px;margin:0;padding:6px 12px}.site-menu__actions{display:none}.site-menu .ui-logo{font-size:20px}.site-menu .ui-logo img{width:28px;height:28px}.mobile-menu-toggle{margin-left:auto}.desktop-header-actions{display:none}.mobile-menu-toggle{display:flex}.mobile-menu-backdrop{inset:60px 0 0}.mobile-menu-sheet{display:flex;top:60px;max-height:calc(100vh - 60px)}.service-page{padding:24px 18px 48px}.service-page__motif{margin-bottom:24px}.service-page__code{font-size:104px}.service-page__badge{width:92px;height:92px}.service-page__badge svg{width:44px;height:44px}.service-page__note{font-size:46px}.service-page h1{margin-top:28px;font-size:23px}.service-page p{font-size:14px}}#loader{position:fixed;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:var(--bg);color:var(--fg2);font-size:15px;z-index:50;text-align:center;padding:24px}#loader small{max-width:min(720px,90vw);color:var(--muted);overflow-wrap:anywhere}#loader.error span{color:var(--fg);font-weight:600}#loader.hidden{display:none}.account-settings[data-v-2e2b13f2]{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}.account-settings__shade[data-v-2e2b13f2]{position:absolute;inset:0;background:#00000075}.account-settings__modal[data-v-2e2b13f2]{position:relative;z-index:1;width:452px;max-width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--bord);border-radius:20px;background:var(--bg2);color:var(--fg);box-shadow:0 24px 70px #00000080}.account-settings__header[data-v-2e2b13f2]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--bord)}.account-settings__title[data-v-2e2b13f2]{display:flex;flex-direction:column;gap:2px;min-width:0}.account-settings__header h2[data-v-2e2b13f2]{margin:0;font-size:17px;line-height:1.2;font-weight:700;letter-spacing:0}.account-settings__header p[data-v-2e2b13f2]{margin:0;color:var(--fg2);font-size:12.5px}.account-settings__close[data-v-2e2b13f2]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid var(--bord);border-radius:9px;background:var(--bg3);color:var(--fg2);cursor:pointer}.account-settings__body[data-v-2e2b13f2]{display:flex;flex-direction:column;gap:22px;padding:22px;overflow:visible}.avatar-section[data-v-2e2b13f2]{display:flex;flex-direction:column;gap:12px}.field-label[data-v-2e2b13f2]{color:var(--fg2);font:600 12.5px var(--ui-font)}.settings-field .field-label[data-v-2e2b13f2]{font-size:11.5px;font-weight:500}.avatar-section__row[data-v-2e2b13f2]{display:flex;gap:18px}.avatar-drop[data-v-2e2b13f2]{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 auto;width:84px;padding:0;border:0;background:transparent;color:var(--fg2);cursor:pointer;text-align:center;font:500 11px var(--ui-font);white-space:nowrap}.avatar-drop__preview[data-v-2e2b13f2],.avatar-fallback__sample[data-v-2e2b13f2]{display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border-radius:50%;font:700 20px var(--ui-font)}.avatar-drop__preview[data-v-2e2b13f2]{width:84px;height:84px;color:var(--fg2);border:1px dashed var(--bord);font-size:13px;font-weight:600}.avatar-fallback__sample[data-v-2e2b13f2]{width:54px;height:54px}.avatar-drop__preview img[data-v-2e2b13f2]{width:100%;height:100%;object-fit:cover}.avatar-fallback p[data-v-2e2b13f2],.settings-field small[data-v-2e2b13f2]{color:var(--fg2);font-size:12.5px;line-height:1.45}.avatar-fallback[data-v-2e2b13f2]{flex:1 1 0;display:flex;flex-direction:column;gap:11px;min-width:0}.avatar-fallback__info[data-v-2e2b13f2]{display:flex;align-items:center;gap:12px;min-width:0}.avatar-fallback p[data-v-2e2b13f2]{margin:0}.avatar-remove[data-v-2e2b13f2]{width:fit-content;border:0;border-radius:6px;background:#c2410c;color:#fff;cursor:pointer;padding:6px 10px;font:600 11.5px var(--ui-font)}.account-settings__divider[data-v-2e2b13f2]{display:block;height:1px;background:var(--bord)}.settings-field[data-v-2e2b13f2]{display:flex;flex-direction:column;gap:6px}.settings-field input[data-v-2e2b13f2]{height:42px;border:1px solid var(--bord);border-radius:11px;background:var(--bg);color:var(--fg);padding:0 13px;font:500 14px var(--ui-font);outline:none}.settings-field input[data-v-2e2b13f2]:focus{border-color:var(--warm);box-shadow:0 0 0 3px #e6a52c29}.settings-field input[data-v-2e2b13f2]:disabled{color:var(--fg2);cursor:not-allowed;opacity:.78}.settings-error[data-v-2e2b13f2]{margin:0;color:#c2410c;font-size:13px}.account-settings__footer[data-v-2e2b13f2]{display:flex;align-items:center;gap:10px;padding:16px 22px;border-top:1px solid var(--bord)}.settings-btn[data-v-2e2b13f2]{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:11px;cursor:pointer;font:600 14px var(--ui-font)}.settings-btn.ghost[data-v-2e2b13f2]{border:1px solid var(--bord);background:var(--bg3);color:var(--fg)}.settings-btn.primary[data-v-2e2b13f2]{border:0;background:var(--warm);color:var(--warm-ink);box-shadow:0 2px 12px #e6a52c4d}.settings-btn[data-v-2e2b13f2]:disabled{opacity:.62;cursor:not-allowed}.settings-spinner[data-v-2e2b13f2]{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin-2e2b13f2 .75s linear infinite}@keyframes spin-2e2b13f2{to{transform:rotate(360deg)}}button[data-v-2e2b13f2],input[data-v-2e2b13f2]{font-family:inherit}@media (max-width: 640px){.account-settings[data-v-2e2b13f2]{align-items:flex-end;padding:0}.account-settings__modal[data-v-2e2b13f2]{width:100%;max-height:calc(100vh - 18px);border-radius:20px 20px 0 0}.avatar-section__row[data-v-2e2b13f2]{flex-direction:column}.avatar-drop[data-v-2e2b13f2]{width:84px}}.ui-lesson-card__draft[data-v-ca317bb0],.ui-lesson-card__private[data-v-ca317bb0]{display:inline-flex;align-items:center;height:18px;margin-left:6px;padding:0 7px;border-radius:6px;font:600 10px/1 var(--ui-font);letter-spacing:0;white-space:nowrap}.ui-lesson-card__draft[data-v-ca317bb0]{border:1px solid rgba(230,165,44,.5);background:#e6a52c1f;color:var(--warm)}.ui-lesson-card__private[data-v-ca317bb0]{border:1px solid rgba(74,159,224,.35);background:#4a9fe01f;color:#4a9fe0}.lesson-collection-link[data-v-99e21ac0]{display:flex;flex-direction:column;align-items:center;width:100%;height:323px;padding:25px 15px;border:1px solid rgba(28,30,13,.6);color:var(--ui-carbon)}.lesson-collection-link.compact[data-v-99e21ac0]{justify-content:center}.lesson-collection-link__copy[data-v-99e21ac0]{display:flex;flex-direction:column;gap:5px;width:100%}.lesson-collection-link h3[data-v-99e21ac0]{margin:0;font:700 18px/1.2 var(--ui-font);letter-spacing:-.05em}.lesson-collection-link p[data-v-99e21ac0]{margin:0;font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em}.lesson-collection-link[data-v-99e21ac0] .ui-button{width:139px;margin-top:34px}.lesson-collection-link.compact[data-v-99e21ac0] .ui-button{width:auto;margin-top:0}.account-screen[data-v-bbe6e77b]{flex:1;min-height:0;overflow:auto;background:var(--bg);color:var(--fg)}.account-shell[data-v-bbe6e77b]{width:100%;padding:60px var(--page-pad)}.account-hero[data-v-bbe6e77b]{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:59px}.account-greeting[data-v-bbe6e77b]{display:flex;flex-direction:column;gap:6px;min-width:0}.account-greeting h1[data-v-bbe6e77b]{margin:0;font:600 60px/1.2 var(--ui-font);letter-spacing:-.05em}.account-top-grid[data-v-bbe6e77b]{display:grid;grid-template-columns:repeat(5,minmax(0,255px));gap:11px;width:100%;margin-bottom:44px}.create-card[data-v-bbe6e77b]{background:var(--bg2);color:var(--fg)}.create-card[data-v-bbe6e77b]{grid-column:span 3;display:flex;flex-direction:column;justify-content:space-between;gap:18px;width:100%;height:321px;padding:26px;border:0;border-radius:6px;text-align:left;cursor:pointer;text-decoration:none}.account-library-feature[data-v-bbe6e77b]{grid-column:span 2;width:100%;height:321px;border-radius:6px;background:url(/assets/figma/library-feature.jpg) center/cover no-repeat}.create-card__icon[data-v-bbe6e77b]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#e6a52c24;color:var(--warm)}.create-card__copy[data-v-bbe6e77b]{display:flex;flex-direction:column;gap:6px}.create-card__copy strong[data-v-bbe6e77b]{font-size:18px;line-height:1.2}.create-card__copy span[data-v-bbe6e77b]{color:var(--fg2);font-size:13.5px;line-height:1.55}.create-card__link[data-v-bbe6e77b]{display:flex;align-items:center;gap:7px;color:var(--warm);font-size:14px;font-weight:600}.account-section[data-v-bbe6e77b]{margin-bottom:44px}.account-section[data-v-bbe6e77b]:last-of-type{margin-bottom:0}.account-section__head[data-v-bbe6e77b]{display:flex;align-items:center;gap:16px;margin-bottom:18px}.account-section__head h2[data-v-bbe6e77b]{margin:0;font-size:21px;line-height:1.2;font-weight:700}.account-lesson-row[data-v-bbe6e77b]{display:grid;grid-template-columns:repeat(5,minmax(0,255px));gap:10px 11px;width:100%}.account-lesson-row[data-v-bbe6e77b] .ui-lesson-card{width:255px}.account-library-button[data-v-bbe6e77b]{margin-top:59px}button[data-v-bbe6e77b]{font-family:inherit}button[data-v-bbe6e77b]:active{transform:translateY(1px)}@media (max-width: 1200px){.account-greeting h1[data-v-bbe6e77b]{font-size:clamp(44px,7vw,60px)}.account-top-grid[data-v-bbe6e77b]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.create-card[data-v-bbe6e77b],.account-library-feature[data-v-bbe6e77b]{grid-column:auto}.account-lesson-row[data-v-bbe6e77b]{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.account-lesson-row[data-v-bbe6e77b] .ui-lesson-card{width:100%}}@media (max-width: 720px){.account-hero[data-v-bbe6e77b]{align-items:flex-start;flex-direction:column}.account-greeting h1[data-v-bbe6e77b]{font-size:40px}.account-top-grid[data-v-bbe6e77b],.account-lesson-row[data-v-bbe6e77b]{grid-template-columns:1fr}.create-card[data-v-bbe6e77b]{height:auto;min-height:240px;padding:22px}.account-library-feature[data-v-bbe6e77b]{height:auto;aspect-ratio:521/321}}@media (max-width: 600px){.account-shell[data-v-bbe6e77b]{padding:40px 20px}.account-library-button[data-v-bbe6e77b]{margin-top:36px}}.ed-ai-tab[data-v-ee4c07c3]{flex:1;overflow-y:auto;min-height:0;padding:16px 15px;display:flex;flex-direction:column;gap:14px;font-size:13px;line-height:1.55;color:var(--fg)}.ed-ai-intro[data-v-ee4c07c3]{margin:0;color:var(--fg)}.ed-ai-note[data-v-ee4c07c3]{margin:0;font-size:12px;color:var(--fg2)}.ed-ai-err[data-v-ee4c07c3]{margin:0;font-size:12px;color:#e0736b}.ed-ai-starting[data-v-ee4c07c3]{display:flex;align-items:center;gap:9px;color:var(--fg2);font-size:12.5px}.ed-ai-log[data-v-ee4c07c3]{flex:1;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:9px}.ed-ai-msg[data-v-ee4c07c3]{padding:8px 10px;border-radius:9px;white-space:pre-wrap;word-break:break-word}.ed-ai-msg.user[data-v-ee4c07c3]{background:#e6a52c1f;border:1px solid rgba(230,165,44,.25)}.ed-ai-msg.agent[data-v-ee4c07c3]{background:var(--bg);border:1px solid var(--bord)}.ed-ai-msg.err[data-v-ee4c07c3]{background:#e0736b1a;border:1px solid rgba(224,115,107,.3);color:#e0736b;font-size:12px}.ed-ai-tool[data-v-ee4c07c3]{display:flex;gap:6px;align-items:baseline;font-size:11.5px;color:var(--fg2);padding-left:2px}.ed-ai-tool code[data-v-ee4c07c3]{font-family:IBM Plex Mono,ui-monospace,monospace;color:var(--fg2)}.ed-ai-tool span[data-v-ee4c07c3]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-ai-prop[data-v-ee4c07c3]{display:flex;flex-direction:column;gap:6px;padding:9px 10px;border-radius:9px;background:var(--bg);border:1px solid rgba(230,165,44,.4)}.ed-ai-prop.applied[data-v-ee4c07c3]{border-color:#7ebe7a73}.ed-ai-prop.rejected[data-v-ee4c07c3],.ed-ai-prop.expired[data-v-ee4c07c3]{border-color:var(--bord);opacity:.7}.ed-ai-prop.failed[data-v-ee4c07c3]{border-color:#e0736b73}.ed-ai-prop-title[data-v-ee4c07c3]{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--warm)}.ed-ai-prop-sum[data-v-ee4c07c3]{margin:0;white-space:pre-wrap}.ed-ai-prop-btns[data-v-ee4c07c3]{display:flex;gap:7px}.ed-ai-prop-btns[data-v-ee4c07c3] .ui-button{flex:1}.ed-ai-prop-kinds[data-v-ee4c07c3],.ed-ai-prop-state[data-v-ee4c07c3]{font-size:11.5px;color:var(--fg2)}.ed-ai-prop-note[data-v-ee4c07c3]{font-size:11.5px;color:#e0736b}.ed-ai-busy[data-v-ee4c07c3]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg2);padding:7px 9px;border-radius:9px;background:#e6a52c12;border:1px solid rgba(230,165,44,.22)}.ed-ai-activity[data-v-ee4c07c3]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.ed-ai-elapsed[data-v-ee4c07c3]{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.ed-ai-compose[data-v-ee4c07c3]{display:flex;flex-direction:column;gap:7px}.ed-ai-compose textarea[data-v-ee4c07c3]{resize:vertical;min-height:44px;padding:8px 9px;border-radius:9px;background:var(--bg);border:1px solid var(--bord);color:var(--fg);font:400 13px/1.5 var(--ui-font)}.ed-ai-compose-row[data-v-ee4c07c3]{display:flex;align-items:center;gap:7px}.ed-ai-cost[data-v-ee4c07c3]{flex:1;font:400 11.5px IBM Plex Mono,ui-monospace,monospace;color:var(--fg2)}.ed-ai-ended[data-v-ee4c07c3]{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--fg2)}.ed-ai-dots[data-v-ee4c07c3]{display:inline-flex;gap:3px}.ed-ai-dots i[data-v-ee4c07c3]{width:4px;height:4px;border-radius:50%;background:var(--warm);animation:ed-ai-blink-ee4c07c3 1.1s infinite ease-in-out}.ed-ai-dots i[data-v-ee4c07c3]:nth-child(2){animation-delay:.15s}.ed-ai-dots i[data-v-ee4c07c3]:nth-child(3){animation-delay:.3s}@keyframes ed-ai-blink-ee4c07c3{0%,80%,to{opacity:.25}40%{opacity:1}}.ed-ai-mcp[data-v-ee4c07c3]{border-top:1px solid var(--bord);padding-top:12px}.ed-ai-mcp summary[data-v-ee4c07c3]{cursor:pointer;font-size:12px;color:var(--fg2);list-style:revert}.ed-ai-mcp[data-v-ee4c07c3]>*:not(summary){margin-top:10px}.ed-ai-steps[data-v-ee4c07c3]{margin:0;padding-left:19px;display:flex;flex-direction:column;gap:10px;font-size:12.5px}.ed-ai-steps a[data-v-ee4c07c3]{color:var(--warm)}.ed-ai-cmd[data-v-ee4c07c3]{margin-top:7px;padding:9px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--bord);display:flex;flex-direction:column;gap:8px}.ed-ai-cmd code[data-v-ee4c07c3]{font:400 11.5px/1.5 IBM Plex Mono,ui-monospace,monospace;color:var(--fg);word-break:break-all;white-space:pre-wrap;user-select:all}.ed-ai-copy[data-v-ee4c07c3]{align-self:flex-start}.ed-ai-examples[data-v-ee4c07c3]{display:flex;flex-direction:column;gap:5px}.ed-ai-examples-title[data-v-ee4c07c3]{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--fg2)}.ed-ai-examples ul[data-v-ee4c07c3]{margin:0;padding-left:19px;display:flex;flex-direction:column;gap:4px}.finger-menu-layer[data-v-a7fbc84c]{position:fixed;inset:0;z-index:100}.finger-menu[data-v-a7fbc84c]{position:fixed;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:112px;padding:15px;border-radius:6px;background:var(--ui-carbon)}.finger-menu button[data-v-a7fbc84c]{display:flex;align-items:center;gap:5px;min-height:19px;padding:0;border:0;background:transparent;color:var(--ui-main);cursor:pointer;white-space:nowrap;font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em}.finger-menu-check[data-v-a7fbc84c]{position:relative;display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border:1px solid var(--ui-main);border-radius:3px}.finger-menu-check i[data-v-a7fbc84c]{width:9px;height:9px;border-radius:1px;background:var(--ui-blue)}.ed-beltools[data-v-a0407391]{display:flex;align-items:center;width:max-content;padding:4px;border-radius:8px;background:#1c1e0d;box-shadow:0 5px 16px #00000038}.ed-beltools-btns[data-v-a0407391]{display:flex;align-items:center}.ed-beltools-btns button[data-v-a0407391]{display:flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:0;border-radius:5px;color:#fff;background:transparent;font:500 12px var(--ui-font);cursor:pointer;white-space:nowrap}.ed-beltools-btns button[data-v-a0407391]:hover{background:#ffffff21}.ed-beltools-btns .ed-bel-clear[data-v-a0407391]{width:28px;padding:0;font-size:19px;line-height:1}.player-bottom-controls[data-v-4dda739f]{position:absolute;right:0;bottom:13px;left:0;z-index:8;display:flex;flex-direction:column;gap:10px;height:68px;pointer-events:none}.player-bottom-controls button[data-v-4dda739f],.player-bottom-controls input[data-v-4dda739f]{pointer-events:auto}.player-progress[data-v-4dda739f]{width:100%;height:4px;margin:0;padding:0;appearance:none;background:transparent;cursor:pointer}.player-progress[data-v-4dda739f]::-webkit-slider-runnable-track{height:4px;border-radius:6px;background:linear-gradient(to right,var(--ui-yellow) 0 var(--player-progress),rgba(28,30,13,.1) var(--player-progress) 100%)}.player-progress[data-v-4dda739f]::-webkit-slider-thumb{width:0;height:0;appearance:none}.player-progress[data-v-4dda739f]::-moz-range-track{height:4px;border:0;border-radius:6px;background:#1c1e0d1a}.player-progress[data-v-4dda739f]::-moz-range-progress{height:4px;border-radius:6px;background:var(--ui-yellow)}.player-progress[data-v-4dda739f]::-moz-range-thumb{width:0;height:0;border:0}.player-bottom-row[data-v-4dda739f]{display:flex;align-items:flex-start;justify-content:space-between;height:54px}.player-playback[data-v-4dda739f]{display:flex;align-items:center;padding-top:9px}.player-round-button[data-v-4dda739f]{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;padding:9px;border:0;border-radius:50%;background:#1c1e0d1a;cursor:pointer}.player-round-button img[data-v-4dda739f]{display:block;width:18px;height:18px}.player-pause[data-v-4dda739f]{display:flex;align-items:center;justify-content:center;gap:3px;width:18px;height:18px}.player-pause i[data-v-4dda739f]{display:block;width:2px;height:12px;border-radius:1px;background:var(--ui-carbon)}.player-tempo-control button[data-v-4dda739f]{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer}.player-settings[data-v-4dda739f]{display:flex;align-items:flex-start;gap:10px}.player-settings-menu[data-v-4dda739f]{display:flex;align-items:center;gap:15px;height:37px;padding:10px 15px;border-radius:6px;background:#1c1e0d1a;white-space:nowrap}.player-settings-menu button[data-v-4dda739f]{padding:0;border:0;background:transparent;color:var(--ui-carbon);font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer}.player-settings-menu button.active[data-v-4dda739f]{color:var(--ui-blue)}.player-settings-card[data-v-4dda739f]{display:flex;flex-direction:column;gap:5px;height:54px;padding:5px 15px;border-radius:6px;background:#1c1e0d1a}.player-tempo-card[data-v-4dda739f]{width:224px}.player-chords-card[data-v-4dda739f]{width:289px}.player-keyboard-card[data-v-4dda739f]{width:254px}.player-settings-title[data-v-4dda739f]{display:flex;align-items:center;gap:10px;width:100%;height:22px;padding:0 0 5px;border:0;border-bottom:1px solid rgba(28,30,13,.6);background:transparent;color:#1c1e0d99;font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer}.player-settings-title img[data-v-4dda739f]{display:block;width:16px;height:16px;transform:rotate(180deg)}.player-tempo-control[data-v-4dda739f]{display:flex;align-items:center;gap:15px;padding-left:26px}.player-tempo-control button img[data-v-4dda739f]{display:block;width:16px;height:16px}.player-tempo-control input[data-v-4dda739f]{width:102px;height:5px;margin:0;padding:0;appearance:none;background:transparent}.player-tempo-control input[data-v-4dda739f]::-webkit-slider-runnable-track{height:2px;border-radius:6px;background:linear-gradient(to right,var(--ui-yellow) 0 var(--rate-progress),#fff var(--rate-progress) 100%)}.player-tempo-control input[data-v-4dda739f]::-webkit-slider-thumb{width:5px;height:5px;margin-top:-1.5px;border:0;border-radius:50%;appearance:none;background:var(--ui-yellow)}.player-tempo-control input[data-v-4dda739f]::-moz-range-track{height:2px;border:0;background:#fff}.player-tempo-control input[data-v-4dda739f]::-moz-range-progress{height:2px;background:var(--ui-yellow)}.player-tempo-control input[data-v-4dda739f]::-moz-range-thumb{width:5px;height:5px;border:0;background:var(--ui-yellow)}.player-chords-control[data-v-4dda739f]{display:flex;align-items:center;gap:15px;padding-left:26px;white-space:nowrap}.player-chords-control button[data-v-4dda739f]{padding:0;border:0;background:transparent;color:var(--ui-carbon);font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer}.player-chords-control button.active[data-v-4dda739f]{color:var(--ui-blue)}.player-keyboard-options[data-v-4dda739f]{display:flex;align-items:center;gap:15px;padding-left:26px;white-space:nowrap}.player-keyboard-options button[data-v-4dda739f]{padding:0;border:0;background:transparent;color:var(--ui-carbon);font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer}.player-keyboard-options button.active[data-v-4dda739f]{color:var(--ui-blue)}@media (max-width:820px){.player-bottom-controls[data-v-4dda739f]{bottom:8px}.player-settings-menu[data-v-4dda739f],.player-settings-card[data-v-4dda739f]{display:none}}.catalog-select[data-v-9eeeea8f]{position:relative;z-index:8;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.catalog-select.open[data-v-9eeeea8f]{z-index:9}.catalog-select__trigger[data-v-9eeeea8f]{display:flex;align-items:center;gap:5px;max-width:260px;padding:5px 10px;border:0;border-radius:6px;background:var(--ui-carbon);color:var(--ui-main);font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em;white-space:nowrap;cursor:pointer}.catalog-select__trigger span[data-v-9eeeea8f]{min-width:0;overflow:hidden;text-overflow:ellipsis}.catalog-select__trigger img[data-v-9eeeea8f]{display:block;width:16px;height:16px;flex:0 0 16px}.catalog-select__menu[data-v-9eeeea8f]{position:absolute;top:calc(100% + 5px);left:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:354px;max-height:320px;padding:15px;overflow:auto;border-radius:6px;background:var(--ui-carbon);color:var(--ui-main)}.catalog-select--right .catalog-select__menu[data-v-9eeeea8f]{right:0;left:auto}.catalog-select__option[data-v-9eeeea8f]{display:flex;align-items:center;gap:5px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em;text-align:left;cursor:pointer}.catalog-select__checkbox[data-v-9eeeea8f]{position:relative;width:19px;height:19px;flex:0 0 19px;border:1px solid var(--ui-main);border-radius:3px}.catalog-select__checkbox i[data-v-9eeeea8f]{position:absolute;inset:4px;border-radius:1px;background:var(--ui-blue);opacity:0}.catalog-select__option.selected .catalog-select__checkbox i[data-v-9eeeea8f]{opacity:1}.catalog-select__checkbox.radio[data-v-9eeeea8f],.catalog-select__checkbox.radio i[data-v-9eeeea8f]{border-radius:50%}.catalog-select__option.locked[data-v-9eeeea8f]{cursor:default}.catalog-select__option[data-v-9eeeea8f]:disabled{opacity:.55;cursor:wait}.catalog-select__plus[data-v-9eeeea8f]{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;color:var(--ui-blue);font-size:22px;line-height:19px}@media (max-width:900px){.catalog-select__menu[data-v-9eeeea8f],.catalog-select--right .catalog-select__menu[data-v-9eeeea8f]{right:auto;left:0;width:min(354px,calc(100vw - 40px))}}.ui-text-field[data-v-f8102d66]{display:flex;align-items:center;gap:25px;width:100%;padding:5px 10px;border:1px solid var(--ui-carbon);border-radius:6px;background:transparent}.ui-text-field input[data-v-f8102d66],.ui-text-field textarea[data-v-f8102d66]{min-width:0;flex:1;padding:0;border:0;outline:0;resize:none;background:transparent;color:var(--ui-carbon);font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em}.ui-text-field input[data-v-f8102d66]{height:19px}.ui-text-field textarea[data-v-f8102d66]{min-height:80px;line-height:1.35}.ui-text-field input[data-v-f8102d66]::placeholder,.ui-text-field textarea[data-v-f8102d66]::placeholder{color:#1c1e0d99;opacity:1}.ui-text-field--multiline[data-v-f8102d66]{align-items:flex-start;padding-top:10px;padding-bottom:10px}.ed-screen[data-v-f04d252e]{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);overflow-x:auto}.ed-state[data-v-f04d252e]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--fg2);padding:40px 20px}.ed-state-icon[data-v-f04d252e]{font-size:34px;opacity:.45}.ed-state strong[data-v-f04d252e]{color:var(--fg);font-size:16px}.ed-state small[data-v-f04d252e]{font-size:13px;max-width:360px;line-height:1.5}.ed-state-btn[data-v-f04d252e]{margin-top:6px}.ed-spinner[data-v-f04d252e]{width:20px;height:20px;border:2px solid var(--bord);border-top-color:var(--warm);border-radius:50%;animation:ed-spin-f04d252e .8s linear infinite}@keyframes ed-spin-f04d252e{to{transform:rotate(360deg)}}.ed-status[data-v-f04d252e]{display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;background:#9aa1ac29;color:var(--fg2);font-size:11px;font-weight:600;white-space:nowrap}.ed-status i[data-v-f04d252e]{width:6px;height:6px;border-radius:50%;background:currentColor}.ed-status.published[data-v-f04d252e]{background:#5cae6a29;color:#5cae6a}.ed-status.actionable[data-v-f04d252e]{cursor:pointer}.ed-status.actionable[data-v-f04d252e]:hover{background:#5cae6a42}.ed-preview[data-v-f04d252e]{display:flex;align-items:center;gap:12px;padding:8px 20px;font-size:13px;color:var(--warm);background:#e6a52c1a;border-bottom:1px solid rgba(230,165,44,.3)}.ed-conflict[data-v-f04d252e]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 20px;font-size:13px;color:#fff;background:#c2410c;border-bottom:1px solid #c2410c}.ed-body[data-v-f04d252e]{position:relative;flex:1;display:flex;min-height:0;min-width:1080px;overflow:hidden}.ed-kbd[data-v-f04d252e]{flex:none;display:flex;flex-direction:column;min-height:0;margin-top:30px;padding-bottom:91px;background:var(--ui-main);border-right:0}.ed-field-label[data-v-f04d252e]{color:#1c1e0d99;font:400 15px/1.2 var(--ui-font);letter-spacing:-.05em}.ed-kbd-area[data-v-f04d252e]{flex:1;min-height:0;padding:0 10px;display:flex;justify-content:center}.ed-kbd-host[data-v-f04d252e]{flex:1;min-height:0;display:flex}.ed-kbd-host svg[data-v-f04d252e]{width:100%;height:100%}.ed-kbd-empty[data-v-f04d252e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:var(--fg2);padding:30px 10px;font-size:12.5px;line-height:1.5}.ed-kbd-empty-icon[data-v-f04d252e]{font-size:26px;opacity:.5}.ed-center[data-v-f04d252e]{flex:1;display:flex;flex-direction:column;min-width:0;margin-right:60px}.ed-body>.resizer[data-v-f04d252e]{margin:30px -3px 91px}.ed-sheet-host[data-v-f04d252e]{position:relative;flex:1;min-height:0;display:flex;background:transparent}.ed-sheet-host[data-v-f04d252e] #score-scroll{padding:0;background:#fff}.ed-sheet-host[data-v-f04d252e] .paper{width:100%;min-height:100%;margin:0;padding:30px 36px 10px;border-radius:0;background:#fff;box-shadow:none}.ed-sheet-host[data-v-f04d252e] .chord-lbl,.ed-sheet-host[data-v-f04d252e] .bellows-sign{background:#fff}.ed-side[data-v-f04d252e]{position:absolute;top:30px;right:0;bottom:0;z-index:24;width:720px;min-height:0;pointer-events:none}.ed-side-backdrop[data-v-f04d252e]{position:absolute;top:0;right:720px;bottom:0;z-index:0;width:100vw;padding:0;border:0;background:#1c1e0d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;pointer-events:none;opacity:0;transition:opacity .2s ease}.ed-side.open .ed-side-backdrop[data-v-f04d252e]{pointer-events:auto;opacity:1}.ed-side-panel[data-v-f04d252e]{position:absolute;top:0;right:60px;bottom:0;display:flex;flex-direction:column;width:660px;min-height:0;overflow:hidden;border-right:1px solid rgba(28,30,13,.6);background:var(--ui-main);pointer-events:none;opacity:0;transform:translate(calc(100% + 60px));transition:transform .2s ease,opacity .2s ease}.ed-side.open .ed-side-panel[data-v-f04d252e]{pointer-events:auto;opacity:1;transform:translate(0)}.ed-tabs[data-v-f04d252e]{position:absolute;top:40px;right:7px;z-index:2;display:flex;flex-direction:column;gap:15px;width:46px;padding:0;pointer-events:auto}.ed-tabs button[data-v-f04d252e]{display:flex;align-items:center;justify-content:center;gap:8px;width:46px;height:auto;min-height:160px;padding:10px 7px;border:1px solid var(--ui-carbon);border-radius:6px;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;font:400 20px/1.2 var(--ui-font);letter-spacing:-.06em;white-space:nowrap;background:var(--ui-main);color:var(--ui-carbon)}.ed-tabs button.active[data-v-f04d252e]{background:var(--ui-carbon);color:var(--ui-main)}.ed-tabs button svg[data-v-f04d252e]{flex:none}.ed-lesson-tab[data-v-f04d252e]{flex:1;overflow-y:auto;min-height:0;padding:40px 40px 134px;display:flex;flex-direction:column;gap:30px}.ed-publication-toggle[data-v-f04d252e]{align-self:flex-start;gap:3px;padding:0;border-radius:0;background:transparent;color:var(--ui-carbon);font:500 13px/1.2 var(--ui-font);letter-spacing:-.05em}.ed-publication-toggle.published[data-v-f04d252e]{background:transparent;color:var(--ui-carbon)}.ed-publication-toggle.published i[data-v-f04d252e]{background:var(--ui-blue)}.ed-publication-toggle.actionable[data-v-f04d252e]:hover{background:transparent}.ed-lesson-content[data-v-f04d252e]{display:flex;flex-direction:column;gap:40px}.ed-fields[data-v-f04d252e]{display:flex;flex-direction:column;gap:30px}.ed-field[data-v-f04d252e]{display:flex;flex-direction:column;gap:15px}.ed-fields .ed-field[data-v-f04d252e] .ui-text-field:not(.ui-text-field--multiline){height:28px;min-height:0;padding:0 10px 5px;border:0;border-bottom:1px solid rgba(28,30,13,.6);border-radius:0}.ed-fields .ed-field[data-v-f04d252e] .ui-text-field input{height:21px;color:var(--ui-carbon);font:500 18px/1.2 var(--ui-font);letter-spacing:-.05em}.ed-fields .ed-field[data-v-f04d252e] .ui-text-field--multiline{height:103px;padding:10px;border-color:#1c1e0d99}.ed-fields .ed-field[data-v-f04d252e] .ui-text-field textarea{min-height:81px;font-size:15px;line-height:1.2}.ed-selects[data-v-f04d252e]{display:flex;flex-direction:column;gap:15px}.ed-field--select[data-v-f04d252e] .catalog-select,.ed-field--select[data-v-f04d252e] .catalog-select__trigger{width:100%;max-width:none}.ed-field--select[data-v-f04d252e] .catalog-select__trigger{min-height:39px;justify-content:center;padding:10px 15px}.ed-field--select[data-v-f04d252e] .catalog-select__menu{width:100%}.ed-supported[data-v-f04d252e]{display:flex;flex-direction:column;gap:15px}.ed-section-title[data-v-f04d252e]{color:#1c1e0d99;font:400 15px/1.2 var(--ui-font);letter-spacing:-.05em}.ed-supported-fields[data-v-f04d252e]{display:flex;flex-direction:column;gap:15px}.ed-supported-group[data-v-f04d252e]{display:flex;flex-direction:column;gap:7px}.ed-supported-group[data-v-f04d252e] .catalog-select__trigger img{display:none}.ed-supported-error[data-v-f04d252e]{color:#d9694a;font-size:11px}.ed-danger-zone[data-v-f04d252e]{display:flex;flex-direction:column;gap:7px;width:100%}.ed-danger-zone[data-v-f04d252e] .ui-button{min-height:38px;font:500 18px/1.2 var(--ui-font);letter-spacing:-.05em}.ed-delete-error[data-v-f04d252e]{color:#c2410c;font-size:12px}@media (max-width:760px){.ed-side[data-v-f04d252e]{width:100vw}.ed-side-panel[data-v-f04d252e]{right:60px;width:calc(100vw - 60px)}.ed-side-backdrop[data-v-f04d252e]{display:none}.ed-lesson-tab[data-v-f04d252e]{padding-right:24px;padding-left:24px}}.auth-overlay[data-v-9a27a8b2]{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#1c1e0d99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-dialog[data-v-9a27a8b2]{display:flex;flex-direction:column;align-items:center;gap:60px;width:456px;max-width:100%;max-height:calc(100vh - 40px);overflow:auto;padding:60px 40px;border:0;border-radius:6px;background:var(--ui-carbon);color:var(--ui-main)}.auth-dialog__header[data-v-9a27a8b2]{display:flex;flex-direction:column;align-items:center;gap:30px;width:232px;text-align:center}.auth-dialog__header[data-v-9a27a8b2] .ui-logo{flex:none}.auth-dialog__welcome[data-v-9a27a8b2]{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.auth-dialog h2[data-v-9a27a8b2]{width:100%;margin:0;color:var(--ui-main);font:500 25px/23.8px var(--ui-font);letter-spacing:-.05em}.auth-dialog p[data-v-9a27a8b2]{margin:0;color:var(--ui-main);font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em}.auth-dialog .auth-error[data-v-9a27a8b2]{color:var(--finger)}.auth-form[data-v-9a27a8b2]{display:flex;flex-direction:column;gap:30px;width:100%;padding:0}.auth-primary[data-v-9a27a8b2]{display:flex;flex-direction:column;gap:60px;width:100%}.auth-fields[data-v-9a27a8b2]{display:flex;flex-direction:column;gap:30px;width:100%}.auth-action[data-v-9a27a8b2]{display:flex;flex-direction:column;gap:10px;width:100%}.auth-field[data-v-9a27a8b2]{display:flex;flex-direction:column;gap:15px;min-width:0}.auth-field>span[data-v-9a27a8b2]:first-child,.auth-field__row[data-v-9a27a8b2]{color:var(--ui-main);font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em}.auth-field__row[data-v-9a27a8b2]{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-link[data-v-9a27a8b2]{border:0;background:transparent;color:var(--ui-yellow);font:400 10px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer;padding:0}.auth-input[data-v-9a27a8b2]{display:flex;align-items:flex-start;gap:9px;height:27px;padding:0 10px 5px;border:0;border-bottom:1px solid rgba(246,246,246,.1);border-radius:0;background:transparent;color:var(--ui-main)}.auth-input[data-v-9a27a8b2]:focus-within{border-color:#f6f6f61a}.auth-input input[data-v-9a27a8b2]{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ui-main);font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em}.auth-input input[data-v-9a27a8b2]::placeholder{color:#f6f6f61a;opacity:1}.auth-input--password[data-v-9a27a8b2]{align-items:center;padding-right:0}.auth-password-toggle[data-v-9a27a8b2]{display:grid;place-items:center;width:24px;height:21px;flex:0 0 24px;padding:0;border:0;background:transparent;cursor:pointer}.auth-password-toggle img[data-v-9a27a8b2]{display:block;width:16px;height:16px}.auth-terms[data-v-9a27a8b2]{position:relative;display:flex;align-items:flex-start;gap:9px;cursor:pointer;color:#f6f6f699;font:400 12px/1.5 var(--ui-font)}.auth-terms input[data-v-9a27a8b2]{position:absolute;opacity:0;pointer-events:none}.auth-terms__box[data-v-9a27a8b2]{display:flex;align-items:center;justify-content:center;width:17px;height:17px;flex:none;margin-top:1px;border-radius:3px;border:1px solid rgba(246,246,246,.6);color:var(--ui-carbon)}.auth-terms__box svg[data-v-9a27a8b2]{opacity:0}.auth-terms input:checked+.auth-terms__box[data-v-9a27a8b2]{background:var(--ui-yellow);border-color:var(--ui-yellow);color:var(--ui-carbon)}.auth-terms input:checked+.auth-terms__box svg[data-v-9a27a8b2]{opacity:1}.auth-error[data-v-9a27a8b2]{margin:0;padding:10px 12px;border-radius:6px;background:color-mix(in srgb,var(--finger) 14%,transparent);color:var(--finger);font-size:12px;line-height:1.4;text-align:left}.auth-submit[data-v-9a27a8b2]{display:flex;align-items:center;justify-content:center;width:100%;height:34px;padding:8px 16px;border:0;border-radius:6px;background:var(--ui-yellow);color:var(--ui-main);font:400 15px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer}.auth-submit[data-v-9a27a8b2]:hover:not(:disabled){background:var(--ui-main);color:var(--ui-carbon)}.auth-submit[data-v-9a27a8b2]:disabled{opacity:.72;cursor:wait;filter:none}.auth-secondary[data-v-9a27a8b2]{display:flex;flex-direction:column;gap:30px;width:100%}.auth-divider[data-v-9a27a8b2]{display:flex;align-items:center;gap:5px;width:100%}.auth-divider span[data-v-9a27a8b2]{flex:1;height:1px;background:#f6f6f61a}.auth-divider small[data-v-9a27a8b2]{color:var(--ui-main);font:400 14px/1.2 var(--ui-font);letter-spacing:-.05em}.auth-social[data-v-9a27a8b2]{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.auth-google[data-v-9a27a8b2]{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:38px;padding:8px 10px;border:1px solid rgba(246,246,246,.1);border-radius:6px;background:transparent;color:var(--ui-main);font:400 15px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer}.auth-google img[data-v-9a27a8b2]{display:block;width:20px;height:20px;flex:0 0 20px}.auth-google[data-v-9a27a8b2]:hover{border-color:#f6f6f699}.auth-google[data-v-9a27a8b2]:disabled{opacity:.72;cursor:wait}.auth-sent[data-v-9a27a8b2]{align-items:center;text-align:center;gap:15px}.auth-sent__icon[data-v-9a27a8b2]{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:6px;background:#e6a52c24;color:var(--ui-yellow)}.auth-sent__body[data-v-9a27a8b2]{color:#f6f6f699!important;font-size:13.5px!important;line-height:1.5!important}.auth-sent .auth-submit[data-v-9a27a8b2]{width:100%}.auth-sent__back[data-v-9a27a8b2]{font-size:13px}.auth-form__back[data-v-9a27a8b2]{align-self:center;font-size:13px}.auth-note[data-v-9a27a8b2]{margin:0;padding:10px 12px;border-radius:6px;width:100%;box-sizing:border-box;background:#e6a52c1f;color:var(--ui-main)!important;font-size:12.5px!important;line-height:1.4!important;text-align:left}.auth-note--ok[data-v-9a27a8b2]{background:color-mix(in srgb,#2fa565 16%,transparent);color:color-mix(in srgb,#2fa565 82%,var(--fg))}.auth-dialog__switch[data-v-9a27a8b2]{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-main);font:500 13px/1.2 var(--ui-font);letter-spacing:-.05em}.auth-dialog__switch button[data-v-9a27a8b2]{border:0;background:transparent;color:var(--ui-yellow);font:500 13px/1.2 var(--ui-font);letter-spacing:-.05em;cursor:pointer;padding:0}@media (max-width: 520px){.auth-overlay[data-v-9a27a8b2]{padding:12px}.auth-dialog[data-v-9a27a8b2]{width:100%;max-height:calc(100vh - 24px);padding:40px 24px;gap:40px}.auth-primary[data-v-9a27a8b2]{gap:40px}.auth-dialog__switch[data-v-9a27a8b2]{flex-wrap:wrap}}.pricing-plan[data-v-5e27596b]{display:flex;align-items:stretch;justify-content:space-between;width:calc(100% - 28px);color:var(--ui-main)}.pricing-plan--free[data-v-5e27596b],.pricing-plan--school[data-v-5e27596b]{height:284px}.pricing-plan--pro[data-v-5e27596b]{height:310px}.pricing-plan__copy[data-v-5e27596b]{display:flex;flex-direction:column;gap:30px;width:236px}.pricing-plan--free .pricing-plan__copy[data-v-5e27596b]{width:223px}.pricing-plan--school .pricing-plan__copy[data-v-5e27596b]{width:200px}.pricing-plan__heading[data-v-5e27596b]{display:flex;flex-direction:column;gap:15px}.pricing-plan h3[data-v-5e27596b]{margin:0;font:500 25px/23.8px var(--ui-font);letter-spacing:-.05em}.pricing-plan p[data-v-5e27596b]{margin:0;font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em}.pricing-plan__copy>strong[data-v-5e27596b]{font:600 40px/1.2 var(--ui-font);letter-spacing:-.05em}.pricing-plan ul[data-v-5e27596b]{display:flex;flex-direction:column;gap:5px;width:100%;margin:0;padding:0;list-style:none;font:500 16px/23.8px var(--ui-font);letter-spacing:-.05em}.pricing-plan__aside[data-v-5e27596b]{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;width:137px}.pricing-plan__orbs[data-v-5e27596b]{display:flex;gap:5px}.pricing-plan__orbs i[data-v-5e27596b]{width:11px;height:11px;border:1px solid var(--ui-orb);border-radius:50%;background:#fff}.pricing-plan__orbs i.yellow[data-v-5e27596b]{background:var(--ui-yellow)}.pricing-plan[data-v-5e27596b] .ui-button{width:137px}@media (max-width:900px){.pricing-plan[data-v-5e27596b]{flex-direction:column;width:100%;height:auto;min-height:0;gap:30px}.pricing-plan__copy[data-v-5e27596b],.pricing-plan--free .pricing-plan__copy[data-v-5e27596b],.pricing-plan--school .pricing-plan__copy[data-v-5e27596b]{width:100%}.pricing-plan__aside[data-v-5e27596b]{flex-direction:row;align-items:center;width:100%}.pricing-plan[data-v-5e27596b] .ui-button{width:120px;min-width:120px}}.home-new[data-v-9309b17d]{min-height:0;overflow:visible;background:var(--ui-main);color:var(--ui-carbon)}.home-new__hero[data-v-9309b17d]{padding:60px var(--page-pad) 20px;overflow:hidden}.home-new__hero h1[data-v-9309b17d]{max-width:1320px;margin:0;font:600 clamp(64px,7.64vw,110px)/1.2 var(--ui-font);letter-spacing:-.055em}.home-new__hero>p[data-v-9309b17d]{width:min(619px,100%);margin:12px 0 45px;font:400 20px/1.2 var(--ui-font);letter-spacing:-.06em}.hero-keyboard[data-v-9309b17d]{position:relative;width:calc(100% - 11px);margin-left:5px;aspect-ratio:620/164}.hero-keyboard[data-v-9309b17d] .kb-right{position:absolute;left:36.7742%;top:-139.0244%;width:26.4516%;height:378.0488%;overflow:visible;transform:rotate(90deg);transform-origin:center}.hero-keyboard[data-v-9309b17d] .btn-label{font-size:8px}.key-demo b[data-v-9309b17d]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#fff;box-shadow:0 3px 2px #0003,inset 0 2px 2px #fff;font:700 13px/1 var(--ui-font)}.music-lines[data-v-9309b17d]{height:120px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.8) 0 2px,var(--ui-carbon) 2px 5px)}.home-new__section[data-v-9309b17d]{padding:60px var(--page-pad)}#features[data-v-9309b17d]{padding-top:100px;padding-bottom:60px}.home-new__section--dark[data-v-9309b17d]{background:var(--ui-carbon);color:var(--ui-main)}.feature-table[data-v-9309b17d]{margin-top:30px;border-bottom:1px solid var(--ui-line)}.feature-row[data-v-9309b17d]{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ui-line);padding:15px 0}.feature-row h3[data-v-9309b17d],.system-cell h3[data-v-9309b17d]{margin:0;font:600 20px/1.2 var(--ui-font);letter-spacing:-.05em}.feature-row__content[data-v-9309b17d]{display:flex;flex-direction:column;gap:15px}.feature-row--keys .feature-row__content[data-v-9309b17d]{width:min(424px,100%)}.feature-row--finger .feature-row__content[data-v-9309b17d]{width:min(437px,100%)}.feature-row--bellows .feature-row__content[data-v-9309b17d]{width:min(353px,100%)}.feature-row p[data-v-9309b17d]{margin:0;font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em}.key-demo[data-v-9309b17d]{display:flex;align-items:center;gap:15px;padding:0 15px}.key-demo b[data-v-9309b17d]{position:relative;width:52px;height:52px;flex:0 0 52px;background:var(--ui-yellow);box-shadow:none;font-size:15px}.key-demo b.blue[data-v-9309b17d]{background:var(--ui-blue);color:#fff}.key-demo b[data-v-9309b17d]:last-child{background:#fff;border:1px solid rgba(28,30,13,.6)}.key-demo small[data-v-9309b17d]{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;width:19px;height:19px;border:2px solid rgba(28,30,13,.6);border-radius:50%;background:var(--ui-number);color:#fff;font:600 10px/1.2 IBM Plex Mono,monospace;letter-spacing:-.05em}.key-demo--finger b[data-v-9309b17d]{background:#fff;border:1px solid rgba(28,30,13,.6);color:var(--ui-carbon);font-size:14px}.key-demo--finger small[data-v-9309b17d]{font-family:var(--ui-font)}.bellows-demo[data-v-9309b17d]{display:flex;align-items:center;gap:18px;padding:0 15px}.bellows-demo span[data-v-9309b17d]{display:flex;align-items:center;justify-content:center;gap:5px;min-height:39px;padding:10px 15px;border-radius:6px;background:var(--ui-yellow);color:#fff;font:700 16px/1.2 var(--ui-font);letter-spacing:-.05em;text-transform:uppercase}.bellows-demo span+span[data-v-9309b17d]{width:120px;background:var(--ui-blue)}.bellows-demo img[data-v-9309b17d]{display:block;width:16px;height:16px;flex:0 0 16px}.bellows-demo__left[data-v-9309b17d]{transform:rotate(180deg)}.systems-table[data-v-9309b17d]{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:157px 140px;width:100%;margin-top:60px;border-top:1px solid rgba(246,246,246,.1);border-left:1px solid rgba(246,246,246,.1)}.system-hand[data-v-9309b17d],.system-cell[data-v-9309b17d]{border-right:1px solid rgba(246,246,246,.1);border-bottom:1px solid rgba(246,246,246,.1)}.system-hand[data-v-9309b17d]{grid-column:span 3;display:flex;align-items:center;gap:15px;padding:0 29px;color:var(--ui-main)}.system-hand strong[data-v-9309b17d]{font:500 25px/23.8px var(--ui-font);letter-spacing:-.05em;white-space:nowrap}.system-hand b[data-v-9309b17d]{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:var(--ui-yellow);color:#fff;font:700 13px/1 var(--ui-font)}.system-hand b.blue[data-v-9309b17d]{background:var(--ui-blue)}.system-cell[data-v-9309b17d]{padding:30px 21px;color:var(--ui-main)}.system-cell h3[data-v-9309b17d]{margin:0;font:500 16px/23.8px var(--ui-font);letter-spacing:-.05em}.system-cell p[data-v-9309b17d]{min-height:0;margin:10px 0 15px;font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em}.system-cell span[data-v-9309b17d]{display:flex;gap:5px}.system-cell i[data-v-9309b17d]{width:11px;height:11px;border:1px solid var(--ui-orb);border-radius:50%;background:#fff}.system-cell i.yellow[data-v-9309b17d]{background:var(--ui-yellow)}.system-cell i.blue[data-v-9309b17d]{background:var(--ui-blue)}.system-cell i.dark[data-v-9309b17d]{border-color:var(--ui-main);background:var(--ui-carbon)}.popular-grid[data-v-9309b17d]{display:grid;grid-template-columns:repeat(5,minmax(0,255px));gap:11px;width:100%;margin-top:60px}.pricing-grid[data-v-9309b17d]{display:grid;grid-template-columns:1fr 1fr;width:100%;height:715px;margin-top:61px;border:1px solid rgba(246,246,246,.1)}.pricing-grid__left[data-v-9309b17d]{display:flex;flex-direction:column;justify-content:center;gap:103px;border-right:1px solid rgba(246,246,246,.1)}.pricing-lead[data-v-9309b17d]{display:flex;flex-direction:column;gap:42px;width:100%;padding-left:15px}.pricing-lead h3[data-v-9309b17d]{margin:0;font:500 40px/1.2 var(--ui-font);letter-spacing:-.05em}.pricing-lead p[data-v-9309b17d]{width:280px;margin:0;font:400 16px/1.2 var(--ui-font);letter-spacing:-.05em}.pricing-grid__left-bottom[data-v-9309b17d]{display:flex;flex-direction:column;gap:30px}.pricing-billing[data-v-9309b17d]{display:grid;grid-template-columns:1fr 1fr;height:110px}.pricing-billing__switch[data-v-9309b17d]{display:flex;align-items:center;gap:15px;padding:0 20px;border-top:1px solid rgba(246,246,246,.1);border-right:1px solid rgba(246,246,246,.1);border-bottom:1px solid rgba(246,246,246,.1);font:500 18px/1.2 var(--ui-font);letter-spacing:-.05em;white-space:nowrap}.pricing-billing__switch>i[data-v-9309b17d]{display:flex;align-items:center;width:60px;height:20px;padding:1px 10px 1px 1px;border:2px solid rgba(246,246,246,.1);border-radius:100px}.pricing-billing__switch b[data-v-9309b17d]{display:block;width:30px;height:14px;border:2px solid rgba(246,246,246,.1);border-radius:100px;background:var(--ui-yellow)}.pricing-billing>p[data-v-9309b17d]{display:flex;align-items:center;margin:0;padding:0 40px;border-top:1px solid rgba(246,246,246,.1);border-bottom:1px solid rgba(246,246,246,.1);font:500 18px/1.2 var(--ui-font);letter-spacing:-.05em;white-space:nowrap}.pricing-grid__left-bottom>.pricing-plan[data-v-9309b17d]{margin:0 14px}.pricing-grid__right[data-v-9309b17d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.pricing-plan-divider[data-v-9309b17d]{width:100%;height:1px;flex:0 0 1px;background:#f6f6f61a}@media (max-width:900px){.home-new__hero[data-v-9309b17d]{padding-top:40px}.home-new__hero h1[data-v-9309b17d]{font-size:clamp(48px,12vw,76px)}.music-lines[data-v-9309b17d]{height:80px}#features[data-v-9309b17d]{padding-top:60px}#features[data-v-9309b17d] .ui-section-intro,#systems[data-v-9309b17d] .ui-section-intro,#library-preview[data-v-9309b17d] .ui-section-intro,#pricing[data-v-9309b17d] .ui-section-intro{grid-template-columns:1fr;gap:24px}#features[data-v-9309b17d] .ui-section-intro h2,#systems[data-v-9309b17d] .ui-section-intro h2,#library-preview[data-v-9309b17d] .ui-section-intro h2,#pricing[data-v-9309b17d] .ui-section-intro h2{font-size:clamp(42px,9vw,60px)}.feature-row[data-v-9309b17d]{grid-template-columns:1fr;gap:20px}.feature-row__content[data-v-9309b17d]{width:min(437px,100%)!important}.systems-table[data-v-9309b17d]{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.system-hand[data-v-9309b17d]{grid-column:1/-1;min-height:120px}.system-cell[data-v-9309b17d]{min-height:140px}.system-cell--empty[data-v-9309b17d]{display:none}.popular-grid[data-v-9309b17d]{grid-template-columns:repeat(2,1fr)}.pricing-grid[data-v-9309b17d]{grid-template-columns:1fr;height:auto}.pricing-grid__left[data-v-9309b17d]{gap:60px;padding-top:30px;border-right:0;border-bottom:1px solid rgba(246,246,246,.1)}.pricing-grid__left-bottom>.pricing-plan[data-v-9309b17d]{margin:0 14px 30px}.pricing-grid__right[data-v-9309b17d]{gap:30px;padding:30px 14px}.pricing-plan-divider[data-v-9309b17d]{width:calc(100% + 28px)}}@media (max-width:540px){.home-new__hero h1[data-v-9309b17d]{font-size:46px}.home-new__hero>p[data-v-9309b17d]{font-size:17px}.popular-grid[data-v-9309b17d],.systems-table[data-v-9309b17d]{grid-template-columns:1fr}.system-hand[data-v-9309b17d]{grid-column:1;padding:0 20px}.system-cell[data-v-9309b17d]{padding:25px 20px}.home-new__section[data-v-9309b17d]{padding:44px 20px}.pricing-lead[data-v-9309b17d]{padding:0 14px}.pricing-lead h3[data-v-9309b17d]{font-size:34px}.pricing-billing[data-v-9309b17d]{grid-template-columns:1fr;height:auto}.pricing-billing__switch[data-v-9309b17d],.pricing-billing>p[data-v-9309b17d]{min-height:80px;padding:0 14px;border-right:0}.pricing-billing__switch[data-v-9309b17d]{gap:10px;font-size:15px}.pricing-billing>p[data-v-9309b17d]{font-size:15px}.pricing-grid__left-bottom>.pricing-plan[data-v-9309b17d]{margin:0 14px 30px;width:calc(100% - 28px)}}@media (min-width:901px){.pricing-grid[data-v-9309b17d]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-sizing:border-box}.pricing-grid__left[data-v-9309b17d],.pricing-grid__right[data-v-9309b17d]{min-width:0}.pricing-billing[data-v-9309b17d]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pricing-billing__switch[data-v-9309b17d],.pricing-billing>p[data-v-9309b17d]{min-width:0;width:100%;box-sizing:border-box;white-space:nowrap}.pricing-billing__switch[data-v-9309b17d]{flex-wrap:nowrap}}@media (min-width:1401px){.pricing-grid__left[data-v-9309b17d]{gap:102px}}@media (max-width:900px){.pricing-grid__left-bottom>.pricing-plan[data-v-9309b17d]{width:calc(100% - 28px)}}@media (min-width:541px) and (max-width:1400px){.pricing-grid__left[data-v-9309b17d]{gap:53px}.pricing-billing[data-v-9309b17d]{grid-template-columns:1fr;height:auto}.pricing-billing__switch[data-v-9309b17d],.pricing-billing>p[data-v-9309b17d]{min-height:80px;width:100%;padding:0 14px;box-sizing:border-box;white-space:normal}.pricing-billing__switch[data-v-9309b17d]{border-right:0}}.catalog-filters[data-v-d9ae3ddc]{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:8px;flex:1;min-width:0;margin-left:20px}@media (max-width:1200px){.catalog-filters[data-v-d9ae3ddc]{width:100%;margin-left:0}}@media (max-width:900px){.catalog-filters[data-v-d9ae3ddc]{flex-wrap:wrap;justify-content:flex-start;width:100%}}.ui-search-field__icon[data-v-81318dbf]{display:block;width:16px;height:16px;flex:0 0 16px}.library-catalog-page[data-v-a2c5f198]{flex:1;min-height:0;overflow-y:auto;background:var(--ui-main);color:var(--ui-carbon);font-family:var(--ui-font)}.catalog-content[data-v-a2c5f198]{display:flex;flex-direction:column;gap:59px;width:100%;padding:60px var(--page-pad)}.catalog-heading[data-v-a2c5f198]{width:100%}.catalog-heading h1[data-v-a2c5f198]{margin:0;padding-left:0;font:600 60px/1.2 var(--ui-font);letter-spacing:-.05em;white-space:nowrap}.catalog-results[data-v-a2c5f198]{display:flex;flex-direction:column;gap:30px;width:100%}.catalog-toolbar[data-v-a2c5f198]{position:relative;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;width:100%}.catalog-search[data-v-a2c5f198]{width:289px;flex:0 0 289px}.catalog-card-grid[data-v-a2c5f198]{display:grid;grid-template-columns:repeat(5,minmax(0,255px));gap:10px 11px;width:100%}.catalog-card-grid[data-v-a2c5f198] .ui-lesson-card{width:255px}.catalog-feature[data-v-a2c5f198]{grid-column:span 2;width:521px;height:321px;border-radius:6px;background:url(/assets/figma/library-feature.jpg) center/cover no-repeat}.catalog-message[data-v-a2c5f198]{display:flex;align-items:center;justify-content:center;min-height:321px;border:1px dashed rgba(28,30,13,.2);border-radius:6px;color:#1c1e0d99;font:400 16px/1.2 var(--ui-font)}.catalog-message.error[data-v-a2c5f198]{color:#c2410c;border-color:#c2410c}@media (max-width:1200px){.catalog-heading[data-v-a2c5f198]{display:block}.catalog-heading h1[data-v-a2c5f198]{font-size:clamp(44px,7vw,60px)}.catalog-toolbar[data-v-a2c5f198]{flex-direction:column;gap:20px}.catalog-card-grid[data-v-a2c5f198]{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.catalog-card-grid[data-v-a2c5f198] .ui-lesson-card{width:100%}.catalog-feature[data-v-a2c5f198]{grid-column:span 2;width:100%}}@media (max-width:600px){.catalog-content[data-v-a2c5f198]{gap:36px;padding:40px 20px}.catalog-heading h1[data-v-a2c5f198]{font-size:40px;white-space:normal}.catalog-search[data-v-a2c5f198]{width:100%;flex-basis:auto}.catalog-card-grid[data-v-a2c5f198]{grid-template-columns:1fr}.catalog-feature[data-v-a2c5f198]{grid-column:span 1;height:auto;aspect-ratio:521/321}}.player-view-controls[data-v-87727380]{position:relative;display:flex;align-items:center;gap:15px;width:87px;flex:0 0 87px}.player-volume[data-v-87727380]{position:relative;display:flex;align-items:center;width:36px;flex:0 0 36px}.player-view-button[data-v-87727380]{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;padding:9px;border:0;border-radius:50%;background:#1c1e0d1a;cursor:pointer}.player-view-button img[data-v-87727380]{display:block;width:18px;height:18px}.player-stretch[data-v-87727380]{transition:background-color .15s ease}.player-stretch[aria-pressed=true][data-v-87727380]{background:var(--ui-yellow)}.player-volume__button[data-v-87727380]{position:relative;transition:border-radius .16s ease}.player-volume__button img[data-v-87727380]{transform:translate(-4px)}.player-volume__level[data-v-87727380]{position:absolute;right:12px;top:10px;width:2px;height:16px;overflow:hidden;border-radius:2px;background:#1c1e0d2e}.player-volume__level i[data-v-87727380]{position:absolute;right:0;bottom:0;left:0;height:var(--volume);border-radius:inherit;background:var(--ui-yellow)}.player-volume__slider[data-v-87727380]{position:absolute;top:0;left:36px;display:flex;align-items:center;justify-content:center;width:0;height:36px;padding:10px 0;overflow:hidden;opacity:0;border-radius:0 100px 100px 0;background:#1c1e0d1a;transition:width .16s ease,padding .16s ease,opacity .1s ease}.player-volume[data-v-87727380]:hover{z-index:2}.player-volume:hover .player-volume__button[data-v-87727380]{border-radius:100px 0 0 100px}.player-volume:hover .player-volume__level[data-v-87727380]{display:none}.player-volume:hover .player-volume__slider[data-v-87727380]{width:47px;padding-right:9px;opacity:1}.player-volume:hover+.player-stretch[data-v-87727380]{visibility:hidden}.player-volume__slider input[data-v-87727380]{width:48px;height:5px;flex:0 0 48px;margin:0;padding:0;appearance:none;background:transparent;cursor:pointer;transform:translate(-10px)}.player-volume__slider input[data-v-87727380]:focus{outline:none}.player-volume__slider input[data-v-87727380]::-moz-focus-outer{border:0}.player-volume__slider input[data-v-87727380]::-webkit-slider-runnable-track{height:2px;border-radius:6px;background:linear-gradient(to right,var(--ui-yellow) 0 var(--volume),#fff var(--volume) 100%)}.player-volume__slider input[data-v-87727380]::-webkit-slider-thumb{width:5px;height:5px;margin-top:-1.5px;border:0;appearance:none;background:url(/assets/figma/volume-knob.svg) center/5px 5px no-repeat}.player-volume__slider input[data-v-87727380]::-moz-range-track{height:2px;border:0;border-radius:6px;background:#fff}.player-volume__slider input[data-v-87727380]::-moz-range-progress{height:2px;border-radius:6px;background:var(--ui-yellow)}.player-volume__slider input[data-v-87727380]::-moz-range-thumb{width:5px;height:5px;border:0;background:url(/assets/figma/volume-knob.svg) center/5px 5px no-repeat}.save-toast[data-v-03473beb]{position:fixed;right:20px;bottom:20px;z-index:1000;display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid transparent;border-radius:9px;white-space:nowrap;font:500 12px var(--ui-font);box-shadow:0 8px 24px #1c1e0d29}.save-toast.saved[data-v-03473beb]{color:#fff;background:#2a52be;border-color:#2a52be}.save-toast.saving[data-v-03473beb]{color:#1c1e0d;background:#e6a52c;border-color:#e6a52c;font-weight:600}.save-toast.failed[data-v-03473beb],.save-toast.conflict[data-v-03473beb]{color:#fff;background:#c2410c;border-color:#c2410c}.save-toast__icon[data-v-03473beb]{display:flex;align-items:center;justify-content:center;width:15px;height:15px;flex:none;border-radius:50%}.saved .save-toast__icon[data-v-03473beb],.failed .save-toast__icon[data-v-03473beb],.conflict .save-toast__icon[data-v-03473beb]{background:#ffffff2e}.save-toast__spinner[data-v-03473beb]{width:12px;height:12px;flex:none;border:2px solid rgba(28,30,13,.25);border-top-color:#1c1e0d;border-radius:50%;animation:save-toast-spin-03473beb .7s linear infinite}.save-toast-enter-active[data-v-03473beb],.save-toast-leave-active[data-v-03473beb]{transition:transform .22s ease,opacity .22s ease}.save-toast-enter-from[data-v-03473beb],.save-toast-leave-to[data-v-03473beb]{transform:translateY(24px);opacity:0}@keyframes save-toast-spin-03473beb{to{transform:rotate(360deg)}}.verify-email[data-v-a1f99595]{text-align:center}.verify-email__title[data-v-a1f99595]{margin:0;font-size:22px;font-weight:700;color:var(--fg)}.verify-email__body[data-v-a1f99595]{margin:0;max-width:340px;color:var(--fg2);font-size:14px;line-height:1.5}.verify-email__btn[data-v-a1f99595]{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border:0;border-radius:12px;background:var(--warm);color:var(--warm-ink);font:600 15px var(--ui-font);cursor:pointer;box-shadow:0 2px 12px #e6a52c59}.verify-email__btn[data-v-a1f99595]:hover{filter:brightness(1.04)}