.premium-mobile-nav.song-first-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.song-first-navigation[data-admin=true]{grid-template-columns:repeat(5,minmax(0,1fr))}.song-first-navigation[data-admin=false]{grid-template-columns:repeat(4,minmax(0,1fr))}.song-first-navigation a{flex-direction:column;gap:3px;padding-inline:2px}.song-first-navigation span{font-size:12px}.song-first-navigation a[data-version]:after{content:attr(data-version);font-size:10px;line-height:12px}.learning-navigation{z-index:40;flex-shrink:0;margin:0;position:relative}.learning-navigation summary{cursor:pointer;border:1px solid var(--nota-color-border);background:var(--nota-color-surface);color:var(--nota-color-text);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-weight:800;list-style:none;display:flex}.learning-navigation summary::-webkit-details-marker{display:none}.learning-tools{background:var(--nota-color-surface);border:1px solid var(--nota-color-border);border-radius:16px;gap:4px;width:min(440px,100%);padding:8px;display:grid;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 32px #2a102626}.learning-tools>nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.app-canvas{flex-direction:column;display:flex}.app-canvas>.page{flex:1;height:auto;min-height:0}.sidebar-tools-navigation{margin-top:12px}.sidebar-tools-navigation summary{color:#fff;background:#482238;border-color:#70465e}.sidebar-tools-navigation summary[aria-current=location]{color:#fff3f7;background:#ff8a7833;border-color:#ffad9d}.sidebar-tools-navigation .learning-tools{width:100%;box-shadow:none;background:0 0;border:0;border-left:1px solid #70465e;border-radius:0;margin-top:6px;padding:0 0 0 12px;position:static}.sidebar-tools-navigation .learning-tools>nav{grid-template-columns:minmax(0,1fr)}.sidebar-tools-navigation .learning-tools a{justify-content:flex-start}.sidebar-tools-navigation .learning-tools a span{font-size:14px}.premium-sidebar{overflow-y:auto}.sidebar-wallet-slot{margin-top:12px}.sidebar-wallet a{color:#fff;background:#482238;border:1px solid #70465e;border-radius:14px;align-items:center;gap:10px;min-height:44px;padding:12px;text-decoration:none;display:flex}.sidebar-wallet a>span{gap:4px;min-width:0;display:grid}.sidebar-wallet strong{font-size:14px}.sidebar-wallet small{color:#f1d6e3;font-variant-numeric:tabular-nums;font-size:13px;line-height:1.3}.sidebar-wallet button{color:#fff;min-height:44px;font:inherit;background:#482238;border:1px solid #70465e;border-radius:12px;margin-top:4px;padding:8px 12px}.shell-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px clamp(16px,3vw,40px);display:flex}.shell-profile-link{min-height:44px;color:var(--nota-color-text);background:var(--nota-color-surface);border:1px solid var(--nota-color-border);border-radius:14px;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.premium-sidebar>.shell-profile-link{color:#fff;background:#482238;border-color:#70465e;margin-top:12px}.mobile-profile-link{flex-shrink:0}@media (width>=960px){.mobile-profile-link,.shell-toolbar{display:none}}@media (width<=959px){.app-shell{--nota-mobile-navigation-size:max(68px, 4.25rem)}.app-shell .premium-mobile-nav{width:100%;min-height:calc(var(--nota-mobile-navigation-size) + env(safe-area-inset-bottom));padding-bottom:calc(6px + env(safe-area-inset-bottom));flex:none;position:relative}.shell-toolbar{flex-shrink:0;justify-content:flex-end;padding:4px 16px;position:relative}.app-canvas[data-route=reference] .shell-toolbar{justify-content:flex-end;position:relative;top:auto;right:auto}.app-canvas .app-version{display:none}.app-shell .app-canvas{padding-bottom:0}}.learning-navigation a{min-height:44px;padding:6px 10px}.learning-navigation a span{font-size:12px}.sidebar-version{color:#e5bccc;margin-top:12px;padding-inline:12px;font-size:13px}.mobile-tools-navigation summary{color:#e5bccc;background:0 0;border:0;flex-direction:column;justify-content:center;gap:3px;padding:4px 2px}.mobile-tools-navigation summary[aria-current=location]{color:#ffad9d;background:#ff8a7821}.mobile-tools-navigation summary span{font-size:12px}.mobile-tools-navigation{position:static}.mobile-tools-navigation .learning-tools{width:auto;max-height:min(60dvh,480px);position:absolute;inset:auto 12px calc(100% + 8px);overflow:auto}.mobile-tools-navigation .learning-tools>nav a{color:var(--nota-color-text);background:0 0;flex-direction:row;justify-content:flex-start}.mobile-tools-navigation .learning-tools>nav a[aria-current=page]{color:var(--nota-color-text);background:var(--nota-color-surface-muted,#f7eaf0)}.mobile-tools-navigation .learning-tools a span{font-size:14px}.mobile-tools-footer{color:var(--nota-color-text-muted);gap:8px;padding:12px 4px 4px;font-size:13px;display:grid}.mobile-tools-footer p{margin:0}.sidebar-brand-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-brand-row .nota-brand{min-width:0}.premium-sidebar .sidebar-brand-row .nota-brand,.premium-sidebar .sidebar-brand-row .nota-brand-copy strong{color:#fff3f7}.premium-sidebar .sidebar-brand-row .nota-brand-copy small{color:#e5bccc;font-size:11px}.sidebar-collapse{color:#fff3f7;background:0 0;border:1px solid #70465e;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.sidebar-collapse:focus-visible{outline-offset:3px;outline:3px solid #ffad9d}.sidebar-signout{color:#fff3f7;background:0 0;border:1px solid #70465e;justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.sidebar-signout svg{flex-shrink:0}.premium-sidebar>.sidebar-audio-local{color:#e5bccc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;min-height:44px;margin:auto 0 0;padding:16px 12px 10px;font-size:12px;line-height:1.4;display:flex}.sidebar-audio-local svg{flex-shrink:0}.sidebar-audio-local:focus-visible{outline-offset:2px;outline:3px solid #ffad9d}.sidebar-audio-local--mobile{text-align:left;min-height:44px;font:inherit;color:var(--nota-color-text);background:var(--nota-color-surface);border:1px solid var(--nota-color-border);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex}.shell-audio-backdrop{z-index:100;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#1a0818a6;place-items:center;display:grid;position:fixed;inset:0}.shell-audio-dialog{overscroll-behavior:contain;border:1px solid var(--nota-color-border);background:var(--nota-color-surface);width:min(100%,680px);min-width:0;max-height:100%;color:var(--nota-color-text);border-radius:28px;padding:clamp(20px,4vw,32px);overflow-y:auto;box-shadow:0 24px 80px #1a081840}.shell-audio-dialog>header{grid-template-columns:minmax(0,1fr) 112px;align-items:start;gap:16px;display:grid}.shell-audio-dialog>header img{max-width:100%;height:auto}.shell-audio-dialog h2{margin:12px 0;font-size:clamp(22px,3vw,28px);line-height:1.2}.shell-audio-dialog p{color:var(--nota-color-text-muted);margin:8px 0 0;font-size:15px;line-height:1.6}.shell-audio-dialog ol{gap:18px;margin:24px 0;padding-left:24px;display:grid}.shell-audio-dialog li{padding-left:6px}.shell-audio-dialog li::marker{color:var(--nota-color-accent);font-weight:800}.shell-audio-dialog h3{margin:0;font-size:17px}.shell-audio-dialog>button{width:100%;min-height:44px;font:inherit;color:var(--nota-button-foreground,#fff);background:var(--nota-color-accent);cursor:pointer;border:0;border-radius:14px;padding:12px 20px;font-weight:700}.shell-audio-dialog>button:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:3px}@media (width<=480px){.shell-audio-dialog>header{grid-template-columns:minmax(0,1fr) 64px;gap:8px}}.premium-sidebar>.sidebar-version{margin-top:0;padding-top:4px}@media (width>=960px){.app-shell.premium-shell[data-collapsed=true]{grid-template-columns:84px minmax(0,1fr)}.app-shell[data-collapsed=true] .premium-sidebar{padding-inline:12px}.app-shell[data-collapsed=true] .sidebar-brand-row{flex-direction:column}.app-shell[data-collapsed=true] .premium-sidebar .nota-brand-copy{display:none}.app-shell[data-collapsed=true] .premium-sidebar .nota-brand{margin:0;padding:0}.app-shell[data-collapsed=true] .premium-sidebar nav a,.app-shell[data-collapsed=true] .sidebar-tools-navigation summary{justify-content:center;padding-inline:8px}.app-shell[data-collapsed=true] .premium-sidebar nav a span,.app-shell[data-collapsed=true] .sidebar-tools-navigation summary span,.app-shell[data-collapsed=true] .sidebar-audio-local span,.app-shell[data-collapsed=true] .sidebar-signout span,.app-shell[data-collapsed=true] .sidebar-version>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell[data-collapsed=true] .sidebar-tools-navigation .learning-tools{border-left:0;padding-left:0}.app-shell[data-collapsed=true] .sidebar-wallet a{justify-content:center;gap:0;padding-inline:8px}.app-shell[data-collapsed=true] .sidebar-wallet a>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell[data-collapsed=true] .sidebar-audio-local{justify-content:center;padding-inline:4px}.app-shell[data-collapsed=true] .sidebar-version{text-align:center;padding-inline:0;font-size:11px}.app-shell[data-collapsed=true] .premium-sidebar>.legal-links{overflow-wrap:anywhere;padding-inline:0;font-size:10px}}@media (prefers-reduced-motion:reduce){.app-shell{transition:none}}.app-shell .shell-toolbar{z-index:15;min-height:calc(64px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) clamp(12px, 3vw, 40px) 8px;background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.shell-context,.shell-utilities{align-items:center;gap:8px;min-width:0;display:flex}.shell-context{flex:1}.shell-utilities{flex:none}.shell-current-section{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.shell-mobile-brand{display:none}.shell-breadcrumbs{align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:700;display:flex}.shell-breadcrumbs a{min-height:44px;color:var(--nota-color-accent);flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.shell-breadcrumbs a:hover{text-decoration:underline}.shell-breadcrumbs a:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:2px}.shell-breadcrumbs svg{flex-shrink:0}.shell-breadcrumbs [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell-utilities .shell-action,.shell-utilities .shell-profile-link{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--text);background:var(--surface);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.shell-utilities a:hover,.shell-utilities a[aria-current=page]{background:var(--rose-50)}.shell-utilities a:focus-visible,.shell-skip:focus-visible{outline:3px solid var(--text);outline-offset:3px}.shell-skip{z-index:60;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;position:fixed;top:-200px;left:12px}.shell-skip:focus{top:8px}.shell-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.shell-content>.page{flex:1;height:auto;min-height:0}.shell-back{min-width:44px;min-height:44px;color:var(--nota-color-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px;text-decoration:none;display:inline-flex}.shell-back:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:2px}@media (width<=959px){.app-shell .shell-toolbar{min-height:calc(56px + env(safe-area-inset-top));padding-block:calc(4px + env(safe-area-inset-top)) 4px}.shell-mobile-brand{display:block}.shell-mobile-brand .nota-brand{gap:8px;margin:0}.shell-mobile-brand .nota-brand-icon{border-radius:10px;flex:0 0 32px;width:32px;height:32px}.shell-mobile-brand .nota-brand-mark{width:24px;height:24px}.shell-mobile-brand .nota-brand-copy strong{font-size:18px}.shell-mobile-brand .nota-brand-copy small,.shell-current-section,.shell-section-icon,.shell-back span{display:none}.shell-context:has(.shell-back) .shell-mobile-brand{display:none}.shell-context:has(.shell-breadcrumbs) .shell-mobile-brand{display:none}.shell-utilities .shell-action-label{display:none}}@media (prefers-reduced-motion:reduce){.shell-utilities a{transition:none}}.nota-segmented-control{background:var(--nota-color-surface-muted);border:1px solid var(--nota-color-border);border-radius:12px;align-items:center;gap:3px;padding:4px;display:flex}.nota-segmented-control__option{min-height:38px;color:var(--nota-color-text-muted);font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;padding:0 14px;font-size:14px;font-weight:800}.nota-segmented-control__option[aria-selected=true]{border-color:var(--nota-color-accent);color:var(--nota-color-surface);background:var(--nota-color-accent);box-shadow:0 5px 18px #0000001f}.nota-segmented-control__option:focus-visible{outline:3px solid var(--nota-color-focus,var(--nota-color-accent));outline-offset:2px}.nota-segmented-control__option:hover:not([aria-selected=true]){background:var(--nota-color-accent-soft);color:var(--nota-color-accent)}@media (width<=780px){.nota-segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nota-segmented-control__option{padding-inline:8px}}.score-editor{border:1px solid var(--nota-color-border);min-width:0;color:var(--nota-color-text);background:var(--nota-color-surface);border-radius:24px;gap:14px;padding:18px;display:grid}.score-editor h2,.score-editor h3,.score-editor p{margin:0}.score-editor header p,.score-practice p{color:var(--nota-color-text-muted);margin-top:8px;line-height:1.55}.score-editor__title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.score-editor__title h2{overflow-wrap:anywhere;font-size:clamp(20px,1.6vw,26px)}.score-editor__layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);align-items:start;gap:20px;display:grid}.score-editor__music{min-width:0}.score-editor__inspector{border:1px solid var(--nota-color-border);border-radius:18px;gap:16px;min-width:0;padding:16px;display:grid}.score-editor__inspector h3{font-size:18px}.score-editor__inspector .score-correction{display:grid}.score-editor__help summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.score-editor__help p{color:var(--nota-color-text-muted);margin-top:12px;font-size:14px;line-height:1.55}.score-controls,.score-correction,.score-downloads,.score-page-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.score-editor label{gap:8px;min-width:0;font-weight:600;display:grid}.score-editor input,.score-editor select{border:1px solid var(--nota-color-border);width:100%;min-width:0;min-height:44px;color:inherit;background:var(--nota-color-surface);font:inherit;border-radius:12px;padding:8px 12px}.score-controls input{max-width:120px}.score-page-controls{justify-content:space-between;align-items:center}.score-notice{background:var(--nota-color-surface-muted,#f5edf2);border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.5}.score-tuning{color:var(--nota-color-text-muted);font-size:14px}.score-scroll{min-width:0;max-width:100%;padding-bottom:8px;overflow-x:auto}.score-staff{gap:4px;width:max-content;min-width:100%;padding-left:40px;display:flex}.score-column{flex-direction:column;justify-content:end;width:88px;display:flex}.score-column>button{width:88px;min-height:144px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:4px}.score-column>button span{white-space:nowrap;font-size:12px;display:block}.score-column>button[aria-pressed=true]{border-color:var(--nota-color-accent,#8c3268);background:var(--nota-color-surface-muted,#f8eaf3)}.score-pitch{fill:currentColor;width:100%;height:110px;display:block}.score-pitch line{stroke:currentColor;stroke-width:.8px;opacity:.65}.score-clef{font:42px serif}.score-accidental{font:22px serif}.score-tab{background:var(--nota-color-surface-muted,#f5edf2);border-radius:12px;width:max-content;min-width:100%;margin-top:20px;padding-block:12px}.score-tab__row{height:44px;display:flex}.score-tab__label{place-content:center;width:40px;font-size:12px;display:grid}.score-tab__cell{justify-content:center;align-items:center;width:92px;display:flex;position:relative}.score-tab__cell:before{content:"";opacity:.3;background:currentColor;height:1px;position:absolute;top:50%;left:0;right:0}.score-tab__cell button{z-index:1;background:var(--nota-color-surface);width:44px;height:44px;color:inherit;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:0}.score-tab__cell button[aria-pressed=true]{color:var(--nota-color-surface);background:var(--nota-color-accent,#792b60)}.score-editor button:focus-visible,.score-editor input:focus-visible,.score-editor select:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:3px}.score-practice{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);color:var(--nota-color-text);border-radius:24px;grid-template-columns:minmax(0,1fr);gap:20px;padding:24px;display:grid}.score-practice>header{grid-column:1/-1}.score-practice__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.score-practice__header h3{margin:0;font-size:18px}.score-practice .score-practice__header p{margin:8px 0 0}.score-practice .score-practice__mode{align-items:center;gap:12px;min-height:44px;display:flex}.score-practice__mode input{width:22px;height:22px;accent-color:var(--nota-color-accent,#792b60)}.score-practice__exercise{grid-template-columns:minmax(0,1fr) minmax(300px,440px);align-items:start;gap:24px;display:grid}.score-practice__question{border:1px solid var(--nota-color-border);border-radius:20px;justify-content:center;align-items:center;gap:24px;min-height:150px;padding:12px 20px;display:flex}.score-practice__question>button{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);min-height:130px;color:inherit;cursor:pointer;border-radius:16px;flex:0 0 160px;padding:4px}.score-practice__question>button:disabled{cursor:default;border-color:#0000}.score-practice__question .score-pitch{width:150px;max-width:100%;height:130px}.score-practice__question p{max-width:55ch;font-size:14px}.score-practice__guitar{min-width:0}.score-practice__guitar>p{font-size:14px}.score-practice__hint{background:var(--nota-color-surface-muted,#f8eaf3);border-radius:12px;padding:12px}.score-practice__answer{min-width:0}.score-practice__controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0;display:grid}.score-practice__controls>button:first-child{grid-column:1/-1;justify-self:start}.score-practice__controls label{min-width:0}.score-practice__controls p{min-width:60px}.score-practice__feedback-space{min-height:96px;padding-top:12px}.score-practice__feedback{border:1px solid var(--nota-color-border);border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-weight:600;line-height:1.4;display:flex}.score-practice__feedback svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 24px}.score-practice__feedback--correct{color:var(--nota-color-text);background:color-mix(in srgb, #39a373 14%, var(--nota-color-surface));border-color:color-mix(in srgb, #39a373 45%, var(--nota-color-border))}.score-practice__feedback--correct svg{color:#228058}.score-practice__feedback--incorrect{color:var(--nota-color-text);background:color-mix(in srgb, #d79642 14%, var(--nota-color-surface));border-color:color-mix(in srgb, #d79642 45%, var(--nota-color-border))}.score-practice__feedback--incorrect svg{color:#a76018}html[data-theme=dark] .score-practice__feedback--correct svg{color:#8ae0b7}html[data-theme=dark] .score-practice__feedback--incorrect svg{color:#f3c27a}.score-practice button:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:3px}.score-practice label{gap:8px;display:grid}.score-practice select{width:100%;min-width:0;min-height:44px;color:inherit;background:var(--nota-color-surface);border:1px solid var(--nota-color-border);font:inherit;border-radius:12px;padding:10px 12px}@media (width<=1080px){.score-editor__layout{grid-template-columns:minmax(0,1fr)}.score-editor__inspector{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.score-editor__inspector h3{grid-column:1/-1}.score-practice__exercise{grid-template-columns:minmax(0,1fr);gap:16px}.score-practice__controls{grid-template-columns:auto minmax(160px,1fr) auto}.score-practice__controls>button:first-child{grid-column:auto}}@media (width<=600px){.score-editor{border-radius:18px;gap:16px;padding:16px}.score-controls,.score-correction,.score-downloads{align-items:stretch}.score-controls>label,.score-correction>label{width:100%}.score-editor button{max-width:100%}.score-practice{grid-template-columns:minmax(0,1fr);padding:16px}.score-practice__question{flex-wrap:wrap;gap:12px;min-height:150px;padding:12px}.score-practice__question .score-pitch{width:150px;height:130px}.score-practice__controls>button{flex:160px}.score-practice__controls{grid-template-columns:minmax(0,1fr)}.score-practice__controls>button:first-child{justify-self:stretch}}.learning-explanation{width:100%;min-width:0;margin-block:18px}.learning-explanation__panel{border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;border-radius:20px;padding:20px}.learning-explanation__header,.learning-explanation__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.learning-explanation__header h3{margin:0;font-size:18px}.learning-explanation__header{grid-template-columns:minmax(0,1fr) 44px;align-items:start;display:grid}.learning-explanation__header button{flex:0 0 44px;width:44px;padding:8px}.learning-explanation__privacy,.learning-explanation__answer small{color:var(--secondary);line-height:1.6}.learning-explanation__privacy{margin-block:14px}.learning-explanation__allowance{font-size:14px;font-weight:700;line-height:1.6}.learning-explanation__allowance span{color:var(--secondary);font-weight:400;display:block}.learning-explanation__consent{align-items:flex-start;gap:12px;margin-block:16px;line-height:1.6;display:flex}.learning-explanation__consent input{width:24px;height:24px;accent-color:var(--nota-color-accent,var(--plum));flex:0 0 24px;margin:0}.learning-explanation__actions{justify-content:flex-start}.learning-explanation__answer{border-top:1px solid var(--divider);white-space:pre-wrap;padding-top:16px;line-height:1.7}@media (width<=600px){.learning-explanation__panel{padding:16px}.learning-explanation__actions button{width:100%}}.training-module{background:#ffffffeb;border:1px solid #fffffff5;border-radius:30px;gap:20px;width:min(840px,100%);margin:0 auto;padding:clamp(22px,4vw,42px);display:grid;box-shadow:0 16px 38px #35152f1a}.premium-shell .page.training-module{overscroll-behavior:contain;grid-auto-rows:max-content;align-content:start;height:100%;min-height:0;padding:clamp(16px,3vw,28px);display:grid;overflow:auto}.training-module__header>div{min-width:0}.training-module h2,.training-module h3,.training-module p{overflow-wrap:anywhere}.training-module:focus-visible{outline:2px solid var(--nota-color-accent);outline-offset:-4px}.training-module__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.training-module__eyebrow{color:var(--nota-palette-plum-600);text-transform:uppercase;margin:0}.training-module__header h2,.training-module--report h2{color:var(--nota-palette-neutral-900);margin:7px 0 6px}.training-module__header div>p:last-child{max-width:620px;color:var(--nota-palette-neutral-600);margin:0}.training-module__close{border:1px solid var(--nota-color-border);width:42px;height:42px;color:var(--nota-palette-plum-700);background:var(--nota-color-surface);border-radius:14px;flex:none;place-items:center;display:grid}.training-module__close:hover{background:var(--nota-palette-plum-100)}.training-module__progress{background:var(--nota-palette-neutral-200);border-radius:999px;height:9px;overflow:hidden}.training-module__progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--nota-palette-plum-500), var(--nota-palette-plum-400));height:100%;transition:width .18s;display:block}.training-module__prompt{background:linear-gradient(125deg, var(--nota-palette-plum-50), var(--nota-palette-plum-50) 54%, var(--nota-palette-plum-100));border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:22px;display:grid}.training-module__prompt-icon,.training-module__report-icon{color:var(--nota-palette-plum-500);background:var(--nota-palette-plum-100);place-items:center;display:grid}.training-module__prompt-icon{border-radius:17px;width:52px;height:52px}.training-module__prompt h3,.training-module__prompt p{margin:0}.training-module__prompt h3{color:var(--nota-palette-neutral-900)}.training-module__prompt p{color:var(--nota-palette-neutral-600);margin-top:5px}.training-module__audio-status{grid-column:2/-1;margin-top:-8px!important}.training-module .nota-button-md:not(:disabled){border-color:var(--nota-palette-plum-600);color:var(--nota-color-surface);background:linear-gradient(100deg, var(--nota-palette-apricot-400), var(--nota-palette-plum-500) 48%, var(--nota-palette-coral-500));box-shadow:0 12px 24px #8e356638}.training-module .nota-button-md:not(:disabled):hover{color:var(--nota-color-surface);background:linear-gradient(100deg, var(--nota-palette-apricot-300), var(--nota-palette-plum-400) 48%, var(--nota-palette-coral-600))}.training-module .nota-button-md:not(:disabled) .nota-text{color:inherit}.training-module__answers{border:0;min-width:0;margin:0;padding:0}.training-module__answers>legend{color:var(--nota-palette-neutral-900);padding:0}.training-module__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.training-module__options>button{border:1px solid var(--nota-color-border);min-height:76px;color:var(--nota-palette-plum-800);background:var(--nota-color-surface);border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px;transition:border-color .15s,background .15s,transform .15s;display:flex}.training-module__options>button:hover:not(:disabled),.training-module__options>button[aria-pressed=true]{border-color:var(--nota-palette-plum-400);color:var(--nota-palette-plum-700);background:var(--nota-palette-plum-100);transform:translateY(-1px)}.training-module__options>button>span:first-child{color:var(--nota-palette-plum-500);place-items:center;display:grid}.training-module__options>button:disabled:not(.selected){opacity:.55}.training-module__rhythm-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:12px 0 14px;display:grid}.training-module__rhythm-grid>button{border:1px solid var(--nota-color-border);min-height:72px;color:var(--nota-palette-neutral-700);background:var(--nota-color-surface);border-radius:17px;place-items:center;gap:7px;display:grid}.training-module__rhythm-grid>button:hover:not(:disabled),.training-module__rhythm-grid>button[aria-pressed=true]{border-color:var(--nota-palette-plum-400);color:var(--nota-palette-plum-700);background:var(--nota-palette-plum-100)}.training-module__rhythm-grid>button>span:last-child{border:2px solid var(--nota-palette-neutral-400);border-radius:50%;width:13px;height:13px}.training-module__rhythm-grid>button>span:last-child.active{border-color:var(--nota-palette-plum-500);background:var(--nota-palette-plum-500);box-shadow:0 0 0 4px var(--nota-palette-plum-200)}.training-module__feedback{border:1px solid var(--nota-palette-apricot-200);min-height:72px;color:var(--nota-palette-apricot-700);background:var(--nota-color-surface) 80000000;border-radius:20px;align-items:center;gap:12px;padding:14px 17px;display:flex}.training-module__feedback.success{border-color:var(--nota-palette-plum-300);color:var(--nota-palette-plum-700);background:var(--nota-palette-plum-100)}.training-module__feedback>span{background:#ffffffc2;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.training-module__feedback strong,.training-module__feedback div>span{display:block}.training-module__feedback div>span{color:var(--nota-palette-neutral-600);margin-top:3px}.training-module__footer,.training-module__actions{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.training-module__footer>span{color:var(--nota-palette-neutral-600)}.training-module--report{text-align:center;justify-items:center;max-width:680px}.training-module__report-icon{border-radius:22px;width:66px;height:66px}.training-module--report h2{margin:-12px 0 0}.training-module__report-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin:2px 0 0;display:grid}.training-module__report-stats>div{background:var(--nota-palette-plum-50);border-radius:17px;padding:14px 8px}.training-module__report-stats dt,.training-module__report-stats dd{margin:0}.training-module__report-stats dt{color:var(--nota-palette-neutral-600)}.training-module__report-stats dd{color:var(--nota-palette-plum-700);margin-top:5px}.training-module__actions{justify-content:center}@media (width<=680px){.training-module{border-radius:24px;gap:16px;padding:22px 16px}.training-module__prompt{grid-template-columns:1fr;padding:18px}.training-module__prompt-icon{justify-self:start}.training-module__prompt>.nota-button,.training-module__audio-status{grid-column:1/-1}.training-module__prompt>.nota-button{width:100%}.training-module__options{grid-template-columns:1fr}.training-module__options>button{flex-direction:row;justify-content:flex-start;min-height:60px}.training-module__rhythm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.training-module__footer,.training-module__actions{flex-wrap:wrap}.training-module__footer>.nota-button,.training-module__actions>.nota-button{flex:1}.training-module__report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}html[data-theme=dark] .training-module{border-color:var(--nota-palette-neutral-700);background:var(--nota-palette-plum-950)}html[data-theme=dark] .training-module__header h2,html[data-theme=dark] .training-module--report h2,html[data-theme=dark] .training-module__prompt h3{color:var(--nota-palette-plum-50)}html[data-theme=dark] .training-module__header div>p:last-child,html[data-theme=dark] .training-module__prompt p,html[data-theme=dark] .training-module__feedback div>span,html[data-theme=dark] .training-module__footer>span,html[data-theme=dark] .training-module__report-stats dt{color:var(--nota-palette-neutral-300)}html[data-theme=dark] .training-module__close,html[data-theme=dark] .training-module__options>button,html[data-theme=dark] .training-module__rhythm-grid>button,html[data-theme=dark] .training-module__report-stats>div{border-color:var(--nota-palette-neutral-700);color:var(--nota-palette-plum-200);background:var(--nota-palette-plum-800)}html[data-theme=dark] .training-module__prompt{background:linear-gradient(125deg, var(--nota-palette-plum-800), var(--nota-palette-plum-950))}html[data-theme=dark] .training-module__feedback.retry{border-color:var(--nota-palette-apricot-700);color:var(--nota-palette-apricot-200);background:var(--nota-palette-apricot-900)}.note-staff{width:100%;min-width:0;color:var(--nota-color-text);position:relative}.note-staff svg{width:100%;max-width:100%;height:100%;display:block;position:absolute;inset:0}.note-staff>[role=img]{width:100%;height:100%;position:relative}.note-staff p{font-size:14px}.note-staff__fallback{border:1px solid var(--nota-color-border);background:var(--nota-color-surface-muted);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;display:flex;position:absolute;inset:0;overflow:auto}.note-staff__fallback p{margin:0;line-height:1.4}.note-staff__fallback button{flex:none}.premium-shell .reference-editorial.learning-library{box-sizing:border-box;width:100%;max-width:1120px;color:var(--nota-color-text);box-shadow:none;background:0 0;border:0;border-radius:0;gap:32px;margin-inline:auto;padding:0}.reference-hero{color:#fff8fc;background:radial-gradient(at 100% 100%,#864b67,#0000 70%),#30152e;border-radius:28px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px;padding:clamp(24px,4vw,48px);display:grid}.reference-hero h1{letter-spacing:-.035em;max-width:14ch;margin:10px 0 20px;font-size:clamp(32px,3.5vw,48px);font-weight:750;line-height:1.1}.reference-hero p{color:#f4dfea;max-width:53ch;margin:0;line-height:1.65}.reference-hero .reference-hero__label{color:#ffc49c;font-size:14px;font-weight:650}.reference-hero img{filter:drop-shadow(0 16px 28px #1e0b1e66);width:100%;height:auto}.premium-shell .reference-editorial .learning-library__topics{border-bottom:1px solid var(--nota-color-border);flex-wrap:wrap;gap:8px;padding-block:4px 20px;overflow:visible}.premium-shell .reference-editorial .learning-library__topics>button{max-width:100%;min-height:44px;padding:10px 16px;font-size:15px}.reference-editorial .learning-library__topics>button span{white-space:normal;overflow-wrap:anywhere}.reference-editorial h2{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(26px,2.5vw,34px);line-height:1.2}.reference-editorial h3{margin:0 0 12px;font-size:clamp(20px,2vw,25px);line-height:1.3}.reference-editorial p{overflow-wrap:anywhere}.reference-chapter>p{max-width:65ch;color:var(--nota-color-text-muted);margin:0;font-size:18px;line-height:1.7}.reference-guide,.reference-reflection{gap:32px;min-width:0;display:grid}.reference-guide p,.reference-reflection p{max-width:72ch;color:var(--nota-color-text-muted);margin:0;font-size:16px;line-height:1.8}.reference-guide__purpose{border-left:3px solid var(--nota-color-accent);padding-left:20px}.reference-relationship{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);background:linear-gradient(135deg, color-mix(in srgb, var(--nota-color-accent) 7%, var(--nota-color-surface)), var(--nota-color-surface));border-radius:24px;min-width:0;margin:0;padding:clamp(20px,3vw,32px)}.reference-relationship ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:24px 0;padding:0;list-style:none;display:grid}.reference-relationship li{align-items:center;gap:16px;min-width:0;display:flex;position:relative}.reference-relationship li>div{box-sizing:border-box;border:1px solid var(--nota-color-border);background:var(--nota-color-background);border-radius:16px;flex:1;align-content:center;gap:10px;min-width:0;height:100%;padding:20px 16px;display:grid}.reference-relationship strong{color:var(--nota-color-text);overflow-wrap:anywhere;font-size:clamp(18px,2vw,23px);line-height:1.3}.reference-relationship li>svg{color:var(--nota-color-accent);flex-shrink:0;position:absolute;right:-26px}.reference-relationship li:last-child>svg{display:none}.reference-relationship li span,.reference-relationship figcaption{color:var(--nota-color-text-muted);overflow-wrap:anywhere;font-size:14px;line-height:1.65}.reference-relationship figcaption{max-width:75ch}.reference-reflection{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-reflection>section{min-width:0}.reference-reflection__try,.reference-reflection__remember{border-top:1px solid var(--nota-color-border);padding-top:24px}.reference-reflection__try h3{align-items:center;gap:12px;display:flex}.reference-reflection__try svg{color:var(--nota-color-accent);flex-shrink:0}.reference-reading{grid-column:1/-1}.reference-reading ul{flex-wrap:wrap;gap:4px 24px;margin:0;padding:0;list-style:none;display:flex}.reference-reading a{color:var(--nota-color-text);text-underline-offset:4px;overflow-wrap:anywhere;padding-block:12px;font-size:14px;line-height:1.6;display:inline-block}.reference-notes{gap:48px;min-width:0;display:grid}.reference-explorer{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:24px;min-width:0;padding:clamp(16px,3vw,28px)}.reference-explorer header>p{max-width:65ch;margin:0 0 24px;line-height:1.65}.reference-explorer__controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.reference-explorer__controls label{gap:8px;min-width:0;font-weight:600;display:grid}.reference-explorer__controls select{box-sizing:border-box;border:1px solid var(--nota-color-border);width:100%;min-width:0;min-height:44px;color:var(--nota-color-text);background:var(--nota-color-background);font:inherit;border-radius:10px;padding:10px 8px}.reference-explorer__selection{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding-block:20px;display:grid}.reference-explorer__selection strong{letter-spacing:-.03em;font-size:clamp(24px,3vw,36px);line-height:1.2}.reference-explorer__selection p{font-variant-numeric:tabular-nums;color:var(--nota-color-text-muted);margin:8px 0 0}.reference-editorial .reference-keyboard-help{color:var(--nota-color-text-muted);margin:12px 0 24px;font-size:14px;line-height:1.6}.reference-explorer__explanation{border-top:1px solid var(--nota-color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.reference-explorer__explanation p{margin:16px 0 0;line-height:1.7}.reference-octave-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.reference-octave-story p{line-height:1.7}.reference-octaves{background:var(--nota-color-surface);border-radius:20px;min-width:0;margin:0;padding:16px}.reference-octaves>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reference-octaves>div>div{text-align:center;min-width:0}.reference-octaves p{margin:0}.reference-octaves .nota-button{max-width:100%;min-height:44px;margin-top:12px}.reference-octaves .nota-button span{white-space:normal;overflow-wrap:anywhere}.reference-octaves figcaption{color:var(--nota-color-text-muted);padding-top:16px;font-size:14px}.premium-shell .reference-editorial .learning-library__sections{grid-template-columns:1fr;gap:0;display:grid}.premium-shell .reference-editorial .learning-library__section{border:0;border-top:1px solid var(--nota-color-border);background:0 0;border-radius:0;grid-template-columns:48px minmax(0,1fr);gap:20px;min-height:0;padding:24px 0;display:grid}.reference-section-index{color:var(--nota-color-text-muted);opacity:.6;font-size:34px;font-weight:700;line-height:1}.premium-shell .reference-editorial .learning-library__section h3{color:var(--nota-color-text);font-size:23px}.premium-shell .reference-editorial .learning-library__section p{max-width:65ch;color:var(--nota-color-text-muted);font-size:16px;line-height:1.75}.premium-shell .reference-editorial .learning-library__example{color:var(--nota-color-text);background:var(--nota-color-surface);border:1px solid var(--nota-color-border);padding:24px}.premium-shell .reference-editorial .learning-library__example h3{color:var(--nota-color-text);font-size:22px}.premium-shell .reference-editorial .learning-library__example p,.premium-shell .reference-editorial .learning-library__audio-status{color:var(--nota-color-text-muted);line-height:1.6}.reference-rhythm{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.reference-rhythm li{border:1px dashed var(--nota-color-border);text-align:center;border-radius:8px;gap:8px;padding:12px 4px;font-size:13px;display:grid}.reference-rhythm li[data-sounding=true]{color:#fff;background:#742957;border-style:solid}.premium-shell .reference-editorial .learning-library__terms{border-block:1px solid var(--nota-color-border);background:0 0;border-radius:0;padding:24px 0}.premium-shell .reference-editorial .learning-library__terms dl>div{background:0 0;padding:0}.premium-shell .reference-editorial .learning-library__terms dt{color:var(--nota-color-text);font-size:18px}.premium-shell .reference-editorial .learning-library__terms dd{color:var(--nota-color-text-muted);line-height:1.7}.reference-context{gap:32px;display:grid}.reference-context p{max-width:70ch;color:var(--nota-color-text-muted);margin:12px 0 0;line-height:1.75}.reference-history{background:var(--nota-color-surface);border-left:4px solid #e47e86;padding:clamp(20px,3vw,36px)}.reference-history .reference-history__syllables{color:var(--nota-color-text);margin-top:24px;font-family:Georgia,serif;font-size:clamp(22px,3vw,32px);font-style:italic}.reference-context h2{margin:16px 0 -8px}.reference-voice{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.reference-sources{border-top:1px solid var(--nota-color-border);padding-block:24px}.reference-sources ul{padding-inline-start:20px}.reference-sources a{color:var(--nota-color-text);text-underline-offset:4px;overflow-wrap:anywhere;padding-block:10px;line-height:1.5;display:inline-block}@media (width<=720px){.premium-shell .reference-editorial.learning-library{gap:24px}.reference-hero{border-radius:20px;grid-template-columns:minmax(0,1fr) 90px;gap:12px;padding:24px 20px}.reference-hero>div{display:contents}.reference-hero__label,.reference-hero h1{grid-column:1}.reference-hero h1{margin:0;font-size:32px}.reference-hero img{grid-area:1/2/3}.reference-hero>div>p:last-child{grid-column:1/-1;padding-top:8px}.reference-explorer__controls,.reference-explorer__explanation,.reference-octave-story,.reference-voice,.reference-reflection,.reference-relationship ol{grid-template-columns:1fr}.reference-guide,.reference-reflection{gap:24px}.reference-relationship li{flex-direction:column;gap:12px}.reference-relationship li>div{width:100%;padding:16px}.reference-relationship li>svg{bottom:-26px;right:auto;transform:rotate(90deg)}.reference-explorer__explanation{gap:0}.reference-explorer__selection{gap:8px}.reference-octaves{padding:12px}.reference-octaves>div{gap:8px}.premium-shell .reference-editorial .learning-library__section{grid-template-columns:28px minmax(0,1fr);gap:12px}.reference-section-index{font-size:26px}.premium-shell .reference-editorial .learning-library__example{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 16px}.reference-editorial .learning-library__example-icon{display:none}.premium-shell .reference-editorial .learning-library__audio-status{grid-column:1}.reference-rhythm{grid-template-columns:repeat(2,minmax(0,1fr))}}.note-practice{min-width:0;color:var(--nota-color-text,#35152f);gap:16px;display:grid}.note-practice p{margin:0;font-size:14px;line-height:1.45}.note-practice__target{gap:6px;display:grid}.note-practice__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.note-practice__actions button{min-width:0}.note-practice__actions button span{white-space:normal}.note-practice__live,.note-practice__result{background:var(--nota-color-surface-muted,#f9f2f6);border-radius:16px;gap:6px;padding:14px;display:grid}.note-practice__result--matched{border:1px solid #557d6b}.note-practice progress{width:100%;accent-color:var(--nota-color-accent,#702852)}.note-practice-chart{gap:8px;min-width:0;margin:0;display:grid}.note-practice-chart svg{background:var(--nota-color-surface-muted,#f9f2f6);border-radius:16px;width:100%;height:auto;overflow:visible}.note-practice-chart figcaption{font-size:14px;font-weight:600}.note-practice-chart text{fill:currentColor;font-family:inherit;font-size:22px}.note-practice-chart line{stroke:#ceb7c4;stroke-width:1px}.note-practice-chart .note-practice-chart__band{fill:#b5d0bf;opacity:.45}.note-practice-chart .note-practice-chart__target,.note-practice__example .note-practice-chart__target{fill:none;stroke:var(--nota-color-accent,#702852);stroke-width:2px}.note-practice-chart .note-practice-chart__voice,.note-practice__example .note-practice-chart__voice{fill:none;stroke:#db7147;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.note-practice__audio{gap:8px;font-size:14px;display:grid}.note-practice__audio audio{width:100%;min-width:0}.note-practice__example{border:1px solid #dec4d3;border-radius:12px;padding:12px}.note-practice__example summary{cursor:pointer;font-size:14px}.note-practice__example svg{width:min(300px,100%);height:70px}.note-practice__privacy{color:var(--nota-color-text-muted,#705967)}@media (width<=440px){.note-practice-chart text{font-size:34px}.note-practice__actions{grid-template-columns:1fr}.note-practice{gap:12px}}.training-hub{width:100%;min-height:100dvh;padding:clamp(24px,4vw,48px)}.premium-shell .page.training-hub{overscroll-behavior-y:contain;background:var(--nota-color-background);padding:24px;overflow:hidden auto}.premium-shell .training-hub .training-hub__grid{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));min-height:min-content}@media (width<=980px){.premium-shell .training-hub .training-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.premium-shell .training-hub .training-hub__grid{grid-template-columns:minmax(0,1fr)}}.premium-shell .training-hub .training-hub__slot .training-exercise-card{height:auto;min-height:260px}.training-hub__paging{flex-shrink:0}.training-hub__header{margin-bottom:26px;justify-content:space-between;align-items:flex-start;gap:24px;width:min(1280px,100%);margin-inline:auto;display:flex}.training-hub__header>div>p{color:var(--nota-palette-plum-600);text-transform:uppercase;margin:0}.training-hub__header h1{color:var(--nota-palette-neutral-900);margin:7px 0 6px}.training-hub__header>div>span{max-width:620px;color:var(--nota-palette-neutral-600);display:block}.training-hub__journey{text-align:left;background:#ffffffd6;border:1px solid #ffffffeb;border-radius:21px;min-width:260px;min-height:104px;padding:16px 92px 16px 18px;position:relative;overflow:hidden;box-shadow:0 12px 30px #35152f1a}.training-hub__journey strong,.training-hub__journey span{display:block}.training-hub__journey strong{color:var(--nota-palette-plum-900)}.training-hub__journey span{color:var(--nota-palette-neutral-600);margin-top:4px}.training-hub__journey img{width:104px;position:absolute;bottom:-19px;right:-18px}.training-hub__tabs{margin-bottom:18px;background:#ffffffb3;border-radius:16px;gap:4px;width:fit-content;margin-inline:auto;padding:4px;display:flex;box-shadow:0 8px 20px #35152f0f}.training-hub__tabs>button{min-height:38px;color:var(--nota-palette-neutral-600);background:0 0;border:0;border-radius:12px;padding:0 16px}.training-hub__filters{margin-bottom:20px;flex-wrap:wrap;justify-content:flex-start;gap:8px;width:min(1280px,100%);margin-inline:auto;display:flex}.training-hub__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1280px,100%);margin-inline:auto;display:grid}.training-exercise-card{background:#ffffffe6;border:1px solid #fffffff5;border-radius:24px;flex-direction:column;min-height:276px;padding:22px;display:flex;box-shadow:0 14px 34px #35152f14}.training-exercise-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.training-exercise-card__icon{width:52px;height:52px;color:var(--nota-palette-plum-600);background:var(--nota-palette-plum-100);border-radius:17px;place-items:center;display:grid}.training-exercise-card__top>.nota-text{color:var(--nota-palette-neutral-500);align-items:center;gap:5px;display:inline-flex}.training-exercise-card__copy{gap:5px;margin-top:22px;display:grid}.training-exercise-card__copy h2{color:var(--nota-palette-neutral-900);margin:0}.training-exercise-card__copy p{color:var(--nota-palette-neutral-600);margin:0}.training-exercise-card>.nota-button{justify-content:space-between;width:100%;margin-top:auto}.training-exercise-card--ear .training-exercise-card__icon{color:var(--nota-palette-plum-900);background:var(--nota-palette-plum-100)}.training-hub{background:radial-gradient(circle at 88% 5%, #ffad9d2e, transparent 22%), var(--nota-palette-neutral-50)}.training-hub__header{color:var(--nota-palette-plum-50);background:linear-gradient(115deg,#220d1ffa,#512040f0),radial-gradient(circle at 78% 25%,#ffb36b4d,#0000 34%);border:1px solid #ffad9d2e;border-radius:32px;padding:clamp(24px,4vw,42px);box-shadow:0 28px 64px #35152f33}.training-hub__header>div>p,.training-hub__journey strong{color:var(--nota-palette-coral-300)}.training-hub__header h1{color:var(--nota-palette-plum-50);letter-spacing:-.035em}.training-hub__header>div>span,.training-hub__journey span{color:#fff3f7a8}.training-hub__journey{box-shadow:none;background:#ffffff14;border-color:#ffffff1f}.training-hub__journey:hover{background:#ffffff21}.training-hub__tabs{background:#ffffffd1;border:1px solid #e3c8d494;box-shadow:0 14px 34px #35152f14}.training-hub__tabs>button{color:var(--nota-palette-neutral-600)}.training-hub__tabs>button[aria-selected=true]{color:var(--nota-palette-plum-900);background:linear-gradient(110deg, var(--nota-palette-coral-100), var(--nota-palette-plum-50));box-shadow:0 5px 14px #35152f14}.training-exercise-card{background:#ffffffeb;border-color:#e3c8d49e;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 20px 48px #35152f14}.premium-shell .training-hub .training-exercise-card{color:var(--nota-color-text);background:var(--nota-color-surface);border-color:var(--nota-color-border);box-shadow:none}.premium-shell .training-hub .training-exercise-card__copy h2{color:var(--nota-color-text)}.premium-shell .training-hub .training-exercise-card__copy p,.premium-shell .training-hub .training-exercise-card__top>.nota-text{color:var(--nota-color-text-muted)}.training-exercise-card:hover{border-color:#ff8a7880;transform:translateY(-3px);box-shadow:0 26px 60px #35152f21}.training-exercise-card__icon{color:var(--nota-palette-plum-700);background:linear-gradient(145deg, var(--nota-palette-coral-50), var(--nota-palette-plum-100))}.training-exercise-card__copy>span{color:var(--nota-palette-plum-600)}.training-exercise-card__copy h2{color:var(--nota-palette-plum-900)}.training-exercise-card__copy p,.training-exercise-card__top>.nota-text{color:var(--nota-palette-neutral-600)}@media (width<=720px){.training-hub{padding:20px 16px 96px}.training-hub__header{border-radius:28px;padding:26px 22px 22px}.training-hub__header h1{font-size:clamp(2.7rem,14vw,4rem)}.training-hub__journey{min-width:0}.training-exercise-card{border-radius:28px}}.training-exercise-card--rhythm .training-exercise-card__icon{color:var(--nota-palette-plum-400);background:var(--nota-palette-plum-50)}.training-exercise-card--breath .training-exercise-card__icon{color:var(--nota-palette-semantic-info-default);background:var(--nota-palette-plum-50)}.training-hub__library{width:min(1280px,100%);margin-inline:auto}.learning-library{background:#ffffffe0;border:1px solid #fffffff5;border-radius:28px;gap:22px;padding:clamp(22px,3vw,34px);display:grid;box-shadow:0 14px 34px #35152f14}.learning-library__header{align-items:flex-start;gap:16px;display:flex}.learning-library__header-icon,.learning-library__example-icon,.learning-library__section-heading>span,.learning-library__takeaway>span{color:var(--nota-palette-plum-600);background:var(--nota-palette-plum-100);flex:none;place-items:center;display:grid}.learning-library__header-icon{border-radius:17px;width:52px;height:52px}.learning-library__header p{margin:0}.learning-library__header p:first-child{color:var(--nota-palette-plum-600);text-transform:uppercase}.learning-library__header h2{color:var(--nota-palette-neutral-900);margin:6px 0}.learning-library__header p:last-child{max-width:760px;color:var(--nota-palette-neutral-600)}.learning-library__topics{scrollbar-width:none;gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}.learning-library__topics::-webkit-scrollbar{display:none}.learning-library__topics>button{flex:none}.learning-library__sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.learning-library__section{border:1px solid var(--nota-palette-neutral-100);background:linear-gradient(145deg, var(--nota-color-surface), var(--nota-palette-plum-50));border-radius:20px;min-height:156px;padding:18px}.learning-library__section h3,.learning-library__section p{margin:0}.learning-library__section h3{color:var(--nota-palette-neutral-900)}.learning-library__section p{color:var(--nota-palette-neutral-600);margin-top:8px}.learning-library__example{background:linear-gradient(110deg, var(--nota-palette-plum-100), var(--nota-palette-plum-50) 58%, var(--nota-palette-plum-200));border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:18px;display:grid}.learning-library__example-icon{border-radius:16px;width:48px;height:48px}.learning-library__example-copy h3,.learning-library__example-copy p{margin:0}.learning-library__example-copy h3{color:var(--nota-palette-neutral-900)}.learning-library__example-copy p,.learning-library__audio-status{color:var(--nota-palette-neutral-600)}.learning-library__audio-status{grid-column:2/-1;margin-top:4px}.learning-library__terms{background:var(--nota-palette-plum-50);border-radius:22px;padding:20px}.learning-library__section-heading{align-items:center;gap:10px;display:flex}.learning-library__section-heading>span,.learning-library__takeaway>span{border-radius:11px;width:34px;height:34px}.learning-library__section-heading h3{color:var(--nota-palette-neutral-900);margin:0}.learning-library__terms dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.learning-library__terms dl>div{background:var(--nota-color-surface);border-radius:15px;padding:14px}.learning-library__terms dt,.learning-library__terms dd{margin:0}.learning-library__terms dt{color:var(--nota-palette-neutral-900)}.learning-library__terms dd{color:var(--nota-palette-neutral-600);margin-top:4px}.learning-library__takeaway{color:var(--nota-palette-plum-900);background:var(--nota-palette-plum-100);border-radius:20px;align-items:center;gap:12px;padding:16px 18px;display:flex}.learning-library__takeaway>span{color:var(--nota-palette-plum-900);background:var(--nota-palette-plum-200)}.learning-library__takeaway strong,.learning-library__takeaway p{margin:0}.learning-library__takeaway p{color:var(--nota-palette-neutral-700);margin-top:3px}.learning-library__actions{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.learning-library__topic-navigation,.learning-library__primary-actions{gap:10px;display:flex}.learning-library__topic-navigation>.nota-button{flex:1 1 0}@media (width<=980px){.training-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-library__sections{grid-template-columns:1fr}}@media (width<=680px){.training-hub{padding:24px 16px 96px}.training-hub__header{margin-bottom:20px;display:grid}.training-hub__journey,.training-hub__tabs{width:100%}.training-hub__tabs>button{flex:1}.training-hub__grid{grid-template-columns:1fr}.learning-library{gap:18px;padding:20px}.learning-library__example{flex-direction:column;align-items:stretch;gap:10px;display:flex}.learning-library__example-icon{align-self:center}.learning-library__example>.nota-button{width:100%;margin-top:2px}.learning-library__audio-status{grid-column:auto;margin-top:0}.learning-library__terms dl{grid-template-columns:1fr}.learning-library__actions>.nota-button{flex:calc(50% - 5px)}.learning-library__topic-navigation{gap:6px;width:100%}.learning-library__primary-actions{flex-direction:column;gap:6px;width:100%}.learning-library__primary-actions>.nota-button{width:100%}}.training-lesson{gap:16px;width:min(1000px,100%);margin:0 auto;padding:clamp(24px,4vw,48px);display:grid}.premium-shell .page.training-lesson{overscroll-behavior:contain;grid-auto-rows:max-content;align-content:start;height:100%;min-height:0;display:grid;overflow:auto}.training-lesson .target-note{overflow-wrap:anywhere;min-width:0}.training-lesson .target-note>button{width:100%;min-height:44px}.training-lesson .listening-ring>button>span{font:inherit;font-size:14px;line-height:1.3}.training-lesson .listening-ring>button:disabled{color:var(--nota-color-text);background:var(--nota-color-surface-muted);border-color:var(--nota-color-border);box-shadow:none;cursor:not-allowed}.training-lesson__feedback progress{width:min(360px,100%);height:10px;accent-color:var(--nota-palette-plum-600);margin-top:8px;display:block}.training-lesson__keyboard .instrument-diagram{width:100%;overflow:hidden}.training-lesson__header{grid-template-columns:48px 1fr auto;align-items:center;gap:14px;min-height:48px;display:grid}.training-lesson__back{border:1px solid var(--nota-color-border);width:44px;height:44px;color:var(--nota-palette-plum-700);background:var(--nota-color-surface);border-radius:15px;place-items:center;transition:background .15s,transform .15s;display:grid}.training-lesson__back:hover{background:var(--nota-palette-plum-100);transform:translate(-2px)}.training-lesson__header>div{align-items:center;gap:14px;display:flex}.training-lesson__header>div>span,.training-lesson__header>b{color:var(--nota-palette-neutral-600)}.training-lesson__header>b{color:var(--nota-palette-neutral-900)}.training-lesson .lesson-progress{gap:5px;display:flex}.training-lesson .lesson-progress i{background:var(--nota-palette-neutral-200);border-radius:999px;width:clamp(28px,5vw,44px);height:7px}.training-lesson .lesson-progress i.active{background:linear-gradient(90deg, var(--nota-palette-plum-500), var(--nota-palette-plum-400))}.training-lesson__intro{grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:22px;margin:8px 0 2px;display:grid}.training-lesson__intro>div>p{margin:0}.training-lesson__intro>div>p:first-child{color:var(--nota-palette-plum-600);text-transform:uppercase}.training-lesson__intro h1{color:var(--nota-palette-neutral-900);margin:7px 0 6px}.training-lesson__intro>div>p:last-child{color:var(--nota-palette-neutral-600)}.training-lesson .training-lesson__coach{border:1px solid var(--nota-color-border);background:linear-gradient(135deg, var(--nota-palette-plum-50), var(--nota-palette-plum-200));border-radius:22px;grid-template-columns:minmax(0,1fr) 80px;align-content:center;gap:5px;height:auto;min-height:100px;padding:16px;display:grid;position:relative;overflow:hidden}.training-lesson__coach strong{color:var(--nota-palette-plum-700);grid-column:1}.training-lesson__coach span{color:var(--nota-palette-neutral-600);grid-column:1}.training-lesson .training-lesson__coach img{object-fit:cover;object-position:0 0;grid-area:1/2/3;align-self:center;width:80px;height:80px;position:static}.training-lesson__console{text-align:center;background:#ffffffeb;border:1px solid #fffffff5;border-radius:28px;grid-template-columns:minmax(130px,1fr) 1.25fr minmax(130px,1fr);align-items:center;gap:clamp(18px,4vw,42px);min-height:274px;padding:clamp(20px,3vw,30px);display:grid;box-shadow:0 14px 34px #35152f14}.training-lesson .target-note,.training-lesson .detected-note{justify-items:center;gap:5px;display:grid}.training-lesson .target-note>span:first-child,.training-lesson .detected-note>span:first-child{color:var(--nota-palette-neutral-600)}.training-lesson .target-note strong,.training-lesson .detected-note strong{color:var(--nota-palette-plum-700)}.training-lesson .detected-note>span:not(:first-child),.training-lesson .target-note>span:last-child{color:var(--nota-palette-neutral-500)}.training-lesson__listening{justify-items:center;display:grid}.training-lesson .listening-ring>button{border:11px solid var(--nota-palette-plum-100);width:124px;height:124px;color:var(--nota-color-surface);background:linear-gradient(145deg, var(--nota-palette-plum-400), var(--nota-palette-plum-500));box-shadow:0 0 0 1px var(--nota-color-border), 0 14px 28px #b94d7f3d;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid}.training-lesson .listening-ring>button:hover{transform:scale(1.04)}.training-lesson .listening-ring.ready>button{box-shadow:0 0 0 1px var(--nota-palette-plum-400), 0 0 0 12px #dc6f9d24, 0 14px 28px #b94d7f3d}.training-lesson .listening-ring b{min-height:20px;color:var(--nota-palette-neutral-700);margin-top:12px}.training-lesson .cent-scale{background:linear-gradient(90deg, var(--nota-palette-coral-100), var(--nota-palette-plum-200) 44%, var(--nota-palette-plum-200) 56%, var(--nota-palette-coral-100));border-radius:999px;width:100%;height:9px;margin-top:11px;position:relative;overflow:visible}.training-lesson .cent-scale i{background:var(--nota-palette-plum-500);border-radius:99px;width:4px;height:19px;position:absolute;top:-5px}.training-lesson__feedback{border:1px solid var(--nota-palette-neutral-200);background:var(--nota-palette-plum-50);border-radius:20px;align-items:center;gap:12px;min-height:78px;margin:0;padding:14px 18px;display:flex}.training-lesson__feedback.success{border-color:var(--nota-palette-plum-300);background:var(--nota-palette-plum-100)}.training-lesson__feedback>span{width:42px;height:42px;color:var(--nota-palette-plum-500);background:var(--nota-palette-plum-100);border-radius:14px;flex:none;place-items:center;display:grid}.training-lesson__feedback strong,.training-lesson__feedback span{display:block}.training-lesson__feedback strong{color:var(--nota-palette-neutral-900)}.training-lesson__feedback div>span{color:var(--nota-palette-neutral-600);margin-top:3px}.training-lesson__keyboard,.training-lesson__trace,.training-lesson__goals{background:#ffffffeb;border:1px solid #fffffff5;border-radius:24px;padding:20px;box-shadow:0 12px 30px #35152f0f}.training-lesson__card-heading{justify-content:space-between;gap:12px;display:flex}.training-lesson__card-heading>span:first-child{color:var(--nota-palette-plum-600);text-transform:uppercase}.training-lesson__card-heading>span:last-child{color:var(--nota-palette-neutral-600)}.training-lesson .lesson-keyboard .piano{height:auto}.training-lesson__trace{margin-top:0}.training-lesson .pitch-trace>div:first-child{justify-content:space-between;align-items:center;display:flex}.training-lesson .pitch-trace>div:first-child strong{color:var(--nota-palette-neutral-900)}.training-lesson .pitch-trace>div:first-child span{color:var(--nota-palette-neutral-600);align-items:center;gap:6px;display:inline-flex}.training-lesson .pitch-trace>div:first-child span i{background:var(--nota-palette-plum-500);border-radius:50%;width:8px;height:8px}.training-lesson .pitch-trace svg{width:100%;height:128px;margin-top:12px;overflow:visible}.training-lesson .pitch-trace svg path{fill:none;stroke:var(--nota-palette-neutral-200);stroke-width:.35px}.training-lesson .pitch-trace polyline{fill:none;stroke:var(--nota-palette-plum-500);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px}.training-lesson .trace-labels{color:var(--nota-palette-neutral-500);justify-content:space-between;display:flex}.training-lesson__goals{gap:16px;display:grid}.training-lesson__goals-heading{align-items:center;gap:10px;display:flex}.training-lesson__goals-heading>span{width:36px;height:36px;color:var(--nota-palette-plum-600);background:var(--nota-palette-plum-100);border-radius:12px;place-items:center;display:grid}.training-lesson__goals h2{color:var(--nota-palette-neutral-900);margin:0}.training-lesson .lesson-goals>div:last-child{flex-wrap:wrap;gap:9px;display:flex}.training-lesson .lesson-goals>div:last-child>span{border:1px solid var(--nota-palette-neutral-200);min-height:36px;color:var(--nota-palette-neutral-600);background:var(--nota-palette-plum-50);border-radius:999px;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.training-lesson .lesson-goals>div:last-child>span.done{border-color:var(--nota-palette-plum-300);color:var(--nota-palette-plum-700);background:var(--nota-palette-plum-100)}.training-lesson__actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.training-hub__tuner{width:min(1180px,100%);min-height:74px;color:var(--nota-palette-plum-900);background:linear-gradient(110deg, var(--nota-palette-apricot-100), var(--nota-palette-plum-50) 58%, var(--nota-palette-plum-100));text-align:left;border:1px solid #ffad9d3d;border-radius:20px;align-items:center;gap:14px;margin:0 auto 22px;padding:16px 20px;display:flex;box-shadow:0 16px 34px #35152f14}.training-hub__tuner>svg{color:var(--nota-palette-plum-600)}.training-hub__tuner span{gap:3px;display:grid}.training-hub__tuner small{color:var(--nota-palette-neutral-600)}@media (width<=680px){.training-lesson.training-lesson{padding:24px 16px calc(96px + env(safe-area-inset-bottom));grid-auto-rows:max-content;gap:13px}.training-lesson__header{grid-template-columns:44px 1fr}.training-lesson__header>b{display:none}.training-lesson__header>div{justify-content:space-between}.training-lesson .lesson-progress i{width:min(9vw,34px)}.training-lesson__intro{grid-template-columns:1fr;gap:14px}.training-lesson .training-lesson__coach{display:none}.premium-shell .page.training-lesson{padding:16px 14px 24px}.training-lesson__coach{min-height:86px}.training-lesson .training-lesson__console{grid-template-rows:repeat(3,auto);grid-template-columns:1fr;gap:18px;min-height:max-content}.training-lesson .training-lesson__listening{grid-area:auto}.training-lesson .listening-ring>button{width:108px;height:108px}.training-lesson .target-note,.training-lesson .detected-note{grid-column:auto;min-width:0}.training-lesson .target-note{order:1}.training-lesson__listening{order:2}.training-lesson .detected-note{order:3}.training-lesson .training-lesson__actions{z-index:auto;border:1px solid var(--nota-color-border);background:var(--nota-palette-plum-50);border-radius:18px;flex-direction:column;padding:10px;display:flex;position:static;bottom:auto}.training-lesson .training-lesson__actions>.nota-button{width:100%}}html[data-theme=dark] .training-lesson__back{border-color:var(--nota-palette-neutral-700);color:var(--nota-palette-coral-300);background:var(--nota-palette-plum-950)}html[data-theme=dark] .training-lesson__header>b,html[data-theme=dark] .training-lesson__intro h1,html[data-theme=dark] .training-lesson .target-note strong,html[data-theme=dark] .training-lesson .detected-note strong,html[data-theme=dark] .training-lesson__feedback strong,html[data-theme=dark] .training-lesson__goals h2,html[data-theme=dark] .training-lesson .pitch-trace>div:first-child strong{color:var(--nota-palette-plum-50)}html[data-theme=dark] .training-lesson__coach,html[data-theme=dark] .training-lesson__console,html[data-theme=dark] .training-lesson__keyboard,html[data-theme=dark] .training-lesson__trace,html[data-theme=dark] .training-lesson__goals{border-color:var(--nota-palette-neutral-700);background:var(--nota-palette-plum-950)}html[data-theme=dark] .training-lesson__feedback{border-color:var(--nota-palette-neutral-700);background:var(--nota-palette-plum-900)}html[data-theme=dark] .training-lesson__feedback.success{border-color:var(--nota-palette-plum-700);background:var(--nota-palette-plum-800)}html[data-theme=dark] .training-lesson__coach span,html[data-theme=dark] .training-lesson__header>div>span,html[data-theme=dark] .training-lesson__intro>div>p:last-child,html[data-theme=dark] .training-lesson .listening-ring b,html[data-theme=dark] .training-lesson__feedback div>span,html[data-theme=dark] .training-lesson__card-heading>span:last-child,html[data-theme=dark] .training-lesson .pitch-trace>div:first-child span,html[data-theme=dark] .training-lesson .trace-labels{color:var(--nota-palette-neutral-300)}html[data-theme=dark] .training-lesson .lesson-goals>div:last-child>span{border-color:var(--nota-palette-neutral-700);color:var(--nota-palette-neutral-300);background:var(--nota-palette-plum-800)}html[data-theme=dark] .training-lesson .lesson-goals>div:last-child>span.done{border-color:var(--nota-palette-plum-700);color:var(--nota-palette-plum-200);background:var(--nota-palette-plum-800)}.training-exercise-card--voice .training-exercise-card__icon,.training-exercise-card--ear .training-exercise-card__icon,.training-exercise-card--rhythm .training-exercise-card__icon,.training-exercise-card--breath .training-exercise-card__icon{color:var(--nota-palette-plum-700);background:linear-gradient(145deg, var(--nota-palette-coral-50), var(--nota-palette-plum-100))}.training-lesson{background:radial-gradient(circle at 86% 3%, #ffad9d33, transparent 22%), var(--nota-palette-neutral-50)}.training-lesson__header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border-color:#e3c8d4b3;box-shadow:0 14px 36px #35152f14}.training-lesson__coach{color:var(--nota-palette-plum-50);background:linear-gradient(120deg, var(--nota-palette-plum-900), var(--nota-palette-plum-800));border-color:#ffad9d33}.training-lesson__coach span{color:#fff3f7a6}.training-lesson__console,.training-lesson__keyboard,.training-lesson__trace,.training-lesson__goals{background:#ffffffeb;border-color:#e3c8d4b3;box-shadow:0 20px 50px #35152f14}.training-lesson .listening-ring>button{border-color:var(--nota-palette-coral-300);color:var(--nota-palette-plum-900);background:radial-gradient(circle at 35% 28%, var(--nota-palette-apricot-100), var(--nota-palette-coral-400) 60%, var(--nota-palette-plum-400));box-shadow:0 20px 44px #d96fa240}.training-lesson__actions{background:#fcf9fae6;border-color:#e3c8d4b8}.training-hub,.training-lesson{overscroll-behavior:contain;height:100%;min-height:0;overflow:hidden auto}.bounded-lesson{align-content:start;gap:16px;min-width:0;display:grid;overflow-y:auto}.bounded-lesson__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bounded-lesson__header .back-link{align-items:center;gap:6px;margin:0;display:flex}.bounded-lesson__panel{width:min(760px,100%);min-width:0;margin-inline:auto;padding:24px}@media (width<=440px){.bounded-lesson__panel{padding:16px}}.instrument-piano__white>button{cursor:pointer;background:linear-gradient(#fff,#f2ecef);border:0;border-right:1px solid #d9d1d5;border-radius:0 0 5px 5px;flex:1;min-width:0;padding:0;position:relative}.instrument-piano__white>button.active{background:linear-gradient(#ffdcb0,#ff9b80)}.instrument-piano__black>button{z-index:2;pointer-events:auto;cursor:pointer;background:linear-gradient(90deg,#160b12,#4c3743 55%,#160b12);border:0;border-radius:0 0 5px 5px;height:61%;padding:0;position:absolute;transform:translate(-50%);box-shadow:0 5px 7px #0006}.instrument-piano__black>button.active{background:linear-gradient(#ffd166,#ff8a78)}.instrument-piano__white>button:focus-visible,.instrument-piano__black>button:focus-visible{outline-offset:-4px;z-index:3;outline:3px solid #a72b73}.instrument-piano__white>button:hover,.instrument-piano__black>button:hover{box-shadow:inset 0 -6px #d45b98}.instrument-position{color:#fff;cursor:pointer;background:#fff1;border:1px solid #ffe4b377;border-radius:6px;width:7%;height:15%;padding:0;position:absolute;transform:translate(-50%,-50%)}.instrument-position:focus-visible{outline-offset:1px;z-index:2;outline:3px solid #ffd166}.instrument-position:hover{background:#ffb184aa}.instrument-position.instrument-note-marker{color:#35152f;background:linear-gradient(145deg,#ffd166,#ff8a78);height:15%;padding:0;font-size:12px}.instrument-audition{width:100%;min-width:0}.instrument-play-surface{overscroll-behavior-x:contain;min-width:0;max-width:100%;padding:4px 0 12px;overflow-x:auto}.instrument-play-surface>.instrument-diagram{min-width:600px}.instrument-play-surface>.instrument-diagram--guitar,.instrument-play-surface>.instrument-diagram--violin{min-width:800px;min-height:300px}.instrument-audition>p{color:var(--nota-color-text-muted)}.instrument-diagram button:disabled{cursor:not-allowed}.nota-guitar{min-width:0;max-width:100%}.nota-guitar__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.nota-guitar__toolbar p{color:var(--nota-color-text-muted);margin:0;font-size:13px}.nota-guitar__toolbar label{gap:6px;font-size:13px;display:grid}.nota-guitar__toolbar select{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);min-height:44px;color:inherit;font:inherit;border-radius:12px;padding:8px 12px}.nota-guitar__scroll{overscroll-behavior-x:contain;border-radius:18px;max-width:100%;padding-bottom:12px;overflow-x:auto}.nota-guitar__neck{isolation:isolate;background:linear-gradient(105deg,#412718,#6e4830 40%,#432619);border-radius:18px;width:100%;padding-bottom:12px;position:relative;box-shadow:inset 0 0 0 1px #321d1b}.nota-guitar__numbers{grid-template-columns:64px repeat(var(--nota-guitar-frets), minmax(0, 1fr));text-align:center;color:#fff1d0;align-items:center;height:32px;font-size:13px;font-weight:700;display:grid}.nota-guitar__decoration{z-index:-1;pointer-events:none;position:absolute;top:32px;left:64px;right:0}.nota-guitar__decoration .guitar{background:0 0;border-top-width:0;font-size:8px;overflow:hidden}.nota-guitar__decoration .guitar .frets .fret,.nota-guitar__decoration .guitar .frets .fret.nut{width:calc(100% / var(--nota-guitar-frets));flex:0 0 calc(100% / var(--nota-guitar-frets))}.nota-guitar__decoration .guitar .frets .mute,.nota-guitar__decoration .guitar .frame,.nota-guitar__decoration .guitar .finger{display:none}.nota-guitar__decoration .guitar .strings{min-height:288px}.nota-guitar__decoration .guitar .strings .string .fret label{height:48px}.nota-guitar__decoration .guitar .strings .string .fret .actual-string{height:2px;box-shadow:0 1px 2px #0009;opacity:1!important;border-bottom-width:1px!important}.nota-guitar__decoration .guitar .strings .string:nth-of-type(n+4) .fret .actual-string{background-image:repeating-linear-gradient(90deg,#7774 0 1px,#fff4 1px 2px);height:4px}.nota-guitar__decoration .guitar .fretboard .fret.nut{background:linear-gradient(90deg,#bb9d72,#f5e3bc 88%,#9c855d 92%)}.nota-guitar__decoration .guitar .strings .fretboard .fret:not(.nut){background:repeating-linear-gradient(4deg,#593b29 0 2px,#5d3f2d 2px 4px,#644331 4px 8px)}.nota-guitar__decoration .guitar .strings .fretboard .fret:not(.nut):before{background:linear-gradient(90deg,#777,#e1e0d8,#8a8984);border-right:1px solid #777;width:3px}.nota-guitar__inlays{grid-template-columns:64px repeat(var(--nota-guitar-frets), minmax(0, 1fr));pointer-events:none;display:grid;position:absolute;inset:32px 0 12px}.nota-guitar__inlays>span{place-items:center;display:grid}.nota-guitar__inlay,.nota-guitar__inlay-double{background:#e9dcb4;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 2px #a29372}.nota-guitar__inlay-double{transform:translateY(-48px);box-shadow:0 96px #e9dcb4,inset 0 0 2px #a29372}.nota-guitar__controls{z-index:1;position:relative}.nota-guitar__row{grid-template-columns:64px repeat(var(--nota-guitar-frets), minmax(0, 1fr));height:48px;display:grid}.nota-guitar__string-label{color:#fff0d3;justify-content:center;align-items:center;gap:6px;display:flex}.nota-guitar__string-label b{font-size:18px}.nota-guitar__string-label small{font-size:11px}.nota-guitar .nota-guitar__position{color:#31192b;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;width:100%;min-height:48px;margin:0;padding:2px;display:grid}.nota-guitar__position>span{border-radius:50%;place-items:center;min-width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.nota-guitar__position--hint>span{background:#ffd68c;box-shadow:0 2px 4px #0008}.nota-guitar__position--played>span{color:#fff;background:#762b59;outline:3px solid #f8a5cb}.nota-guitar__position:hover>span{background:#ffeedb88}.nota-guitar__position:focus-visible{outline-offset:-4px;z-index:2;outline:3px solid #ffe0a9;position:relative}.nota-guitar__position:disabled{cursor:not-allowed;opacity:.55}.instrument-keyboard-scroll{overscroll-behavior-x:contain;min-width:0;max-width:100%;padding:6px 4px 12px;overflow-x:auto}.instrument-keyboard{background:#362332;border:1px solid #6c5366;border-radius:10px;min-width:350px;height:190px;position:relative}.instrument-keyboard__key{box-sizing:border-box;min-width:44px;font:inherit;cursor:pointer;border:1px solid #9b8795;border-radius:0 0 8px 8px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:10px 2px;font-size:14px;line-height:1.2;display:flex;position:absolute;top:0}.instrument-keyboard__key--white{color:#392534;background:#fffaf7;height:100%}.instrument-keyboard__key--black{z-index:1;color:#fff;background:#3c2a38;border-color:#20131d;width:44px;height:62%;transform:translate(-50%)}.instrument-keyboard__key small{font-size:11px}.instrument-keyboard__key span{overflow-wrap:anywhere;max-width:100%}.instrument-keyboard__key[aria-pressed=true]{color:#392534;background:#ffb184;border-color:#ad386a}.instrument-keyboard__key:hover{box-shadow:inset 0 -5px #d4669e}.instrument-keyboard__key:focus-visible{z-index:2;outline-offset:-4px;outline:3px solid #d33d8d}.score-import{border:1px solid var(--nota-color-border);min-width:0;color:var(--nota-color-text);background:var(--nota-color-surface);border-radius:24px;gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.score-import h2,.score-import p{margin:0}.score-import header{gap:.75rem;display:grid}.score-import header p{max-width:76ch}.score-import p{line-height:1.6}.score-import__capability,.score-import__timing{color:var(--nota-color-text-muted)}.score-import__workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}.score-import__source,.score-import__review{align-content:start;gap:1rem;min-width:0;display:grid}.score-import__source img{border:1px solid var(--nota-color-border);object-fit:contain;border-radius:1rem;width:100%;height:auto;max-height:70dvh}.score-import .staff-import__confirm input,.score-import .staff-import__region-heading input{min-height:0}.score-import label{gap:.5rem;font-weight:600;display:grid}.score-import input,.score-import select,.score-import textarea{border:1px solid var(--nota-color-border);min-width:0;max-width:100%;min-height:44px;color:inherit;background:var(--nota-color-surface);font:inherit;border-radius:12px;padding:.5rem .75rem}.score-import textarea{resize:vertical;white-space:pre;width:100%;min-height:15rem;font:.875rem/1.7 monospace}.score-import .score-import__check{align-items:flex-start;gap:.75rem;display:flex}.score-import__check input{flex-shrink:0;min-height:0;margin-top:.35rem}.score-import input:focus-visible,.score-import select:focus-visible,.score-import textarea:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:3px}.score-import .score-import__file{border:1px dashed var(--nota-color-accent,#792b60);background:var(--nota-color-surface-muted);cursor:pointer;border-radius:20px;align-items:center;gap:16px;min-height:112px;padding:20px;display:flex;position:relative}.score-import__file-copy{gap:6px;min-width:0;display:grid}.score-import__file-copy>span:first-child{font-size:17px}.score-import__file-copy>span:last-child{color:var(--nota-color-text-muted);font-size:14px;font-weight:400;line-height:1.5}.score-import .score-import__native-file{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.score-import__file:focus-within{outline:3px solid var(--nota-color-text);outline-offset:3px}.score-import__file:hover{border-style:solid}@media (width<=850px){.score-import__workspace{grid-template-columns:minmax(0,1fr)}}.staff-import{gap:20px;min-width:0;display:grid}.staff-import__actions,.staff-import__region-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.staff-import__regions{gap:24px;margin:0;padding:0;list-style:none;display:grid}.staff-import__regions>li{border:1px solid var(--nota-color-border);border-radius:18px;gap:12px;min-width:0;padding:20px;display:grid}.staff-import__regions img{object-fit:contain;background:#fff;width:100%;max-height:280px;display:block}.staff-import__settings,.staff-region-review__fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:end;gap:16px;display:grid}.staff-import label,.staff-region-review label{gap:8px;min-width:0;display:grid}.staff-import input:not([type=checkbox]),.staff-import select{width:100%;min-width:0;min-height:44px}.staff-import .staff-import__confirm,.staff-import__region-heading label{align-items:center;gap:10px;display:flex}.staff-region-review{gap:16px;padding-block:16px;display:grid}.staff-import details>summary{cursor:pointer;padding-block:12px}.staff-import__progress{border:1px solid var(--nota-color-border);background:var(--nota-color-surface-muted);border-radius:16px;gap:10px;padding:18px;display:grid}.staff-import__progress progress{width:100%;height:12px;accent-color:var(--nota-color-accent)}.staff-import__progress p:last-child{color:var(--nota-color-text-muted);font-size:14px;line-height:1.6}.staff-draft-workspace{grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);align-items:start;gap:24px;min-width:0;display:grid}.staff-draft-workspace__score,.staff-draft-workspace__metadata{border:1px solid var(--nota-color-border);border-radius:20px;gap:18px;min-width:0;padding:20px;display:grid}.staff-draft-workspace h3{margin:0}.staff-draft-workspace__toolbar{gap:12px;display:grid}.staff-draft-workspace__source{object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:220px;display:block}.staff-draft-workspace__original img{object-fit:contain;background:#fff;width:100%;max-height:65dvh;display:block}.staff-draft-workspace__correction{border-radius:12px;gap:12px;min-width:0;display:grid}.staff-draft-workspace__correction:focus{outline:3px solid var(--nota-color-text);outline-offset:4px}.staff-draft-workspace__metadata{background:var(--nota-color-surface-muted)}.staff-draft-workspace__metadata p{color:var(--nota-color-text-muted);font-size:14px}.staff-draft-workspace__metadata .staff-import__settings{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-draft-workspace__metadata .staff-import__settings label:first-child{grid-column:1/-1}.staff-draft-workspace__accept{gap:12px;display:grid}.staff-draft-workspace__requirement{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:14px;justify-items:start;gap:12px;padding:14px;display:grid}.score-import__workspace:has(.staff-import--review){grid-template-columns:minmax(0,1fr)}.score-import__workspace:has(.staff-import--review)>.score-import__source{display:none}.score-workspace__inputs:has(.staff-import--review){grid-template-columns:minmax(0,1fr)}.score-import:has(.staff-import--review){background:0 0;border:0;padding:0}.score-import:has(.staff-import--review)>header{display:none}.score-import:has(.staff-import--review)>.staff-import__actions{display:none}.score-import:has(.staff-import--review)>.score-import__file{display:none}.score-import:has(.staff-import--review)>button{display:none}.score-workspace__inputs:has(.staff-import--review)>.score-workspace__capture{display:none}@media (width>=1200px){.staff-import--review{grid-template-columns:minmax(0,1fr) auto}.staff-import--review>header{align-self:center}.staff-import--review>.staff-import__actions{grid-area:1/2}.staff-import--review>.staff-draft-workspace{grid-column:1/-1}}@media (width<=900px){.staff-draft-workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.staff-import__regions>li{padding:12px}}.melody-analysis{overflow-wrap:anywhere;min-width:0}.melody-page .melody-analysis__consent{flex-direction:row;align-items:flex-start;gap:12px;margin:16px 0;font-weight:400;display:flex}.melody-analysis__consent input{width:24px;height:24px;accent-color:var(--nota-color-accent);flex:0 0 24px;margin:0}.melody-analysis__consent span{flex:1;line-height:1.5}.melody-analysis__consent input:focus-visible{outline-offset:3px;outline:3px solid #d878ad}.melody-page .melody-analysis__limit{color:var(--nota-color-text);font-size:14px}.melody-analysis__result h3{margin-bottom:8px;font-size:16px}.melody-analysis__result ul{padding-left:20px}.melody-analysis__result a{color:var(--nota-color-text);text-underline-offset:3px;padding-block:8px;display:inline-block}.melody-analysis>button{max-width:100%;min-height:44px}.melody-guide{overscroll-behavior:contain;border:1px solid var(--nota-color-border);background:var(--nota-color-surface);width:min(820px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--nota-color-text);border-radius:24px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 96px #160c2440}.melody-guide::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#24102180}.melody-guide__close{background:var(--nota-color-surface);width:44px;height:44px;color:inherit;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.melody-guide__close:focus-visible{outline:3px solid var(--nota-color-accent);outline-offset:2px}.melody-guide__hero{background:radial-gradient(at 95% 20%,#ffb36b30,#0000 70%);grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:16px;padding:40px 28px 16px;display:grid}.melody-guide__hero img{object-fit:contain;width:112px;height:112px}.melody-guide h2{margin:0 0 12px;font-size:clamp(24px,4vw,32px);line-height:1.15}.melody-guide p{color:var(--nota-color-text-muted);margin:0;font-size:14px;line-height:1.5}.melody-guide__steps{gap:16px;margin:0;padding:0 28px 16px;list-style:none;display:grid}.melody-guide__steps li{grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}.melody-guide__steps svg{color:var(--nota-color-accent)}.melody-guide h3{margin:0 0 4px;font-size:16px}.melody-guide .melody-intro__example{background:var(--nota-color-surface-muted);margin:0 28px 16px}.melody-guide .melody-intro__example .note-staff{max-width:none;min-height:100px;margin:0 auto}.melody-guide__example-actions{justify-content:center;margin-block:16px 4px;display:flex}.melody-guide__example-actions>button{min-width:144px}.melody-guide .melody-intro__example ol{margin:0 0 12px}.melody-guide footer{background:var(--nota-color-surface);border-top:1px solid var(--nota-color-border);gap:12px;padding:16px 28px;display:grid;position:sticky;bottom:0}.melody-guide footer>button{width:100%}@media (width<=600px){.melody-guide__hero{grid-template-columns:minmax(0,1fr) 72px;gap:8px;padding:40px 20px 16px}.melody-guide__hero img{width:72px;height:72px}.melody-guide__steps{gap:12px;padding-inline:20px}.melody-guide .melody-intro__example{margin-inline:20px;padding:12px}.melody-guide footer{padding:12px 20px 16px}}.premium-shell .page.melody-page{width:100%;min-width:0;max-width:none;color:var(--nota-color-text);flex-direction:column;align-self:stretch;gap:16px;margin-inline:0;padding:20px 24px 32px;display:flex}.melody-page>header,.melody-card{width:100%;min-width:0;margin-inline:0}.melody-page h1{margin:0 0 8px;font-size:clamp(24px,4vw,34px)}.melody-page h2{margin:0 0 12px;font-size:24px}.melody-page p{color:var(--nota-color-text-muted);line-height:1.5}.melody-banner{--nota-button-foreground:#35152f;--text:#fff6fa;isolation:isolate;color:#fff6fa;background:#35152f;border-radius:28px;align-items:center;width:100%;min-height:calc(100dvh - 116px);padding:clamp(28px,5vw,72px);display:flex;position:relative;overflow:hidden}.melody-banner:after{z-index:-1;content:"";background:linear-gradient(90deg,#261025f5 0%,#35152fe0 35%,#35152f15 75%);position:absolute;inset:0}.melody-banner__art{z-index:-2;object-fit:cover;object-position:65% center;width:100%;height:100%;position:absolute;inset:0}.melody-banner__copy{width:min(58%,640px);min-width:0}.melody-banner h2{color:#fff6fa;letter-spacing:-.025em;margin-bottom:24px;font-size:clamp(32px,4.5vw,60px);line-height:1.08}.melody-banner p{color:#f5e6ef;max-width:48ch;font-size:clamp(15px,1.3vw,18px)}.melody-banner .melody-actions{margin-top:28px}.melody-banner .melody-actions button{min-height:48px}.melody-banner .melody-actions button[data-melody-record]{background:#ffb36b;border-color:#ffb36b}.melody-banner .melody-actions button[data-melody-record]:hover{background:#ffc695}.melody-banner .melody-actions button:not([data-melody-record]){background:#35152f60;border-color:#ffffff75}.melody-banner__path{color:#ffbd95;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 28px;padding:0;font-size:13px;font-weight:700;list-style:none;display:flex}.melody-banner__path li{align-items:center;gap:6px;display:flex}.melody-banner__path li+li:before{content:"→";color:#e7ccdd;margin-inline-end:8px}.melody-banner .melody-banner__privacy{color:#e7ccdd;max-width:52ch;margin:24px 0 0;font-size:12px}.melody-next-step{background:var(--nota-color-surface-muted);border:1px solid var(--nota-color-border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:20px;display:flex}.melody-next-step>div{flex:240px}.melody-next-step h3{margin:0 0 6px;font-size:18px}.melody-next-step p{margin:0;font-size:14px}.melody-next-step button{flex:0 auto}.melody-intro__example{background:var(--nota-color-surface);color:var(--nota-color-text);border-radius:16px;margin:20px 0;padding:16px}.melody-intro__example figcaption{font-size:14px;font-weight:700}.melody-intro__example p{color:var(--nota-color-text-muted)}.melody-intro__example .note-staff{max-width:520px;min-height:136px;margin:12px auto}.melody-intro__example ol{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;font-size:clamp(13px,2vw,18px);list-style:none;display:grid}.melody-card{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:24px;padding:clamp(16px,3vw,28px)}.melody-capture{max-width:1100px;margin-inline:auto}.melody-issue{border:1px solid var(--nota-color-border);border-radius:12px;margin:0;padding:12px 16px}.melody-result{padding:20px}.melody-result__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.melody-result__header h2{margin:0}.melody-result__layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);align-items:start;gap:24px;margin-top:16px;display:grid}.melody-result__music,.melody-result__controls{min-width:0}.melody-result__controls{border-inline-start:1px solid var(--nota-color-border);gap:16px;padding-inline-start:20px;display:grid}.melody-result__controls .melody-fields,.melody-result__controls .melody-actions{display:grid}.melody-result__explanation{margin:0;font-size:14px}.melody-fields,.melody-actions{flex-wrap:wrap;gap:12px;display:flex}.melody-fields>label{flex:180px}.melody-page label{flex-direction:column;gap:8px;font-weight:700;display:flex}.melody-page select{border:1px solid var(--nota-color-border);width:100%;min-height:44px;font:inherit;background:var(--nota-color-surface);color:var(--nota-color-text);border-radius:12px;padding:8px 12px}.melody-page select:focus-visible,.melody-notes summary:focus-visible{outline-offset:3px;outline:3px solid #d878ad}.melody-page progress{accent-color:#9b477e;width:100%;height:16px;margin-bottom:16px}.melody-visualization{border:1px solid var(--nota-color-border);border-radius:16px;margin:0 0 16px;overflow:hidden}.melody-visualization svg{background:var(--nota-color-surface-soft);width:100%;display:block}.melody-grid{stroke:var(--nota-color-border)}.melody-falling-note{fill:#b6538d}.melody-play-line{stroke:#f19673;stroke-width:3px}.melody-visualization .instrument-diagram{border:0;border-radius:0;max-width:none;margin:0;padding:0}.melody-visualization .instrument-play-surface{padding:0}.melody-visualization .instrument-play-surface>.instrument-diagram--piano{min-width:0}.melody-visualization .instrument-piano__black{inset:0}.melody-visualization figcaption{gap:12px;padding:12px;font-size:14px;display:flex}.melody-visualization figcaption span{overflow-wrap:anywhere}.melody-visualization output{white-space:nowrap}.melody-actions>button{flex:0 auto}.melody-notes{margin-top:16px}.melody-notes summary{cursor:pointer;min-height:44px;font-weight:700}.melody-notes ol{margin:0;padding:0;list-style:none}.melody-notes li{border-top:1px solid var(--nota-color-border);grid-template-columns:minmax(100px,1fr) 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.melody-notes small{color:var(--nota-color-text-muted);display:block}.melody-note-pages{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}@media (width>=1280px){.melody-visualization>svg{height:clamp(112px,14dvh,160px)}}@media (width<=1080px){.melody-result__layout{grid-template-columns:minmax(0,1fr)}.melody-result__controls{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--nota-color-border);padding-top:16px}.melody-result__controls .melody-fields,.melody-result__controls .melody-actions{display:flex}}@media (width<=600px){.premium-shell .page.melody-page{padding:12px}.melody-result{padding:16px}.melody-actions--transport{width:100%}.melody-actions--transport>button{flex:140px}.melody-banner{min-height:calc(100dvh - 148px - env(safe-area-inset-bottom));align-items:end;padding:28px 20px}.melody-banner:after{background:linear-gradient(#35152f30 0%,#35152fe8 45%,#261025fc 100%)}.melody-banner__copy{width:100%}.melody-banner h2{margin-bottom:16px;font-size:34px}.melody-banner p{font-size:15px}.melody-banner .melody-actions{flex-direction:column;align-items:stretch}.melody-banner__path{gap:10px;margin-bottom:20px}.melody-banner__path li+li:before{margin-inline-end:0}.melody-next-step>button{width:100%}.melody-fields>label{flex-basis:100%}.melody-notes li{grid-template-columns:1fr 1fr}.melody-notes li>button{grid-column:1/-1}}.score-workspace{align-content:start;gap:24px;min-width:0;display:grid}.score-workspace>header p{max-width:72ch;color:var(--nota-color-text-muted)}.score-workspace__editor{border-radius:24px;gap:16px;min-width:0;scroll-margin-block-start:16px;display:grid}.score-workspace__editor:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:4px}.score-workspace__capture{align-content:start;justify-items:start;gap:16px;padding:clamp(20px,3vw,32px);display:grid}.score-workspace__capture-icon{width:56px;height:56px;color:var(--nota-color-accent);background:var(--nota-color-surface-muted);border-radius:18px;place-items:center;display:grid}.score-workspace__capture .score-workspace__record{max-width:100%;min-height:48px;padding-block:10px}.score-workspace__capture .score-workspace__record .nota-text{white-space:normal;text-align:start}.score-workspace__capture h2{margin:0}.score-workspace__capture p{max-width:76ch;margin:0;line-height:1.6}.score-workspace__actions{flex-wrap:wrap;gap:12px;display:flex}.premium-shell .page.score-workspace{align-self:stretch;width:100%;max-width:none;margin-inline:0;padding:20px 24px 32px}.score-workspace__header{align-items:center;gap:16px;min-width:0;display:flex}.score-workspace .score-workspace__header h1{margin:0}.score-workspace__navigation{border-bottom:1px solid var(--nota-color-border);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.score-workspace__navigation a{min-height:44px;color:var(--nota-color-text);border-radius:10px;align-items:center;padding:8px 16px;text-decoration:none;display:flex}.score-workspace__navigation a[aria-current=page]{background:var(--nota-color-surface-muted,#f6e8f0);box-shadow:inset 0 -3px var(--nota-color-accent,#792b60);font-weight:700}.score-workspace a:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:3px}.score-workspace__inputs{align-items:start;gap:24px;display:grid}.score-workspace__inputs .score-import{width:100%;max-width:none}.score-workspace__empty{border:1px solid var(--nota-color-border);background:linear-gradient(115deg, var(--nota-color-surface) 35%, var(--nota-color-surface-muted,#f8edf3));border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:clamp(24px,4vw,64px);min-width:0;padding:clamp(24px,4vw,56px);display:grid}.score-empty__copy{align-content:center;justify-items:start;gap:20px;min-width:0;display:grid}.score-workspace__empty h2{max-width:22ch;margin:0;font-size:clamp(24px,2.3vw,38px);line-height:1.2}.score-workspace__empty p{max-width:46ch;color:var(--nota-color-text-muted);margin:0;font-size:17px;line-height:1.65}.score-empty__copy .score-workspace__actions{gap:12px;margin-top:8px}.score-empty__art{justify-self:center;width:100%;min-width:0;max-width:560px;position:relative}.score-empty__illustration{width:100%;height:auto;display:block}.score-empty__mascot{filter:drop-shadow(0 8px 10px #48223e22);width:clamp(88px,8vw,120px);height:auto;position:absolute;bottom:-8px;right:-4px}.score-workspace__lead{max-width:86ch;color:var(--nota-color-text-muted);line-height:1.6}.score-audition{gap:12px;min-width:0;display:grid}.score-audition__actions{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.score-audition label{gap:6px;min-width:0;font-size:14px;font-weight:600;display:grid}.score-audition select{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);min-height:44px;color:inherit;font:inherit;border-radius:12px;padding:8px 12px}.score-audition p{color:var(--nota-color-text-muted);margin:0;font-size:14px;line-height:1.5}@media (width>=1200px){.score-audition label{align-items:center;gap:12px;display:flex}}@media (width>=1280px){.score-workspace__inputs{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}}@media (width<=600px){.premium-shell .page.score-workspace{gap:16px;padding:16px 12px 24px}.score-workspace__navigation{width:100%}.score-workspace__navigation a{flex:1;justify-content:center;padding-inline:10px}.score-workspace__empty{gap:24px;padding:24px 20px}.score-empty__copy .score-workspace__actions{width:100%}.score-empty__copy .score-workspace__actions button{flex:200px}}@media (width<=900px){.score-workspace__empty{grid-template-columns:minmax(0,1fr)}.score-empty__art{width:min(100%,420px)}}.piano-roll-page{flex-direction:column;gap:20px;width:100%;max-width:none;padding-block:1.5rem;display:flex}.premium-shell .page.piano-roll-page{align-self:stretch;width:100%;max-width:none;margin-inline:0;padding:20px 24px 32px}.piano-page-title{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.piano-roll-page>*{flex-shrink:0}.piano-roll-page__header{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.piano-roll-page__navigation{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}.piano-project-title{overflow-wrap:anywhere;margin:0;font-size:1.25rem}.piano-project-info{color:var(--nota-color-text-muted);margin:-8px 0 0;font-size:14px}.piano-entry{border:1px solid var(--nota-color-border);background:radial-gradient(ellipse at 95% 20%, #ffb36b25, transparent 60%), var(--nota-color-surface);border-radius:24px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px;padding:clamp(20px,3vw,36px);display:grid}.piano-entry h2{margin:0 0 12px;font-size:clamp(24px,3vw,36px)}.piano-entry p{max-width:72ch;color:var(--nota-color-text-muted);line-height:1.5}.piano-entry__actions{flex-wrap:wrap;gap:12px;margin-block:24px;display:flex}.piano-entry img{object-fit:contain;width:180px;height:180px}.piano-entry .piano-entry__session{margin-bottom:0;font-size:12px}.piano-workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;min-width:0;display:grid}.piano-transport{min-width:0;padding:1.25rem}.piano-transport__buttons,.piano-loop{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.piano-transport label{gap:.4rem;font-size:.85rem;display:grid}.piano-transport select,.piano-transport input[type=number],.piano-timing input{border:1px solid var(--border);background:var(--surface);min-height:2.75rem;color:inherit;border-radius:.75rem;max-width:100%;padding:.5rem .75rem}.piano-position input{width:100%;min-height:2.75rem;accent-color:var(--rose)}.piano-transport output{font-variant-numeric:tabular-nums;margin-block:.5rem 1rem;display:block}.piano-loop label:last-child{align-items:center;min-height:2.75rem;display:flex}.piano-loop input[type=number]{width:10rem}.piano-stage{min-width:0;min-height:min-content;padding:0;overflow:hidden}.piano-stage__scroll{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.piano-stage__instrument{min-width:100%;position:relative}.piano-falling{background:linear-gradient(#2d1634,#4f284f);height:clamp(22rem,48dvh,38rem);position:relative;overflow:hidden}.piano-lane{border-left:1px solid #ffffff14;position:absolute;top:0;bottom:0}.piano-falling__note{color:#351936;text-align:center;background:linear-gradient(#f4a3c8,#ffb98a);border:1px solid #ffd9cd;border-radius:.45rem;min-height:4px;padding-top:.2rem;font-size:.7rem;position:absolute;overflow:hidden}.piano-falling__note--black{z-index:1;background:linear-gradient(#b68ee9,#d5a7ec);transform:translate(-50%)}.roll-piano{background:#2d1634;border-top:3px solid #ffb98a;height:10rem;position:relative}.roll-piano__key{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #bcaeb9;border-radius:0 0 .5rem .5rem;padding:0;position:absolute;top:0}.roll-piano__key--white{color:#372338;background:linear-gradient(#fff,#f7f0f4);height:100%}.roll-piano__key--black{color:#fff;z-index:2;background:linear-gradient(#302131,#170f1b);border-color:#190e1d;height:62%;transform:translate(-50%)}.roll-piano__key span{bottom:.7rem;font-size:.65rem;position:absolute;inset-inline:0}.roll-piano__key[aria-pressed=true]{color:#331b35;background:linear-gradient(#ffbd8b,#ef8eb9);box-shadow:inset 0 -5px #8e4b76}.roll-piano__key:focus-visible{outline-offset:-4px;z-index:3;outline:3px solid #e556ac}.piano-keyboard-help{color:var(--secondary);margin:0;padding:.75rem 1.25rem;font-size:.85rem;line-height:1.5}.piano-stationary{min-height:22rem;padding:1.5rem}.piano-stationary ol{flex-wrap:wrap;gap:1rem 2rem;padding-inline-start:1.25rem;display:flex}.piano-timing-prompt{justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.piano-timing-prompt h2{margin:0 0 8px;font-size:18px}.piano-timing-prompt p{max-width:80ch;color:var(--nota-color-text-muted);margin:0;line-height:1.5}.piano-timing-prompt>button{flex-shrink:0}.piano-timing-workspace{min-width:0}.piano-timing{padding:1.5rem}.piano-timing>p{max-width:80ch;color:var(--nota-color-text-muted);line-height:1.6}.piano-timing__rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.5rem;display:grid}.piano-timing fieldset{border:1px solid var(--border);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;padding:1rem;display:grid}.piano-timing legend{padding-inline:8px;font-weight:600}.piano-timing label{gap:.4rem;margin-bottom:.75rem;display:grid}.piano-timing input{width:100%;min-width:0}@media (width>=1280px){.piano-workspace{grid-template-columns:300px minmax(0,1fr)}.piano-loop>label{width:100%;min-width:0}.piano-loop input[type=number]{width:100%}}@media (width<=900px){.piano-timing__rows{grid-template-columns:minmax(0,1fr)}}.piano-workspace--empty{grid-template-columns:minmax(0,1fr)}@media (width<=600px){.premium-shell .page.piano-roll-page{padding:16px 12px 96px}.piano-roll-page__header{flex-direction:column;align-items:stretch;gap:12px}.piano-roll-page__navigation{margin-left:0}.piano-entry{grid-template-columns:minmax(0,1fr) 64px;gap:8px}.piano-entry img{align-self:start;width:64px;height:64px}.piano-entry__actions{flex-direction:column;margin-inline-end:-72px}.piano-transport__buttons>button{flex:1}.piano-falling{height:40dvh;min-height:18rem}.piano-loop>label{flex:1;min-width:0}.piano-loop input[type=number]{width:100%}.piano-timing-prompt{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.piano-timing{padding:20px}.piano-timing fieldset{grid-template-columns:minmax(0,1fr);gap:0}}.spectrum-descriptors{border-top:1px solid var(--border);min-width:0;margin-block:1rem;padding-block-start:1rem}.spectrum-descriptors h3{margin:0;font-size:1.05rem}.spectrum-descriptors p{line-height:1.6}.spectrum-descriptors__intro{color:var(--secondary);margin-block:.4rem .75rem}.spectrum-descriptors__values{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1rem;display:grid}.spectrum-descriptors__values>div{min-width:0}.spectrum-descriptors dt{color:var(--secondary);font-size:.8rem;line-height:1.5}.spectrum-descriptors dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.35rem 0 0;font-size:1.2rem;font-weight:650}.spectrum-descriptors__meta,.spectrum-descriptors__caveat{color:var(--secondary);font-size:.8rem}.spectrum-descriptors__notice{border-inline-start:3px solid var(--rose);padding-inline-start:.75rem}.spectrum-descriptors details p{max-width:80ch;font-size:.85rem}@media (width<=600px){.spectrum-descriptors__values{grid-template-columns:1fr;gap:.7rem}.spectrum-descriptors__values>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:.75rem;display:grid}.spectrum-descriptors dd{text-align:end;margin:0;font-size:1rem}}.melody-spectrum{min-width:0;padding:1.5rem}.melody-spectrum>p{max-width:80ch;line-height:1.65}.melody-spectrum__figure{min-width:0;margin:1.25rem 0}.melody-spectrum__plot{gap:.65rem;height:clamp(14rem,30dvh,24rem);display:flex}.melody-spectrum__frequency{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;width:3rem;font-size:.75rem;display:flex}.melody-spectrum__canvas{background:var(--plum);border-radius:.75rem;flex:1;min-width:0;position:relative;overflow:hidden}.melody-spectrum canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.melody-spectrum__cursor{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #35152f}.melody-spectrum__time{font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.5rem;margin-left:3.65rem;font-size:.75rem;display:flex}.melody-spectrum figcaption,.melody-spectrum__hint{color:var(--secondary);font-size:.8rem}.melody-spectrum summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.melody-spectrum summary:before{content:"+";margin-inline-end:10px}.melody-spectrum details[open] summary:before{content:"−"}@media (width>=1280px){.melody-spectrum{padding:16px 20px}.melody-spectrum__figure{margin-block:12px}.melody-spectrum__plot{height:clamp(200px,24dvh,280px)}}.daily-practice{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:20px;width:100%;min-width:0;padding:20px}.daily-practice header{justify-content:space-between;align-items:center;gap:20px;display:flex}.daily-practice header>div{min-width:0;max-width:850px}.daily-practice .daily-practice__continue{white-space:normal;border-radius:14px;flex:none;min-height:48px;padding:12px 20px}.daily-practice__continue .nota-text{line-height:1.35}.daily-practice h2{margin:0 0 8px}.daily-practice p{color:var(--nota-color-text-muted);margin:8px 0;line-height:1.5}.daily-practice__progress{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:16px 0;display:flex}.daily-practice__progress progress{width:min(100%,220px);accent-color:var(--nota-color-accent)}.daily-practice__guest{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.daily-practice details{margin-top:16px}.daily-practice summary{border:1px solid var(--nota-color-border);background:var(--nota-color-surface-soft);width:fit-content;max-width:100%;min-height:44px;color:var(--nota-color-text);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;line-height:1.35;list-style:none;display:flex}.daily-practice summary::-webkit-details-marker{display:none}.daily-practice summary svg{flex:none}.daily-practice summary:hover{border-color:var(--nota-color-accent)}.daily-practice__chevron{margin-inline-start:4px}.daily-practice details[open] .daily-practice__chevron{transform:rotate(180deg)}.daily-practice__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px 16px;padding:0;list-style:none;display:grid}.daily-practice__list button{border:1px solid var(--nota-color-border);background:var(--nota-color-surface-soft);width:100%;min-height:44px;color:var(--nota-color-text);text-align:start;font:inherit;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.daily-practice__list button:focus-visible,.daily-practice summary:focus-visible{outline:3px solid var(--nota-color-accent);outline-offset:3px}.daily-practice__check{color:var(--nota-color-accent);font-weight:700}@media (width<=700px){.daily-practice{padding:16px}.daily-practice header{flex-direction:column;align-items:stretch;gap:8px}}.journey-map-page{box-sizing:border-box;height:100%;min-height:0;color:var(--nota-color-text);background:var(--nota-color-background);padding:clamp(20px,2.5vw,32px);overflow:hidden auto}.journey-map-page__header{justify-content:space-between;align-items:center;gap:32px;width:min(1560px,100%);margin:0 auto 24px;display:flex}.journey-map-page__header h1{margin:0}.journey-map-page__header p{color:var(--nota-color-text-muted);margin:10px 0 0;line-height:1.5}.journey-map-progress{width:min(280px,32%);color:var(--nota-color-text-muted);flex:none;gap:12px;font-size:14px;font-weight:700;display:grid}.journey-map-progress progress{appearance:none;width:100%;height:8px;color:var(--nota-color-accent);background:var(--nota-color-border);border:0;border-radius:999px;overflow:hidden}.journey-map-progress progress::-webkit-progress-bar{background:var(--nota-color-border)}.journey-map-progress progress::-webkit-progress-value{background:var(--nota-color-accent);border-radius:999px}.journey-map-progress progress::-moz-progress-bar{background:var(--nota-color-accent);border-radius:999px}.journey-map-shell{width:min(1560px,100%);margin:0 auto}.journey-map-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.journey-map-nodes>li{min-width:0}.journey-stage{border-radius:24px;height:100%}.journey-stage>button{box-sizing:border-box;border:1px solid var(--nota-color-border);border-radius:inherit;width:100%;height:100%;min-height:166px;color:var(--nota-color-text);background:var(--nota-color-surface);font:inherit;text-align:left;cursor:pointer;grid-template-columns:88px minmax(0,1fr) 20px;align-items:center;gap:20px;padding:24px;display:grid}.journey-stage>button:enabled:hover{border-color:var(--nota-color-accent);box-shadow:0 8px 24px color-mix(in srgb, var(--nota-color-accent) 10%, transparent)}.journey-stage--current>button{border-color:var(--nota-color-accent);background:linear-gradient(115deg, var(--nota-color-surface), var(--nota-color-surface-soft));box-shadow:inset 4px 0 0 var(--nota-color-accent)}.journey-stage--locked>button{cursor:not-allowed}.journey-stage__art{background:var(--nota-color-background);border-radius:18px;align-content:center;align-self:stretch;place-items:center;gap:8px;min-height:116px;display:grid;position:relative}.journey-stage__number{color:var(--nota-color-text-muted);letter-spacing:.12em;font-size:12px;font-weight:800}.journey-stage__icon{place-items:center;width:48px;height:48px;display:grid;position:relative}.journey-topic-badge{width:42px;height:42px}.journey-topic-badge[data-badge-index="0"]{color:#a43f70}.journey-topic-badge[data-badge-index="1"]{color:#437b60}.journey-topic-badge[data-badge-index="2"]{color:#506cb5}.journey-topic-badge[data-badge-index="3"]{color:#9251a2}.journey-topic-badge[data-badge-index="4"]{color:#ae6135}.journey-topic-badge[data-badge-index="5"]{color:#397b8d}.journey-topic-badge[data-badge-index="6"]{color:#7c648f}.journey-topic-badge[data-badge-index="7"]{color:#ab7625}.journey-stage--current .journey-stage__art{background:#ffb58c}.journey-stage--current .journey-topic-badge,.journey-stage--current .journey-stage__number{color:#35152f}.journey-stage--locked .journey-topic-badge{color:var(--nota-color-text-muted)}.journey-stage__badge-status{border:2px solid var(--nota-color-surface);width:24px;height:24px;color:var(--nota-color-text-muted);background:var(--nota-color-background);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-6px}.journey-stage--completed .journey-stage__badge-status{color:#fff;background:#277650}.journey-stage--current .journey-stage__badge-status{color:#fff;background:#742957}.journey-stage__copy{justify-items:start;gap:8px;min-width:0;display:grid}.journey-stage__copy strong{color:var(--nota-color-text);font-size:clamp(18px,1.5vw,22px);font-weight:800;line-height:1.25}.journey-stage__description{max-width:40ch;color:var(--nota-color-text-muted);font-size:14px;line-height:1.5}.journey-stage__status{color:var(--nota-color-text-muted);background:var(--nota-color-background);border-radius:8px;margin-top:4px;padding:5px 10px;font-size:12px;font-weight:750;line-height:1.5}.journey-stage--current .journey-stage__status{color:var(--nota-color-surface);background:var(--nota-color-accent)}.journey-stage--completed .journey-stage__status{color:var(--nota-color-text);background:var(--nota-color-surface-soft)}.journey-stage__arrow{color:var(--nota-color-text-muted)}.journey-stage--current .journey-stage__arrow{color:var(--nota-color-accent)}.journey-achievements{box-sizing:border-box;border-top:1px solid var(--nota-color-border);align-items:flex-start;gap:16px;width:min(1560px,100%);margin:24px auto 0;padding:20px 24px;display:flex}.journey-achievements>svg{color:var(--nota-color-text-muted);flex:none}.journey-achievements h2{margin:0;font-size:18px;line-height:1.3}.journey-achievements p{max-width:100ch;color:var(--nota-color-text-muted);margin:8px 0;font-size:14px;line-height:1.5}.journey-achievements a{min-height:44px;color:var(--nota-color-text);text-underline-offset:4px;align-items:center;display:inline-flex}.journey-achievements a:focus-visible,.journey-stage>button:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:4px}@media (width>=1760px){.journey-map-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.journey-stage>button{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:20px}.journey-stage__arrow{display:none}}@media (width<=760px){.journey-map-page{padding:20px 16px}.journey-map-page__header{flex-direction:column;align-items:stretch;gap:20px}.journey-map-progress{width:100%}.journey-map-nodes{grid-template-columns:minmax(0,1fr)}.journey-stage>button{min-height:156px;padding:18px}.journey-achievements{padding:20px 0}}.premium-shell .page.home-page{width:min(100%,1120px);color:var(--nota-color-text);flex-direction:column;gap:20px;margin-inline:auto;padding:28px 32px;display:flex;overflow:auto}.home-page h1,.home-page h2,.home-page h3,.home-page p{margin:0}.home-header p{color:var(--nota-color-text-muted);font-size:16px;line-height:1.5}.home-explorer{background:var(--nota-color-surface);border:1px solid var(--nota-color-border);border-radius:24px;padding:24px}.home-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.home-instrument-tabs{background:var(--nota-color-accent-soft);border-radius:16px;gap:4px;padding:4px;display:flex}.home-instrument-tabs button{min-height:44px;color:var(--nota-color-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 20px;font-weight:600}.home-instrument-tabs button[aria-selected=true]{background:var(--nota-color-surface);color:var(--nota-color-accent);box-shadow:0 2px 8px #30142b14}.home-instrument-tabs button:focus-visible{outline:3px solid var(--nota-color-accent);outline-offset:2px}.home-controls label{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.home-controls select{border:1px solid var(--nota-color-border);min-width:0;min-height:44px;color:inherit;background:var(--nota-color-surface);font:inherit;border-radius:12px;padding:8px 12px}.home-note-display{grid-template-columns:minmax(0,1fr) 240px;align-items:center;min-height:120px;display:grid}.home-note-display h2{font-size:36px;line-height:1.2}.home-page .home-note-notation{color:var(--nota-color-text-muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:16px;display:flex}.home-piano{background:#fff;border:1px solid #796871;border-radius:12px;height:144px;margin-top:12px;position:relative;overflow:hidden}.home-piano__key{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0 0 6px 6px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;font-size:15px;font-weight:650;display:flex;position:absolute;top:0}.home-piano__key--white{z-index:1;color:#35152f;background:#fff;border-right:1px solid #b5a9af;height:100%;padding:8px 0;box-shadow:inset 0 -5px #eee7eb}.home-piano__key--black{z-index:2;color:#fff;background:0 0;width:44px;height:60%;padding:0 7px 8px;transform:translate(-50%)}.home-piano__key--black:before{content:"";z-index:-1;background:#30202b;border-radius:0 0 5px 5px;position:absolute;inset:0 7px;box-shadow:inset 0 -4px #190e15}.home-piano__key small{font-size:12px;font-weight:600;line-height:1.2}.home-piano__key--black small{display:none}.home-piano__key--white[aria-pressed=true]{background:#f8d8e8;box-shadow:inset 0 -5px #b65087}.home-piano__key--black[aria-pressed=true]:before{background:#9b3a71}.home-piano__key:focus-visible{outline-offset:-4px;outline:3px solid #d96fa2}.home-activities h2{margin-bottom:14px;font-size:22px}.home-activities>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.home-activities a{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);min-width:0;color:inherit;border-radius:20px;gap:12px;padding:20px;text-decoration:none;display:grid}.home-activities a>svg:last-child{justify-self:end}.home-activities a:hover{border-color:var(--nota-color-text-muted)}.home-activities a:focus-visible,.home-controls select:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:3px}.home-activities h3{font-size:18px;line-height:1.25}.home-activities p{color:var(--nota-color-text-muted);font-size:14px;line-height:1.45}@media (width<=1150px){.home-activities>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.premium-shell .page.home-page{gap:16px;padding:18px 16px}.home-explorer{border-radius:20px;padding:14px}.home-controls{gap:10px}.home-instrument-tabs{width:100%}.home-instrument-tabs button{flex:1;min-width:0;padding-inline:8px}.home-controls label{flex:1;gap:4px;font-size:14px;display:grid}.home-controls select{width:100%;padding-inline:8px}.home-note-display{grid-template-columns:minmax(0,1fr) 160px;min-height:90px}.home-note-display h2{font-size:28px}.home-page .home-note-notation{gap:4px;font-size:14px}.home-piano{height:120px;margin-top:4px}.home-piano__key{font-size:14px}.home-activities a{padding:16px}}.premium-shell .page.note-course{flex-direction:column;gap:24px;width:100%;max-width:1240px;margin-inline:auto;padding:clamp(16px,3vw,32px);display:flex;overflow:hidden auto}.note-course h2{margin:0;font-size:clamp(22px,3vw,28px)}.note-course p{margin:0;line-height:1.5}.note-course label{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.note-course select{border:1px solid var(--nota-color-border);min-height:44px;font:inherit;color:var(--nota-color-text);background:var(--nota-color-surface);border-radius:12px;padding:8px 12px}.note-course__session{background:var(--nota-color-surface);border:1px solid var(--nota-color-border);border-radius:24px;flex-direction:column;gap:24px;min-width:0;padding:clamp(20px,4vw,48px);display:flex}.note-course__session>progress{width:100%;height:6px;accent-color:var(--nota-color-text);border:0;border-radius:8px;overflow:hidden}.note-course__session>progress::-webkit-progress-bar{background:var(--nota-color-border)}.note-course__session>progress::-webkit-progress-value{background:var(--nota-color-text)}.note-course__session>progress::-moz-progress-bar{background:var(--nota-color-text)}.note-course__session .instrument-diagram{max-width:none;height:clamp(180px,21vw,250px);min-height:180px}.note-course__session>button{align-self:flex-start;min-width:min(100%,260px)}.note-course__note{font-size:clamp(36px,5vw,64px);line-height:1.1}.note-course__answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.note-course__answers button{white-space:normal;min-height:60px;font-size:18px}.note-course__explore{color:var(--nota-color-text-muted)}.note-course__feedback{background:var(--nota-color-surface-soft);border-radius:16px;gap:14px;padding:16px;display:grid}.note-course__privacy{color:var(--nota-color-text-muted);font-size:14px}@media (width<=420px){.note-course__session{gap:18px}.note-course__session .instrument-diagram{height:150px;min-height:150px}.note-course__answers{gap:8px}.note-course__answers button{padding-inline:8px}}.note-course__session .instrument-diagram--violin{height:322px;min-height:322px}.premium-shell .page.instruments-page{width:min(100%,1240px);margin-inline:auto;padding:clamp(16px,3vw,40px);overflow:hidden auto}.instruments-intro{color:#fff;background:radial-gradient(at 90% 100%,#ffa28244,#0000 60%),linear-gradient(125deg,#342035,#743957);border-radius:24px;align-items:center;gap:20px;padding:clamp(20px,3vw,32px);display:flex}.instruments-intro h1{margin:0 0 12px;font-size:clamp(26px,3.5vw,40px);line-height:1.2}.instruments-intro p{color:#eadce6;max-width:60ch;margin:0;line-height:1.6}.instruments-intro img{object-fit:contain;width:clamp(90px,15vw,144px);height:auto}.instruments-workbench{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:24px;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;margin-top:24px;padding:clamp(18px,3vw,32px);display:grid}.instruments-workbench>*{min-width:0}.instruments-workbench label{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.instruments-workbench select{border:1px solid var(--nota-color-border);background:var(--nota-color-background);min-height:44px;color:var(--nota-color-text);font:inherit;border-radius:12px;padding:8px 16px}.instruments-workbench p{color:var(--nota-color-text-muted);margin:0;line-height:1.5}.instruments-workbench .instruments-selection{color:var(--nota-color-text);font-weight:700}.instruments-workbench>button{justify-self:start}.instruments-workbench .instrument-diagram{max-width:none;height:240px}.instruments-workbench[data-extended-piano=true] .instrument-diagram--piano{min-width:1000px}.instrument-chord-controls{border:1px solid var(--nota-color-border);background:var(--nota-color-surface-muted);border-radius:16px;flex-wrap:wrap;align-items:end;gap:16px;min-width:0;margin:0;padding:16px;display:flex}.instrument-chord-controls legend{padding-inline:8px;font-weight:700}.instrument-chord-controls label{flex:160px;gap:8px;min-width:0;display:grid}.instrument-chord-controls select{width:100%;min-width:0}.instrument-chord-controls button{min-height:44px}@media (width<=600px){.instruments-intro{gap:8px}.instruments-intro img{width:80px}.instruments-workbench{gap:18px}.instrument-chord-controls{padding:12px}.instrument-chord-controls>button{width:100%}}.premium-shell .page.learning-wizard{width:100%;max-width:none;color:var(--nota-color-text);flex-direction:column;align-items:stretch;gap:24px;margin-inline:auto;padding:clamp(20px,3vw,40px);display:flex;overflow:hidden auto}.learning-wizard__header{gap:16px;display:grid}.learning-wizard__header h1{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.2}.learning-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.learning-voice-entry{border:1px solid var(--nota-color-border);min-width:0;color:var(--nota-color-text);background:radial-gradient(ellipse at 92% 50%, #ee956c26, transparent 65%), var(--nota-color-surface);font:inherit;text-align:left;cursor:pointer;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(120px,240px);align-items:center;gap:24px;padding:20px 28px;display:grid}.learning-voice-entry__copy{gap:8px;min-width:0;display:grid}.learning-voice-entry__copy strong{font-size:24px;line-height:1.2}.learning-voice-entry__copy>span{color:var(--nota-color-text-muted)}.learning-voice-entry .learning-voice-entry__action{border:1px solid var(--nota-color-accent);background:var(--nota-color-accent);width:fit-content;max-width:100%;min-height:44px;color:var(--nota-color-surface);border-radius:14px;justify-content:center;justify-self:start;align-items:center;gap:12px;margin-top:6px;padding:10px 16px;font-size:14px;font-weight:750;line-height:1.35;display:inline-flex;box-shadow:0 6px 14px #35152f16}.learning-voice-entry:hover{border-color:var(--nota-color-accent)}.learning-voice-entry img{object-fit:contain;max-width:100%;height:auto}.learning-voice-entry:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:4px}@media (width<=600px){.learning-voice-entry{grid-template-columns:minmax(0,1fr) 80px;gap:12px;padding:18px}.learning-voice-entry__copy strong{font-size:22px}}.learning-action{text-align:left;min-width:0;font:inherit;color:var(--nota-color-text);background:var(--nota-color-surface);border:1px solid var(--nota-color-border);cursor:pointer;border-radius:24px;grid-template-rows:168px auto 1fr auto;gap:16px;padding:24px;display:grid}.learning-action__art{background:radial-gradient(at 50% 100%,#ffa28266,#0000 72%),linear-gradient(125deg,#342035,#743957);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.learning-action__art img{z-index:1;object-fit:contain;width:160px;height:160px;position:relative}.learning-action__staff{gap:15px;display:grid;position:absolute;inset:30px -30px;transform:rotate(-12deg)}.learning-action__staff i{background:#ffd8ab33;height:1px}.learning-action--theory .learning-action__art{background:radial-gradient(at 25% 20%,#d094b955,#0000 70%),#3a294f}.learning-action--map .learning-action__art{background:radial-gradient(at 70% 90%,#ffba6966,#0000 75%),#493149}.learning-action--path{grid-column:auto}.learning-action--path .learning-action__art img{transform:rotate(-8deg)}.learning-action__icon{width:56px;height:56px;color:var(--nota-color-text);background:var(--nota-color-background);border-radius:16px;place-items:center;display:grid}.learning-action__title{font-size:clamp(22px,2.5vw,28px);font-weight:750;line-height:1.2}.learning-action__description{max-width:34ch;color:var(--nota-color-text-muted);font-size:16px;line-height:1.5}.learning-action__start{border-top:1px solid var(--nota-color-border);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:16px;font-weight:700;display:flex}.learning-action:hover{border-color:var(--nota-color-text-muted)}.learning-action:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:4px}@media (width>=1440px){.premium-shell .page.learning-wizard{gap:20px;padding:24px}.learning-wizard__header{justify-content:space-between;align-items:center;gap:20px;display:flex}.learning-voice-entry{border-radius:20px;flex:0 610px;grid-template-columns:minmax(0,1fr) 96px;gap:16px;padding:12px 20px}.learning-voice-entry__copy{grid-template-columns:minmax(0,1fr) auto;gap:4px 14px}.learning-voice-entry__copy strong{grid-column:1;font-size:20px}.learning-voice-entry__copy>span:not(.learning-voice-entry__action){grid-column:1;font-size:14px;line-height:20px}.learning-voice-entry__action{grid-area:1/2/3;align-self:center;font-size:14px}.learning-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}.learning-action{grid-template-rows:auto 1fr auto;grid-template-columns:132px minmax(0,1fr);gap:12px 20px;padding:20px}.learning-action__art{grid-area:1/1/4;min-height:180px}.learning-action__art img{width:132px;height:132px}.learning-action__title,.learning-action__description,.learning-action__start{grid-column:2}.learning-action__title{font-size:22px}.learning-action__start{min-height:44px;padding-top:12px}}.learning-path{gap:24px;display:grid}.learning-path>button{justify-self:start}.learning-path__header{justify-content:space-between;align-items:center;gap:24px;display:flex}.learning-path__header h1{margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.learning-path__header p{max-width:55ch;color:var(--nota-color-text-muted);margin:0;line-height:1.6}.learning-path__header img{object-fit:contain;width:clamp(90px,15vw,150px);height:auto}.learning-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.learning-stepper button{text-align:left;border:1px solid var(--nota-color-border);min-height:48px;font:inherit;color:var(--nota-color-text-muted);background:var(--nota-color-surface);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.learning-stepper button[aria-current]{color:var(--nota-color-text);border-color:var(--nota-color-text)}.learning-stepper span{font-size:20px;font-weight:750}.learning-stepper small{font-size:14px;line-height:1.3}.learning-focus{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:20px;margin-block:16px;padding:24px}.learning-focus h2{margin:8px 0;font-size:24px;line-height:1.25}.learning-focus p{max-width:54ch;color:var(--nota-color-text-muted);margin:0;line-height:1.5}.learning-focus .eyebrow{font-size:14px}.learning-focus button{margin-top:20px}.learning-path footer{justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.learning-path output{color:var(--nota-color-text-muted);font-size:14px}@media (width<=600px){.premium-shell .page.learning-wizard{gap:16px;padding:20px 16px}.learning-actions{grid-template-columns:minmax(0,1fr);gap:12px}.learning-action{border-radius:20px;grid-template-rows:140px auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:8px 12px;padding:18px}.learning-action__art img{width:140px;height:140px}.learning-action__icon{border-radius:12px;grid-row:1/3;width:40px;height:40px}.learning-action__description{grid-column:1}.learning-action__start{grid-column:1/-1;margin-top:4px;padding-top:10px}.learning-stepper button{justify-content:center;padding:10px}.learning-stepper small{display:none}.learning-focus{padding:20px}.learning-focus button{width:100%}}.learning-tool-navigation{border-bottom:1px solid var(--nota-color-border);background:var(--nota-color-surface);scroll-behavior:auto;flex-wrap:wrap;flex-shrink:0;gap:0;padding:0 24px;display:flex}.learning-tool-navigation a{min-height:56px;color:var(--nota-color-text-muted);font:inherit;border:0;border-bottom:3px solid #0000;border-radius:0;align-items:center;padding:14px 20px;line-height:1.25;text-decoration:none;display:inline-flex}.learning-tool-navigation a[aria-current]{color:var(--nota-color-accent);background:var(--nota-color-surface-soft);border-bottom-color:var(--nota-color-accent);font-weight:750}.learning-tool-navigation a:hover{color:var(--nota-color-text);background:var(--nota-color-background)}.learning-tool-navigation a:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:-4px}@media (width<=600px){.learning-tool-navigation{box-sizing:border-box;overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:0;width:100%;min-width:0;max-width:100%;padding:0 12px;scroll-padding-inline:12px;overflow:auto hidden}.learning-tool-navigation a{white-space:nowrap;flex:none;padding-inline:12px;font-size:14px}}.contest-admin{color:var(--text);background:var(--surface);gap:12px;margin-top:14px;padding:18px;display:grid}.contest-admin h2,.contest-summary h3,.contest-admin p,.contest-summary p{margin:0}.contest-admin h2{font-size:20px}.contest-admin p,.contest-summary{font-size:15px;line-height:1.5}.contest-switch{align-items:center;gap:12px;min-height:48px;display:flex}.contest-switch input{width:24px;height:24px;accent-color:var(--primary,#702957);flex:none}.contest-admin summary,.contest-notice summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.contest-summary{overflow-wrap:anywhere;gap:10px;display:grid}.contest-summary h3{font-size:18px}.contest-notice{border:1px solid;border-radius:16px;padding:12px}.contest-notice a{color:inherit;text-decoration:underline}.service-stats-summary{overflow-y:auto}.onboarding-content .contest-notice{box-sizing:border-box;width:100%}._screen_xc40d_1{background:radial-gradient(circle at 50% 30%, var(--nota-color-accent-soft), transparent 38%), var(--nota-color-background);text-align:center;place-items:center;min-height:100dvh;padding:24px;display:grid}._content_xc40d_10{justify-items:center;gap:20px;display:grid}._mascot_xc40d_16{width:11rem;animation:1.6s ease-in-out infinite _pulse_xc40d_1}._progress_xc40d_21{background:var(--nota-color-accent-soft);border-radius:999px;width:7rem;height:.375rem;overflow:hidden}._progress_xc40d_21>span{border-radius:inherit;background:var(--nota-color-accent);width:66.667%;height:100%;animation:1s ease-in-out infinite _pulse_xc40d_1;display:block}._label_xc40d_38{color:var(--nota-color-text-muted);margin:0;font-size:.875rem;font-weight:700}@keyframes _pulse_xc40d_1{50%{opacity:.55}}[data-theme=dark] ._screen_xc40d_1{background:radial-gradient(circle at 50% 30%, var(--nota-color-accent-soft), transparent 38%), var(--nota-color-background)}[data-theme=dark] ._label_xc40d_38{color:var(--nota-color-text-muted)}[data-theme=dark] ._progress_xc40d_21{background:var(--nota-color-accent-soft)}._content_8kxz3_1{gap:30px;display:grid}@media (width<=420px){._content_8kxz3_1{gap:18px}}.onboarding-page{height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--nota-color-background);place-items:center;display:grid}.onboarding-layout{width:min(440px,100%);min-width:0}.onboarding-content{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:24px;padding:clamp(24px,5vw,40px);box-shadow:0 16px 48px #35152f14}.onboarding-auth-card{gap:12px;display:grid}.onboarding-auth-card button{width:100%;min-height:48px}.onboarding-auth-unavailable{color:var(--nota-color-text-muted);margin:0;font-size:14px;line-height:1.4}.onboarding-auth-unavailable:empty{display:none}.wallet-card{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);color:var(--nota-color-text);border-radius:28px;grid-column:1/-1;align-content:start;gap:16px;padding:clamp(22px,3vw,34px);display:grid;box-shadow:0 22px 55px #35152f17}.wallet-card__title{color:var(--nota-color-accent);align-items:center;gap:10px;display:flex}.wallet-card__packages{flex-wrap:wrap;gap:10px;display:flex}.wallet-card__legal{gap:10px;display:grid}.wallet-card__replacement{background:var(--nota-color-background);border:1px solid var(--nota-color-border);border-radius:16px;gap:12px;padding:16px;display:grid}.wallet-card__replacement p{margin:0}.wallet-card__replacement label{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.wallet-card__legal label{color:var(--nota-color-text-muted);align-items:flex-start;gap:9px;display:flex}.wallet-card__legal input{accent-color:var(--nota-color-accent);margin-top:4px}.wallet-card__legal a{color:var(--nota-color-accent);font-weight:700}@media (width<=780px){.wallet-card{gap:12px;padding:16px}.wallet-card__packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.wallet-card__packages button{min-height:44px;padding-inline:8px}.wallet-card__packages [data-typography=button]{font-size:14px!important}}.premium-shell .page.profile-page{width:min(100%,1120px);color:var(--nota-color-text);flex-direction:column;gap:16px;margin-inline:auto;padding:24px;scroll-padding-block-end:12px;display:flex;overflow:hidden auto}.profile-tabs{flex-wrap:wrap;gap:8px;width:100%;display:flex}.profile-tabs button{flex:1 0 auto;min-height:44px}.profile-session-actions{z-index:2;background:var(--nota-color-background);justify-content:flex-end;gap:12px;padding-block:4px;display:flex;position:sticky;top:0}.profile-session-actions button{min-height:44px}.profile-grid{align-content:start;gap:16px;width:100%;min-width:0;display:grid}.profile-grid [hidden]{display:none!important}.profile-card,.profile-achievements,.profile-account-section,.profile-referral-card,.profile-certificate{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);min-width:0;color:var(--nota-color-text);border-radius:24px;padding:24px}.profile-page h2{margin:0;font-size:24px;line-height:1.3}.profile-page p{color:var(--nota-color-text-muted);margin:8px 0;line-height:1.5}.profile-card{gap:20px;display:grid}.profile-overview-header{border:1px solid var(--nota-color-border);background:radial-gradient(ellipse at top right, var(--nota-color-accent-soft), transparent 75%), linear-gradient(115deg, var(--nota-color-surface), var(--nota-color-accent-soft));border-radius:18px;grid-template-columns:56px minmax(0,1fr) 88px;align-items:center;gap:16px;padding:20px;display:grid}.profile-identity{justify-items:start;gap:12px;min-width:0;display:grid}.profile-identity__name{overflow-wrap:anywhere;max-width:100%}.profile-identity>button{margin-top:4px}.profile-overview-mascot{object-fit:contain;width:88px;height:88px}.profile-overview-header:has(form){grid-template-columns:56px minmax(0,1fr);align-items:start}.profile-overview-header:has(form) .profile-overview-mascot{display:none}.profile-card__mark{background:var(--nota-color-accent-soft);width:56px;height:56px;color:var(--nota-color-accent);border-radius:16px;place-items:center;display:grid}.profile-card__mark img{object-fit:cover;border-radius:16px;width:56px;height:56px}.profile-identity>span{color:var(--nota-color-text-muted);display:block}.profile-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.profile-card dl>div{border:1px solid var(--nota-color-border);border-radius:16px;padding:14px}.profile-page dt{color:var(--nota-color-text-muted);font-size:14px}.profile-page dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:22px;font-weight:700}.profile-card form{gap:16px;display:grid}.profile-edit-field{gap:5px;display:grid}.profile-edit-field label{font-size:15px;font-weight:650}.profile-edit-field p{margin:0;font-size:14px}.profile-card input,.profile-referral-card input{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);width:100%;min-width:0;min-height:44px;color:var(--nota-color-text);font:inherit;border-radius:12px;padding:10px 12px}.profile-edit-actions,.profile-security-actions,.certificate-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-edit-actions button{width:auto}.profile-card:has(form) dl{display:none}.profile-achievements>div{gap:12px;margin-top:16px;display:grid}.profile-achievements article{border:1px solid var(--nota-color-border);color:var(--nota-color-text-muted);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.profile-achievements article.earned{color:var(--nota-color-text);background:var(--nota-color-accent-soft)}.profile-achievements small{padding-top:4px;display:block}.profile-account-section,.profile-referral-card{align-content:start;gap:16px;display:grid}.profile-account-section p{margin:0}.profile-account-section dl{gap:12px;margin:0;display:grid}.profile-account-section dl>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.profile-account-section dd{margin:0;font-size:16px}.profile-referral-card label{gap:8px;display:grid}.profile-billing{gap:16px;min-width:0;display:grid}.profile-preferences.nota-settings{width:100%;padding:0;overflow:visible}.profile-certificate dl{gap:12px;margin:20px 0;display:grid}.profile-certificate dl>div{border-top:1px solid var(--nota-color-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.profile-certificate dd{margin:0;font-size:18px}.profile-certificate h3{margin:24px 0 8px;font-size:18px}.profile-certificate li{margin-block:6px}.profile-certificate .certificate-disclaimer{margin-block:20px;font-size:14px}@media (width<=720px){.premium-shell .page.profile-page{gap:12px;padding:16px}.profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-tabs button{min-width:0;padding-inline:10px}.profile-card,.profile-account-section,.profile-achievements,.profile-referral-card,.profile-certificate{padding:16px}.profile-card dl{gap:6px}.profile-overview-header{grid-template-columns:minmax(0,1fr) 64px;gap:12px;padding:14px}.profile-overview-header .profile-card__mark{grid-area:1/1}.profile-overview-header .profile-identity{grid-area:2/1/auto/-1}.profile-overview-mascot{grid-area:1/2;width:64px;height:64px}.profile-overview-header:has(form){grid-template-columns:minmax(0,1fr)}.profile-card dl>div{padding:10px}.profile-card dd{font-size:20px}.profile-account-section dl>div{gap:4px;display:grid}.profile-edit-actions button,.profile-security-actions button,.certificate-actions button{flex:1 0 auto}}.profile-empty{padding-top:20px}.profile-empty h2{margin:0 0 10px;font-size:22px}.profile-empty p{color:var(--nota-color-text-muted);line-height:1.6}.profile-empty-action{min-height:44px;color:var(--nota-button-foreground,#fff);background:var(--nota-color-accent);border-radius:16px;align-items:center;padding:10px 18px;text-decoration:none;display:inline-flex}.premium-shell .page.nota-settings,.profile-preferences.nota-settings{width:min(100%,960px);color:var(--nota-color-text);align-content:start;gap:20px;margin-inline:auto;padding:24px;display:grid;overflow-y:auto}.nota-settings .settings-section{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:20px;padding:20px 24px}.nota-settings h2{margin:0 0 12px;font-size:20px}.nota-settings .choice-setting,.settings-toggle{border:0;border-top:1px solid var(--nota-color-border);justify-content:space-between;align-items:center;gap:16px;min-height:72px;margin:0;padding:16px 0;display:flex}.nota-settings .choice-setting>span,.settings-toggle>span{gap:5px;min-width:0;display:grid}.nota-settings .choice-setting b,.settings-toggle b{color:var(--nota-color-text);font:650 16px/1.4 Nunito,system-ui,sans-serif}.nota-settings small,.settings-reset p{color:var(--nota-color-text-muted);max-width:48ch;font-size:14px;line-height:1.45}.nota-settings .choice-setting>div{background:0 0;flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:6px;min-width:0;padding:0;display:flex}.nota-settings .choice-setting button{border:1px solid var(--nota-color-border);height:auto;min-height:44px;color:var(--nota-color-text);background:var(--nota-color-surface);border-radius:12px;padding:8px 12px;font:600 14px/1.4 Nunito,system-ui,sans-serif}.nota-settings .choice-setting button.active{color:var(--nota-button-foreground,#fff);background:var(--nota-color-accent);box-shadow:none}.nota-settings button:focus-visible,.settings-toggle input:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:3px}.settings-toggle input{width:24px;height:24px;accent-color:var(--nota-color-accent);flex:0 0 24px}.settings-reset{border-top:1px solid var(--nota-color-border);justify-items:start;gap:12px;padding-top:16px;display:grid}.settings-reset p{margin:0}@media (width<=720px){.premium-shell .page.nota-settings,.profile-preferences.nota-settings{gap:12px;padding:16px}.nota-settings .settings-section{padding:16px}.nota-settings .choice-setting{flex-direction:column;align-items:flex-start;gap:12px}.nota-settings .choice-setting>div{justify-content:flex-start}.nota-settings .choice-setting button{flex-shrink:0}}.profile-certificate.certificate-with-preview{grid-template-columns:minmax(0,1fr) minmax(200px,320px);align-items:center;gap:32px;display:grid}.certificate-copy{min-width:0}.certificate-copy>h2{margin:0 0 24px}.certificate-copy>.certificate-actions{margin-top:24px}.certificate-preview{justify-self:center;width:min(100%,320px);min-width:0;margin:0}.certificate-preview__paper{aspect-ratio:210/297;background:#fff;border:1px solid #e7d5de;border-radius:5px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 32px #35152f18}.certificate-preview__paper canvas{width:100%;height:100%;display:block}.certificate-preview__paper canvas[hidden]{display:none}.certificate-preview__paper>p{color:#68545f;text-align:center;background:#fff;place-items:center;margin:0;padding:24px;font-size:13px;line-height:1.5;display:grid;position:absolute;inset:0}.certificate-preview figcaption{color:var(--nota-color-text-muted);text-align:center;margin-top:12px;font-size:12px}@media (width<=720px){.profile-certificate.certificate-with-preview{grid-template-columns:minmax(0,1fr);gap:24px}.certificate-preview{width:min(100%,280px)}.certificate-copy .certificate-actions>button{width:100%;min-width:0}}._page_1w3un_1._page_1w3un_1{box-sizing:border-box;width:min(100%,1120px);min-width:0;color:var(--nota-color-text);flex-direction:column;gap:24px;margin-inline:auto;padding:24px;display:flex;overflow:hidden auto}._hero_1w3un_15{border:1px solid var(--nota-color-border);background:radial-gradient(ellipse at top right, var(--nota-color-accent-soft), transparent 80%), var(--nota-color-surface);border-radius:28px;grid-template-columns:minmax(0,1fr) 144px;align-items:center;gap:24px;padding:clamp(24px,4vw,40px);display:grid}._hero_1w3un_15 h1{letter-spacing:-.035em;max-width:23ch;margin:8px 0 16px;font-size:clamp(28px,3.5vw,42px);line-height:1.15}._hero_1w3un_15 p{max-width:65ch;color:var(--nota-color-text-muted);margin:0;line-height:1.7}._hero_1w3un_15 img{object-fit:contain;width:100%;height:auto;display:block}._top_1w3un_48{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}._periods_1w3un_55{flex-wrap:wrap;gap:8px;display:flex}._periods_1w3un_55 button{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);min-height:44px;color:var(--nota-color-text);font:inherit;border-radius:12px;padding:8px 16px}._periods_1w3un_55 button._active_1w3un_71{color:var(--nota-button-foreground,#fff);background:var(--nota-color-accent)}._page_1w3un_1 button:focus-visible,._page_1w3un_1 summary:focus-visible{outline:3px solid var(--nota-color-text);outline-offset:3px}._metrics_1w3un_82{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:0;display:grid}._metrics_1w3un_82>div,._panel_1w3un_90{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:24px;min-width:0;padding:24px}._metrics_1w3un_82 dt{color:var(--nota-color-text-muted);font-size:14px;line-height:1.5}._metrics_1w3un_82 dd{overflow-wrap:anywhere;margin:10px 0 0;font-size:clamp(23px,2.5vw,30px);font-weight:750;line-height:1.3}._workspace_1w3un_112{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;display:grid}._next_1w3un_118{background:radial-gradient(ellipse at bottom left, var(--nota-color-accent-soft), transparent 90%), var(--nota-color-surface);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}._panel_1w3un_90 h2,._certificate_1w3un_127 h2{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.3}._panel_1w3un_90 h3{margin:0;font-size:20px;line-height:1.4}._panel_1w3un_90 p,._certificate_1w3un_127 p{max-width:75ch;color:var(--nota-color-text-muted);margin:12px 0 20px;line-height:1.7}._actions_1w3un_148{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}._range_1w3un_155>svg{color:var(--nota-color-accent);margin-bottom:16px;display:block}._rangeValue_1w3un_161{letter-spacing:-.025em;overflow-wrap:anywhere;padding-top:20px;font-size:clamp(28px,3vw,38px);line-height:1.2;display:block}._heading_1w3un_170{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}._heading_1w3un_170>strong{color:var(--nota-color-accent);font-size:16px}._pathMeter_1w3un_183{background:var(--nota-color-accent-soft);border-radius:20px;height:10px;margin-block:24px;overflow:hidden}._pathMeter_1w3un_183 span{border-radius:inherit;background:var(--nota-color-accent);height:100%;display:block}._topics_1w3un_198{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}._topics_1w3un_198 button{box-sizing:border-box;border:1px solid var(--nota-color-border);width:100%;height:100%;min-height:84px;color:var(--nota-color-text);background:var(--nota-color-background);font:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}._topics_1w3un_198 button[data-status=completed]{border-color:var(--nota-color-accent);background:var(--nota-color-accent-soft)}._topics_1w3un_198 button:disabled{color:var(--nota-color-text-muted);cursor:default}._topics_1w3un_198 strong,._topics_1w3un_198 small{overflow-wrap:anywhere;display:block}._topics_1w3un_198 strong{font-weight:650;line-height:1.4}._topics_1w3un_198 small{margin-top:4px;font-size:13px;line-height:1.5}._topicMark_1w3un_252{width:36px;height:36px;color:var(--nota-color-accent);background:var(--nota-color-surface);border-radius:12px;flex-shrink:0;place-items:center;display:grid}._activityChart_1w3un_263{width:100%;height:clamp(160px,25vh,240px);color:var(--nota-color-text-muted);margin-top:24px;display:block}._activityChart_1w3un_263 rect{fill:var(--nota-color-accent)}._chartDates_1w3un_275{color:var(--nota-color-text-muted);justify-content:space-between;padding-top:8px;font-size:14px;display:flex}._chartTable_1w3un_283{margin-top:16px}._chartTable_1w3un_283 summary{cursor:pointer;width:fit-content;min-height:44px;padding-block:12px}._chartTable_1w3un_283 table{border-collapse:collapse;width:100%}._chartTable_1w3un_283 th,._chartTable_1w3un_283 td{text-align:left;border-top:1px solid var(--nota-color-border);padding:8px}._clear_1w3un_306{border:1px solid var(--nota-color-border);min-width:44px;min-height:44px;color:var(--nota-color-text);background:0 0;border-radius:12px;place-items:center;display:grid}._sessions_1w3un_317{gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}._sessions_1w3un_317 li{border-top:1px solid var(--nota-color-border);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}._sessions_1w3un_317 strong,._sessions_1w3un_317 small{overflow-wrap:anywhere;display:block}._sessions_1w3un_317 small,._sessions_1w3un_317 li>span{color:var(--nota-color-text-muted);font-size:14px;line-height:1.6}._sessions_1w3un_317 li>span{flex-shrink:0}._emptyState_1w3un_351{padding-top:8px}._certificate_1w3un_127 .profile-certificate{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);color:var(--nota-color-text);border-radius:24px;padding:24px}@media (width<=720px){._page_1w3un_1._page_1w3un_1{gap:16px;padding:16px}._hero_1w3un_15{border-radius:20px;grid-template-columns:minmax(0,1fr) 88px;gap:16px;padding:24px 20px}._hero_1w3un_15>div{display:contents}._hero_1w3un_15 h1{grid-column:1;margin:0;font-size:28px}._hero_1w3un_15 img{grid-area:1/2/3}._hero_1w3un_15>div>p{grid-column:1/-1}._workspace_1w3un_112,._topics_1w3un_198{grid-template-columns:1fr;gap:12px}._metrics_1w3un_82{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}._metrics_1w3un_82>div,._panel_1w3un_90,._certificate_1w3un_127 .profile-certificate{border-radius:20px;padding:20px 16px}._metrics_1w3un_82 dd{font-size:23px}._actions_1w3un_148>button{flex-grow:1}}._card_4vg6k_1{background:var(--nota-color-surface);border:1px solid var(--nota-color-border);box-shadow:var(--nota-shadow-card);border-radius:1.25rem;flex-direction:column;min-width:0;height:100%;min-height:0;padding:1.2rem;display:flex;overflow:hidden}._header_4vg6k_15{justify-content:space-between;align-items:start;gap:1rem;display:flex}._header_4vg6k_15 h2{color:var(--nota-color-text);margin:0 0 .2rem;font-size:1.35rem}._header_4vg6k_15 p,._summary_4vg6k_29 span{color:var(--nota-color-text-muted);margin:0}._change_4vg6k_34{background:var(--nota-color-accent-soft);color:var(--nota-color-accent);text-align:center;border-radius:1.25rem;flex:none;gap:.1rem;padding:.7rem 1rem;display:grid}._change_4vg6k_34 strong{font-size:1.55rem;line-height:1}._change_4vg6k_34 span{font-size:.75rem;font-weight:700}._summary_4vg6k_29{align-items:baseline;gap:.5rem;margin-top:.9rem;display:flex}._summary_4vg6k_29 strong{color:var(--nota-color-accent)}._empty_4vg6k_66{color:var(--nota-color-text-muted);margin:1rem 0 0}._legend_4vg6k_71{flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1.15rem;display:flex}._legendItem_4vg6k_78{color:var(--nota-color-text-muted);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}._legendMarker_4vg6k_86{border-radius:50%;width:.7rem;height:.7rem;display:inline-block}._chartLayout_4vg6k_93{flex:1 1 0;grid-template-columns:3rem minmax(0,1fr);gap:.65rem;height:0;min-height:0;margin-top:1rem;display:grid}._yAxis_4vg6k_103{color:var(--nota-color-text-muted);flex-direction:column;justify-content:space-between;align-items:end;height:100%;min-height:0;padding-bottom:1.6rem;font-size:.9rem;font-weight:650;display:flex}._chartArea_4vg6k_116{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}._plot_4vg6k_125{background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(25% - 1px), var(--nota-color-border) 25%);border-bottom:1px solid var(--nota-color-border);flex:1 1 0;min-width:0;height:auto;min-height:0;overflow:hidden}._svg_4vg6k_135{width:100%;height:100%;display:block;overflow:hidden}._line_4vg6k_142{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;vector-effect:non-scaling-stroke}._point_4vg6k_150{fill:var(--nota-color-surface);stroke-width:1.5px;vector-effect:non-scaling-stroke}._lastPoint_4vg6k_156{stroke-width:2.5px}._green_4vg6k_160 ._line_4vg6k_142,._green_4vg6k_160 ._point_4vg6k_150{stroke:#0ca678}._blue_4vg6k_165 ._line_4vg6k_142,._blue_4vg6k_165 ._point_4vg6k_150{stroke:#2563eb}._lilac_4vg6k_170 ._line_4vg6k_142,._lilac_4vg6k_170 ._point_4vg6k_150{stroke:#7c3aed}._xAxis_4vg6k_175{flex:none;justify-content:space-between;gap:.35rem;padding-top:.55rem;display:flex}._xAxis_4vg6k_175 small{color:var(--nota-color-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;width:100%;min-width:0;font-size:.7rem;overflow:hidden}._srOnly_4vg6k_195{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){._card_4vg6k_1{padding:1rem}._header_4vg6k_15{display:block}._header_4vg6k_15 h2{font-size:1.15rem}._header_4vg6k_15 p{max-width:28rem}._change_4vg6k_34{width:fit-content;margin-top:.75rem}._chartLayout_4vg6k_93{grid-template-columns:2.25rem minmax(0,1fr);gap:.4rem}._yAxis_4vg6k_103,._plot_4vg6k_125{height:11rem;min-height:11rem}._yAxis_4vg6k_103{font-size:.75rem}._xAxis_4vg6k_175{gap:.15rem}._xAxis_4vg6k_175 small{font-size:.62rem}}@media (prefers-reduced-motion:reduce){._line_4vg6k_142,._point_4vg6k_150{transition:none}}.range-keyboard{background:linear-gradient(#3d3338,#241f23);border-radius:16px;height:142px;padding:12px 12px 16px;position:relative;box-shadow:inset 0 1px #6d6068,0 8px 20px #2d19241f}.range-keyboard__white-keys{height:100%;display:flex}.range-keyboard button{appearance:none;font:inherit;cursor:pointer;touch-action:manipulation;padding:0}.range-keyboard button:disabled{cursor:default;opacity:1}.range-keyboard button:focus-visible{outline-offset:-3px;outline:3px solid #b42f6c}.range-keyboard__white-keys>button{background:linear-gradient(#fff,#f2ecef);border:0;border-right:1px solid #d9d1d5;border-radius:0 0 5px 5px;flex:1;min-width:0;transition:background .16s;position:relative}.range-keyboard__white-keys>button:first-child{border-radius:5px 0 5px 5px}.range-keyboard__white-keys>button:last-child{border-right:0;border-radius:0 5px 5px}.range-keyboard__white-keys small{color:#7a6671;text-align:center;font-size:clamp(8px,.8vw,11px);font-weight:600;position:absolute;bottom:5px;left:0;right:0}.range-keyboard__black-keys{pointer-events:none;position:absolute;inset:12px 12px 16px}.range-keyboard__black-keys>button{pointer-events:auto;z-index:2;background:linear-gradient(90deg,#21131b,#4c3743 55%,#1e1018);border:1px solid #160b12;border-radius:0 0 5px 5px;height:61%;position:absolute;top:0;transform:translate(-50%);box-shadow:0 5px 7px #00000061}.range-keyboard__white-keys button.observed{box-shadow:inset 0 -5px #dda885}.range-keyboard__white-keys button.central{box-shadow:inset 0 -5px #905b78}.range-keyboard__black-keys small{display:none}.range-keyboard__black-keys button.observed{border-bottom:4px solid #dda885}.range-keyboard__black-keys button.central{border-bottom:4px solid #b989a6}.range-keyboard button.current{background:#f2c19d;box-shadow:inset 0 -5px #c86d41}.range-keyboard__black-keys>button.current{background:linear-gradient(#69473c,#372b2b);box-shadow:inset 0 -4px #efaa78,0 5px 7px #0000004d}@media (width<=780px){.range-keyboard{height:clamp(90px,16dvh,122px)}}@media (prefers-reduced-motion:reduce){.range-keyboard__white-keys>button{transition:none}}.range-page{min-width:0}.range-page .range-measurement-layout{grid-template-columns:minmax(0,1fr);width:100%;max-width:960px}.range-page .measurement-actions{justify-content:flex-end}.range-page .range-measurement{min-height:0}.range-intro{grid-template-columns:minmax(0,1fr) 144px;align-items:start;gap:16px 24px;margin-bottom:24px;display:grid}.range-intro p{color:var(--nota-color-text-muted);margin:0 0 14px;font-size:15px;line-height:1.6}.range-intro .range-intro__why{color:var(--nota-color-text);font-size:17px}.range-intro .range-intro__safety{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:14px;padding:12px 14px;font-size:14px}.range-intro__copy{min-width:0}.range-intro__explanation{grid-column:1/-1;min-width:0}.range-intro h2{margin:0 0 14px;font-size:24px;line-height:1.25}.range-intro ol{gap:10px;margin:0 0 20px;padding-left:22px;font-size:15px;line-height:1.5;display:grid}.range-intro li{padding-left:4px}.range-intro li::marker{color:var(--nota-color-accent);font-weight:700}.range-intro img{object-fit:contain;width:144px;height:144px}.range-intro .nota-button{justify-self:start}.range-voice-parts{border-top:1px solid var(--nota-color-border);margin-top:20px;padding-top:16px}.range-voice-parts summary{cursor:pointer;padding-block:8px;font-size:16px;font-weight:700}.range-voice-parts>p{font-size:14px;line-height:1.5}.range-voice-parts__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.range-voice-parts__grid article{border:1px solid var(--nota-color-border);background:var(--nota-color-surface);border-radius:14px;gap:8px;min-width:0;padding:14px;display:grid}.range-voice-parts__grid h3,.range-voice-parts__grid p{margin:0}.range-voice-parts__grid h3{font-size:16px}.range-voice-parts__grid p{font-size:14px;line-height:1.4}.range-voice-parts__grid span,.range-voice-parts__grid small{color:var(--nota-color-text-muted);font-size:13px}.range-voice-parts__overlap{background:var(--nota-color-border);border-radius:8px;height:6px;overflow:hidden}.range-voice-parts__overlap i{background:var(--nota-color-accent);height:100%;display:block}@media (width<=780px){.range-intro{grid-template-columns:minmax(0,1fr) 64px;align-items:start;gap:12px;margin-bottom:20px}.range-intro h2{font-size:22px}.range-intro ol{margin-bottom:16px}.range-intro img{width:64px;height:64px}.range-intro .nota-button{width:100%}.range-page .range-result-grid{grid-template-columns:1fr}.range-page .range-result-grid small{font-size:13px}.range-page .range-result-grid b{font-size:15px;line-height:1.4}.range-voice-parts__grid{grid-template-columns:1fr}.range-page .measurement-actions .button-row{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.range-page .measurement-actions .button-row>.nota-button{width:100%}}.voice-atlas-page{width:min(1120px,100%);margin-inline:auto;padding:clamp(18px,3vw,36px)}.voice-atlas-hero{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:28px;margin-bottom:28px;display:grid}.voice-atlas-hero h1{letter-spacing:-.025em;max-width:19ch;margin-bottom:14px;font-size:clamp(28px,3.6vw,42px);line-height:1.14}.voice-atlas-hero img{object-fit:contain;width:240px;height:240px}.voice-atlas-toolbar,.voice-atlas-legend,.voice-atlas-part__heading,.voice-atlas-part__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.voice-atlas-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px}.voice-atlas-summary{max-width:88ch;color:var(--secondary);margin-bottom:20px;line-height:1.6}.voice-atlas-observed-summary{color:var(--text);font-weight:700}.voice-atlas-legend{flex-wrap:wrap;justify-content:flex-start;font-size:13px}.voice-atlas-legend span{align-items:center;gap:8px;display:inline-flex}.voice-atlas-legend i{background:var(--coral);border-radius:8px;width:24px;height:8px}.voice-atlas-legend i.voice-atlas-legend__observed{border:2px solid var(--text);background:0 0}.voice-atlas-axis{color:var(--secondary);justify-content:space-between;padding:0 20px 10px;font-size:12px;display:flex}.voice-atlas-parts{gap:14px;display:grid}.voice-atlas-overview{border:1px solid var(--border);background:var(--surface);border-radius:18px;min-width:0;margin-bottom:18px;padding:16px}.voice-atlas-overview h2{margin:0 0 12px;font-size:17px;line-height:1.3}.voice-atlas-overview__axis,.voice-atlas-overview__row{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;display:grid}.voice-atlas-overview .voice-atlas-axis{gap:2px;padding:0 0 6px;font-size:10px}.voice-atlas-overview__rows{gap:5px;margin:0;padding:0;list-style:none;display:grid}.voice-atlas-overview__row{min-height:35px}.voice-atlas-overview__label{min-width:0;line-height:1.25}.voice-atlas-overview__label strong{font-size:13px;display:block}.voice-atlas-overview__label small{color:var(--secondary);font-size:10px}.voice-atlas-overview .voice-atlas-track{margin:0;overflow:hidden}.voice-atlas-overview .voice-atlas-legend{gap:8px 14px;margin-top:10px;font-size:11px}.voice-atlas-part{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:20px}.voice-atlas-part h2{margin:0;font-size:20px}.voice-atlas-part__heading span{color:var(--secondary);white-space:nowrap;font-size:13px}.voice-atlas-track{background:repeating-linear-gradient(to right, var(--divider) 0 1px, transparent 1px 14.2857%), var(--card);border-radius:8px;height:34px;margin-block:12px;position:relative}.voice-atlas-track i{border-radius:6px;min-width:3px;position:absolute}.voice-atlas-track__example{background:var(--gradient);height:12px;top:6px}.voice-atlas-track__observation{border:2px solid var(--text);background:var(--surface);height:8px;top:21px}.voice-atlas-part p,.voice-atlas-part small{color:var(--secondary);line-height:1.55}.voice-atlas-part p{margin-bottom:12px}.voice-atlas-part__footer{flex-wrap:wrap;justify-content:flex-end}.voice-atlas-part__footer small{margin-right:auto}.voice-atlas-explainer,.voice-atlas-listening{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:clamp(20px,3vw,32px)}.voice-atlas-explainer p,.voice-atlas-explainer li,.voice-atlas-listening p{color:var(--secondary);max-width:74ch;line-height:1.75}.voice-atlas-explainer h2,.voice-atlas-listening h2{font-size:24px;line-height:1.35}.voice-atlas-explainer h3{margin-top:26px;font-size:18px}.voice-atlas-explainer li{margin-bottom:14px;padding-left:5px}.voice-atlas-notice{background:var(--card);border-left:3px solid var(--coral);color:var(--text);border-radius:8px;padding:14px 18px}.voice-atlas-timbre{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.voice-atlas-listening{gap:12px;display:grid}.voice-atlas-listening p{margin-bottom:4px}@media (width<=700px){.voice-atlas-page{padding:16px}.voice-atlas-hero{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:14px;position:relative}.voice-atlas-hero h1{margin:0 0 8px;font-size:26px}.voice-atlas-toolbar{gap:8px;margin-bottom:14px;padding-bottom:10px}.voice-atlas-overview{padding:12px}.voice-atlas-overview__axis,.voice-atlas-overview__row{grid-template-columns:104px minmax(0,1fr);gap:8px}.voice-atlas-overview .voice-atlas-axis{font-size:9px}.voice-atlas-overview__label strong{font-size:12px}.voice-atlas-overview__label small{font-size:9px}.voice-atlas-hero img{opacity:.28;pointer-events:none;width:110px;height:110px;position:absolute;top:-12px;right:-10px}.voice-atlas-hero h1{max-width:16ch;position:relative}.voice-atlas-hero>div{z-index:1;position:relative}.voice-atlas-toolbar .nota-segmented-control{width:100%}.voice-atlas-toolbar .nota-segmented-control__option{flex:1;padding-inline:10px}.voice-atlas-part{padding:16px}.voice-atlas-part__heading{flex-wrap:wrap;gap:4px 12px}.voice-atlas-part__footer button{width:100%}.voice-atlas-axis{padding-inline:16px;font-size:10px}.voice-atlas-timbre{grid-template-columns:minmax(0,1fr)}}.service-stats-page{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;overflow:hidden}.service-stats-page .page-header-component{margin-bottom:0}.service-stats-tabs{flex-wrap:wrap;gap:8px;display:flex}.service-stats-tabs button{flex:1}.service-stats-summary,.service-stats-detail{flex:1;min-height:0}.service-stats-detail{display:flex}.service-stats-summary[hidden],.service-stats-detail[hidden],.service-stats-explanation[hidden]{display:none}.service-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.service-stats-page .service-stat{min-height:104px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:20px;align-content:center;gap:8px;padding:16px;display:grid;box-shadow:0 6px 18px #35152f0a}.service-stat strong{color:var(--text);font-variant-numeric:tabular-nums}.service-stat span{color:var(--secondary)}.service-stats-explanation,.service-stats-state,.service-campaigns{color:var(--text);background:var(--surface);padding:20px}.service-stats-explanation{flex:1;min-height:0}.service-stats-explanation p{max-width:70ch;color:var(--secondary);font-size:14px;line-height:1.5}.service-stats-explanation dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.service-stats-explanation dt{color:var(--secondary);font-size:13px}.service-stats-explanation dd{font-variant-numeric:tabular-nums;margin:12px 0;font-size:32px;font-weight:700}.service-stats-updated{color:var(--secondary);margin:0;font-size:12px;line-height:1.4}#stats-scope[data-traffic=true]{display:none}.service-stats-page>button{align-self:flex-start}.service-traffic{min-height:0;color:var(--text);background:var(--surface);flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.service-traffic nav,.service-traffic footer{align-items:center;gap:8px;display:flex}.service-traffic footer{justify-content:space-between;margin-top:auto}.service-traffic__privacy{color:var(--secondary);margin:0;font-size:13px;line-height:1.4}.service-traffic-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px}.service-traffic-table caption{clip-path:inset(50%);height:1px;overflow:hidden}.service-traffic-table th,.service-traffic-table td{border-bottom:1px solid var(--border);text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;padding:12px 8px}.service-traffic-table th:first-child{text-align:left;width:50%}.service-traffic-table thead th{color:var(--secondary);font-weight:600}.service-traffic-table tbody th{font-weight:500}.service-campaigns ul{gap:8px;padding:0;list-style:none;display:grid}.service-campaigns li{justify-content:space-between;gap:12px;display:flex}@media (width<=780px){.service-stats-page[data-traffic=true] .service-stats-identity-time,.service-stats-page[data-traffic=true]>button{display:none}.service-stats-page[data-traffic=true].service-stats-page{padding-bottom:64px}.service-stats-page[data-traffic=true] .service-traffic{gap:6px;padding:10px}.service-stats-page[data-traffic=true] .service-traffic-table th,.service-stats-page[data-traffic=true] .service-traffic-table td{padding-block:5px}.service-stats-page[data-traffic=true] h1{font-size:28px!important}.service-stats-page .service-stat[data-mobile-detail=true]{display:none}.service-stats-page .service-stats-grid{grid-template-rows:repeat(2,minmax(104px,auto));height:auto}.service-stats-page .service-stats-summary{flex:none}.service-traffic-today{margin:0;font-size:12px}.premium-shell .page.service-stats-page{gap:8px;height:100%;padding:12px}.premium-shell .page.service-stats-page[data-private=false][data-traffic=true]{padding-bottom:64px}.service-stats-page .page-header-component p{display:none}.service-stats-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.service-stats-tabs button{padding-inline:8px}.service-stats-tabs [data-typography=button]{font-size:13px!important}.service-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-stats-page .service-stat{gap:4px;min-height:64px;padding:10px}.service-stat [data-typography=stat]{font-size:26px!important}.service-stat [data-typography=bodySm]{font-size:12px!important}.service-traffic,.service-stats-explanation{gap:8px;padding:12px}.service-traffic-table{font-size:12px}.service-traffic-table th,.service-traffic-table td{padding:8px 4px}.service-stats-explanation dl{grid-template-columns:1fr;gap:8px}.service-stats-explanation dl>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.service-stats-explanation dd{margin:0;font-size:24px}}.stats-access-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.stats-access-actions a{color:var(--nota-color-accent);font:inherit;align-items:center;min-height:44px;display:inline-flex}.service-admin-panel{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:16px;display:flex;overflow:hidden}.service-admin-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.service-admin-controls output{font-variant-numeric:tabular-nums;font-weight:700}.service-admin-controls label{color:var(--secondary);align-items:center;gap:8px;font-size:13px;display:flex}.service-admin-controls select{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface);font:inherit;border-radius:12px;padding:8px}.service-admin-filters{flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:8px;display:flex}.service-admin-filter-disclosure summary{cursor:pointer;border:1px solid var(--border);border-radius:12px;min-height:44px;padding:10px 12px;font-size:14px}.service-admin-filter-disclosure summary span{color:var(--secondary);overflow-wrap:anywhere;margin-left:12px;font-size:13px}.service-admin-filters label{align-items:center;gap:8px;font-size:14px;display:flex}.service-admin-filters input[type=checkbox]{width:20px;height:20px;accent-color:var(--nota-color-accent)}.service-admin-filters input[type=text]{border:1px solid var(--border);width:180px;min-width:0;min-height:44px;color:var(--text);background:var(--surface);font:inherit;border-radius:12px;padding:8px 12px}.service-admin-filters small{color:var(--secondary);flex-basis:100%;font-size:12px}.service-admin-panel[data-confirming=true] .service-admin-filters,.service-admin-panel[data-confirming=true] .service-admin-filter-disclosure{display:none}@media (width<=780px){.service-admin-filters{gap:6px}.service-admin-filters .service-admin-campaign-filter{flex:1;min-width:160px}.service-admin-campaign-filter input[type=text]{flex:1;width:80px}.service-admin-filters button{flex:1;padding-inline:8px}}.service-admin-table-region{overscroll-behavior:contain;border:1px solid var(--border);border-radius:14px;flex:1;min-width:0;min-height:0;overflow:auto}.service-admin-table-region:focus-visible{outline:2px solid var(--nota-color-accent);outline-offset:-2px}.service-admin-panel h2{margin:0;font-size:24px}.service-admin-panel>p[role=status]{margin:0;font-size:14px}.service-admin-scope,.service-admin-updated{color:var(--secondary);margin:0;font-size:13px}.service-admin-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:640px}.service-admin-table th,.service-admin-table td{text-align:left;border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:12px 8px;font-size:14px}.service-admin-table thead th{z-index:1;background:var(--surface);color:var(--secondary);font-size:12px;position:sticky;top:0}.service-admin-table td span{color:var(--secondary);font-size:12px;display:block}.service-admin-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.service-stats-page[data-private=true] #stats-scope{display:none}@media (width<=780px){.service-stats-page[data-private=true]>button{display:none}.service-admin-confirm{padding:12px}}.service-admin-panel footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.service-invite{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:12px 16px}.service-invite summary{cursor:pointer;font-weight:700}.service-invite-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:12px;display:grid}.service-invite label{gap:6px;font-size:14px;display:grid}.service-invite input{border:1px solid var(--border);width:100%;min-width:0;min-height:44px;font:inherit;background:var(--surface);color:var(--text);border-radius:12px;padding:10px}@media (width<=780px){.service-admin-table th,.service-admin-table td{padding:8px 4px;font-size:14px}.service-admin-table th:first-child{width:29%}.service-invite-fields{grid-template-columns:1fr}.service-invite[open]{z-index:4;position:absolute;inset:72px 12px 12px}.service-admin-panel footer button{padding-inline:12px}.service-stats-page .page-header-component{padding-right:0}.service-stats-page .page-header-component h1{font-size:28px!important}}.service-admin-confirm{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:24px}.service-admin-panel[data-confirming=true] .service-admin-table,.service-admin-panel[data-confirming=true] .service-admin-table-region,.service-admin-panel[data-confirming=true] .service-admin-controls,.service-admin-panel[data-confirming=true] footer{display:none}.service-admin-confirm p{margin-top:0}.service-admin-confirm button{margin:4px}.service-admin-role{color:var(--secondary);font-size:12px;display:block}.service-admin-grant{min-height:44px;margin-top:6px;padding:6px 8px;display:flex}@media (width<=780px) and (height<=740px){.service-stats-page[data-private=true] .page-header-component{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.service-admin-panel{gap:8px;padding:12px}.service-admin-panel:not([data-masked-accounts=true]) .service-admin-scope{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}.activity-panel{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;padding:1.5rem;overflow:auto}.activity-table-scroll{max-width:100%;overflow-x:auto}.activity-table-scroll:focus-visible{outline:2px solid var(--nota-color-accent);outline-offset:-2px}.activity-panel table{border-collapse:collapse;text-align:start;width:100%}.activity-panel th,.activity-panel td{border-bottom:1px solid var(--border-color,#ead8e2);padding:.75rem}.activity-panel caption{text-align:start;margin-block:1rem}@media (width<=780px){.service-stats-tabs:has(.service-activity-tab){grid-template-columns:repeat(3,minmax(0,1fr))}.service-stats-tabs .service-activity-tab{grid-column:span 2}}.song-guide{overscroll-behavior:contain;border:1px solid var(--nota-color-border);background:var(--nota-color-surface);width:min(720px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--nota-color-text);border-radius:28px;margin:auto;padding:0;overflow:auto;box-shadow:0 24px 96px #160c2440}.song-guide::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#24102180}.song-guide__close{z-index:1;background:var(--nota-color-surface);width:44px;height:44px;color:var(--nota-color-text-muted);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.song-guide__close:focus-visible{outline:3px solid var(--nota-color-accent);outline-offset:2px}.song-guide__hero{background:radial-gradient(at 95% 20%,#ffb36b30,#0000 70%);grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:20px;padding:36px 32px 24px;display:grid}.song-guide__eyebrow{color:var(--nota-color-accent);font-size:13px;font-weight:700}.song-guide h2{letter-spacing:-.025em;margin:8px 0 12px;font-size:clamp(26px,4vw,34px);line-height:1.15}.song-guide p{color:var(--nota-color-text-muted);margin:0;font-size:14px;line-height:1.55}.song-guide__hero img{object-fit:contain;width:100%;height:auto}.song-guide__steps{gap:18px;margin:0;padding:0 32px 28px;list-style:none;display:grid}.song-guide__steps li{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;display:grid}.song-guide__step-icon{background:var(--nota-color-surface-muted);width:44px;height:44px;color:var(--nota-color-accent);border-radius:14px;place-items:center;display:grid}.song-guide h3{margin:0 0 4px;font-size:16px;line-height:1.4}.song-guide h3 span{color:var(--nota-color-text-muted)}.song-guide__voice{border:1px solid var(--nota-color-border);background:var(--nota-color-surface-muted);border-radius:18px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:16px;margin:0 32px 24px;padding:16px;display:grid}.song-guide__voice img{object-fit:contain;width:88px;height:88px}.song-guide__voice h3{margin-bottom:6px}.song-guide__voice button{max-width:100%;margin-top:12px}.song-guide footer{border-top:1px solid var(--nota-color-border);background:var(--nota-color-surface);gap:16px;padding:20px 32px 28px;display:grid;position:sticky;bottom:0}.song-guide footer>button{width:100%;min-height:48px}@media (width<=600px){.song-guide{border-radius:22px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.song-guide__hero{grid-template-columns:minmax(0,1fr) 88px;gap:10px;padding:24px 20px 16px}.song-guide h2{font-size:24px}.song-guide p{font-size:13px;line-height:1.45}.song-guide h3{font-size:15px}.song-guide__voice{grid-template-columns:56px minmax(0,1fr);gap:12px;margin:0 20px 16px;padding:12px}.song-guide__voice img{align-self:start;width:56px;height:56px}.song-guide__voice button{width:calc(100% + 68px);max-width:none;margin-inline-start:-68px}.song-guide__steps{gap:12px;padding:0 20px 16px}.song-guide footer{gap:12px;padding:16px 20px 20px}.song-guide footer p{font-size:12px}}.page.song-page{color:var(--nota-color-text);flex-direction:column;justify-content:flex-start;gap:12px;max-width:1200px;height:100%;min-height:0;margin-inline:auto;display:flex;overflow:clip}.song-page h1{margin:0;font-size:clamp(1.6rem,4vw,2.4rem)}.song-page p{margin-block:.5rem}.song-card{background:var(--nota-color-surface);border:1px solid var(--nota-color-border);border-radius:24px;flex-direction:column;gap:10px;min-height:0;padding:clamp(16px,3vw,28px);display:flex}.song-card input{font:inherit;border:1px solid #c9b1c2;border-radius:12px;width:100%;padding:12px}.song-allowance{background:var(--nota-color-background);color:var(--nota-color-text);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:10px 12px;font-size:14px;display:flex}.song-allowance p{margin:0}.song-allowance span{color:var(--nota-color-text-muted)}.song-allowance a{color:var(--nota-color-accent);text-underline-offset:3px;text-decoration:underline}.song-page button:disabled{--nota-button-foreground:var(--nota-color-text-muted);opacity:1}.song-lyrics{font-size:clamp(20px,4vw,28px);font-weight:700}.song-source{color:var(--nota-color-text-muted)}.song-curve{color:#6d2958;background:#faf7f9;border:1px solid #efe5eb;border-radius:14px;width:100%;height:min(20vh,150px)}.song-curve-grid{stroke:#e9dfe5;stroke-width:.5px}.song-curve-legend{color:var(--nota-color-text-muted);flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.song-curve-legend span{align-items:center;gap:8px;display:inline-flex}.song-curve-legend i{border-radius:4px;width:18px;height:4px;display:inline-block}.song-target-swatch{background:#6d2958}.song-curve-legend .song-voice-swatch{background:#e78c55;width:7px;height:7px}.song-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.song-card audio{width:100%}@media (height<=700px){.song-page{gap:8px}.song-card{gap:8px;padding:14px}.song-page header p{font-size:14px}}.song-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.song-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(20px,3vw,28px);overflow:hidden}.song-header-actions{flex-shrink:0;gap:8px;display:flex}.song-header-actions button{min-height:40px;font-size:14px}.song-layout{flex:1;grid-template-columns:minmax(0,1fr);gap:20px;min-height:0;display:grid;overflow:clip}.song-workspace{overscroll-behavior:contain;min-width:0;min-height:0;overflow:auto}.song-history-container{overscroll-behavior:contain;min-height:0;display:none;overflow:auto}.song-layout[data-history-open=true]{grid-template-columns:220px minmax(0,1fr)}.song-layout[data-history-open=true] .song-history-container{display:block}.song-workspace:focus-visible{outline:2px solid var(--nota-color-accent);outline-offset:-3px}.song-phrase-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.song-phrase-heading h2{margin:0;font-size:18px}.song-phrase-heading .song-source{font-size:12px}.song-page .song-step{color:var(--nota-color-accent);margin:0;font-size:13px;font-weight:700}.song-line>span{color:var(--nota-color-text-muted);font-size:12px}.song-page .song-lyrics{overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(20px,3vw,26px);line-height:1.3}.song-page .song-instruction{margin:0;font-size:14px;line-height:1.4}.song-page .song-count-in{color:var(--nota-color-accent);margin:0;font-size:20px;font-weight:800}.song-page .song-card>[role=status]{margin:0;font-size:14px;line-height:20px}.song-playhead{stroke:var(--nota-color-text-muted);stroke-width:1px;stroke-dasharray:3 3}.song-note-labels{color:var(--nota-color-text-muted);grid-template-columns:1fr 1fr 2fr;font-size:12px;display:grid}.song-text-toggle{color:var(--nota-color-accent);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:13px}.song-full-lyrics{overflow-wrap:anywhere;margin:0;padding-inline-start:22px;font-size:14px;line-height:1.5}.song-text-toggle:disabled{opacity:.6;cursor:default}.song-full-lyrics [aria-current=true]{color:var(--nota-color-accent);font-weight:800}.song-card[data-lyrics-expanded=true] .song-line,.song-card[data-lyrics-expanded=true] .song-instruction,.song-card[data-lyrics-expanded=true] .song-step,.song-card[data-lyrics-expanded=true] .song-actions{display:none}.song-history-toggle{display:inline-flex}.song-history-panel{background:var(--nota-color-surface);border:1px solid var(--nota-color-border);border-radius:20px;padding:16px}.song-history-panel h2{margin:0;font-size:18px}.song-history-panel p{color:var(--nota-color-text-muted);font-size:12px}.song-history-panel ul{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.song-history-panel li{min-width:0}.song-history-item{border:1px solid var(--nota-color-border);width:100%;min-height:48px;font:inherit;color:var(--nota-color-text);text-align:start;cursor:pointer;background:0 0;border-radius:12px;gap:4px;padding:10px;display:grid}.song-history-item strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.song-history-item span{color:var(--nota-color-text-muted);font-size:12px}.song-history-item[aria-current=true]{border-color:var(--nota-color-accent);background:var(--nota-color-surface-muted)}.song-history-delete{color:var(--nota-color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:12px}.song-history-paging{gap:8px;margin-top:12px;display:flex}.song-history-paging button{flex:1}.song-history-confirm{gap:6px;display:grid}.song-history-confirm p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.song-history-error{align-items:center;gap:8px;font-size:13px;display:flex}@media (width<=800px){.premium-shell .page.song-page{padding:12px}.song-page .song-header h1{max-width:calc(100% - 140px);min-height:44px;font-size:20px;line-height:44px}.song-header{flex-wrap:wrap;gap:6px}.song-header-actions{width:100%}.song-header-actions button{flex:1;min-height:44px}.song-history-toggle{display:inline-flex}.song-layout{flex:1;min-height:0;display:block}.song-workspace,.song-history-container{height:100%;min-height:0}.song-workspace>.song-card{height:auto;min-height:auto}.song-page .song-lyrics{font-size:18px}.song-history-container{display:none}.song-layout[data-history-open=true] .song-history-container{display:block}.song-layout[data-history-open=true] .song-workspace{display:none}.song-page:has(.song-layout[data-history-open=true]) .song-privacy{display:none}.song-page .song-card{gap:6px;padding:12px}.song-curve{flex:1;height:auto;min-height:24px;max-height:120px}.song-page .song-actions .button{min-height:44px;padding:8px;font-size:14px;line-height:20px}.song-page .song-actions{grid-template-columns:1fr;gap:12px}.song-page .song-actions .nota-button{white-space:normal;width:100%;min-height:48px}.song-history-panel ul{gap:8px}}.song-note-labels{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px}.song-coach{justify-content:flex-start}.song-page .song-coach>p{margin-block:0}.song-page .song-workspace>.song-card.song-coach{min-height:0}.song-page .song-workspace>.song-card{flex-shrink:0;height:auto;min-height:100%}.song-page .song-workspace>.song-idea{background:radial-gradient(ellipse at 100% 0%, #ffb36b18, transparent 65%), var(--nota-color-surface);gap:16px;max-width:880px;min-height:0;margin-inline:auto}.song-idea__intro{grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:24px;padding-bottom:8px;display:grid}.song-idea__intro h2{letter-spacing:-.025em;margin:12px 0;font-size:clamp(24px,3vw,32px);line-height:1.2}.song-idea__intro p{max-width:440px;color:var(--nota-color-text-muted);line-height:1.6}.song-idea__intro img{object-fit:contain;width:100%;height:auto;display:block}.song-idea>label{font-size:15px;font-weight:700}.song-idea .song-idea__privacy{color:var(--nota-color-text-muted);margin:0;font-size:13px;line-height:1.5}.song-idea .song-auth-status p{margin:0}.song-idea .song-idea__start{width:100%;min-height:48px}@media (width<=600px){.song-page .song-workspace>.song-idea{gap:16px;padding:20px}.song-idea__intro{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.song-idea__intro h2{margin:10px 0;font-size:24px}.song-idea__intro p{font-size:14px}.song-header-actions{flex-wrap:wrap}}.song-page .song-note-meaning{color:var(--nota-color-text-muted);margin:0;font-size:14px;line-height:1.45}.song-page .song-pitch-notes{flex-wrap:wrap}.song-page .song-actions button{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.4}.song-card[hidden]{display:none}.song-practice-fragment{text-align:center;gap:4px;margin-block:4px;display:grid}.song-practice-fragment span{color:var(--nota-color-text-muted);font-size:13px}.song-practice-fragment strong{color:var(--nota-color-text);overflow-wrap:anywhere;font-size:clamp(24px,5vw,36px);line-height:1.2}.song-coach-status{color:var(--nota-color-text-muted)}.song-instruction>p{margin:0 0 6px}.song-coach h2{margin:0;font-size:clamp(24px,3vw,36px)}.song-coach-note{border:1px solid var(--border);background:var(--surface);width:max-content;max-width:100%;min-height:72px;color:var(--text);text-align:center;border-radius:20px;place-items:center;margin:8px auto;padding:12px 22px;font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.2;display:grid}.song-pitch-meter{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:12px 16px}.song-pitch-notes{color:var(--secondary);justify-content:space-between;gap:12px;font-size:14px;display:flex}.song-pitch-notes strong{color:var(--text);font-size:18px}.song-pitch-rail{background:var(--border);border-radius:10px;height:12px;margin:12px 0;position:relative}.song-pitch-zone{border-radius:inherit;background:#b9d4c5;position:absolute;inset:0 25%}.song-pitch-rail i{border:2px solid var(--surface);background:var(--text);border-radius:8px;width:8px;height:20px;position:absolute;top:-4px;transform:translate(-50%)}.song-pitch-meter p{color:var(--nota-color-text);margin:0;font-size:15px;font-weight:700}.song-lyric-cues{gap:6px;min-height:62px;margin:0;padding:0;list-style:none;display:flex}.song-lyric-cues li{border:1px solid var(--border);border-radius:12px;flex:1;align-content:center;gap:4px;min-width:0;padding:8px;display:grid}.song-lyric-cues li[aria-current=true]{background:var(--nota-color-accent);color:var(--nota-color-surface);border-color:var(--nota-color-accent)}.song-lyric-cues strong{overflow-wrap:anywhere;font-size:18px}.song-lyric-cues span{font-size:12px}.song-curve{max-height:90px}.song-workspace{position:relative}.song-graph-details summary{cursor:pointer;color:var(--secondary);font-size:13px}.song-graph-details[open]{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-shrink:0;margin-bottom:4px;padding:16px;display:block;position:relative;box-shadow:0 12px 48px #00000026}.song-graph-details[open] summary{margin-bottom:0}.song-graph-details[open] .song-curve-legend{margin-block:8px}.song-graph-details[open] .song-curve{height:150px;min-height:120px;max-height:none;display:block}.song-graph-details~.song-actions{margin-top:auto}.song-tools{justify-content:space-between;align-items:center;gap:8px;display:flex}.song-tools .song-text-toggle{min-height:44px}.song-tools>button{min-width:0}.song-coach-return{font-size:12px!important}@media (width<=780px){.song-page .song-lyrics{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (height<=740px){.song-pitch-meter{padding:8px 12px}.song-curve{max-height:55px}.song-coach-note{min-height:48px;margin:2px auto;padding:6px 16px;font-size:24px}.song-pitch-rail{margin-block:8px}.song-word-practice .song-practice-fragment{margin-block:0}.song-page .song-card{gap:4px}.song-pitch-meter p{font-size:13px}.song-lyric-cues{min-height:50px}.song-lyric-cues li{padding:4px 8px}.song-lyric-cues strong{font-size:16px}.song-page .song-instruction{font-size:13px;line-height:1.25}}@media (width<=800px) and (height<=900px){.song-page .song-header{flex-wrap:wrap;align-items:center;gap:8px}.song-page .song-header h1{flex:1;min-width:min(120px,100%);max-width:none}.song-page .song-header-actions{flex-wrap:wrap;flex:none;width:auto;max-width:100%}.song-page .song-header-actions button{flex:none;padding-inline:8px}.song-page .song-header .song-header__intro-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.song-coach .song-actions{gap:6px}.song-coach .song-actions button{min-height:max(44px,2.75rem);padding:4px 8px;font-size:max(14px,.875rem);line-height:1.4}.song-coach .song-actions button [data-typography=button]{font-size:inherit!important;line-height:inherit!important}.song-coach .song-actions button:last-child{grid-column:1/-1}.song-page .song-performance[data-phase=review] .song-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:8px}.song-page .song-performance[data-phase=review] .song-actions button{min-width:0;padding:4px 8px;font-size:max(14px,.875rem);line-height:1.4}.song-page .song-performance[data-phase=review] .song-actions button [data-typography=button]{font-size:inherit!important;line-height:inherit!important}.song-page .song-performance[data-phase=review] .song-actions button:last-child{grid-column:1/-1}.song-word-practice{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.song-word-practice>*{min-width:0}.song-word-practice .song-practice-fragment{text-align:left}}.tuner-page{min-height:0;padding-block:24px 40px;overflow-y:auto}.premium-shell .page.tuner-page{align-self:stretch;width:100%;min-width:0;max-width:none;margin-inline:0;padding:24px}.tuner-workbench{box-sizing:border-box;border:1px solid var(--nota-color-border,#e6cbd8);width:100%;min-width:0;color:var(--nota-color-text,#35152f);background:var(--nota-color-surface,#fff);border-radius:24px;grid-template-columns:minmax(0,1fr);gap:18px;margin-inline:0;padding:24px;display:grid}.tuner-workbench>*{min-width:0}.tuner-modes,.tuner-instrument-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,640px);display:grid}.tuner-modes button[aria-pressed=true],.tuner-instrument-tabs button[aria-selected=true]{border-color:var(--nota-color-accent);background:var(--nota-color-surface-muted);box-shadow:inset 0 -3px var(--nota-color-accent)}.tuner-modes button svg,.tuner-instrument-tabs button svg{flex-shrink:0}.tuner-controls-row{background:var(--nota-color-surface-muted);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:16px;display:grid}.tuner-instrument-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tuner-modes button,.tuner-instrument-tabs button{min-width:0;min-height:44px;padding-inline:12px}.tuner-modes button span,.tuner-instrument-tabs button span{white-space:normal}.tuner-selectors label{gap:6px;display:grid}.tuner-selectors select{border:1px solid var(--nota-color-border,#e6cbd8);width:100%;min-height:44px;color:inherit;background:var(--nota-color-surface,#fff);font:inherit;border-radius:12px;padding:10px 12px}.tuner-strings{flex-wrap:wrap;gap:8px;display:flex}.tuner-strings button{min-height:44px}.tuner-guide{background:var(--nota-color-surface-muted,#faf2f6);border-radius:12px;padding:12px 16px}.tuner-guide summary{cursor:pointer;min-height:24px;font-weight:700}.tuner-guide[open] span,.tuner-guide[open] small{margin-top:8px;display:block}.tuner-dial{justify-items:center;gap:8px;padding-block:8px;display:grid}.tuner-dial>strong{font-size:clamp(28px,6vw,42px);line-height:1.2}.tuner-dial>span{color:var(--nota-color-primary,#742957)}.tuner-dial.in-tune>span{color:#157451}.tuner-dial__scale{justify-content:space-between;align-items:end;width:min(440px,90%);height:54px;display:flex;position:relative}.tuner-dial__scale:after{content:"";background:#5aaf8a;border-radius:3px;width:4px;height:42px;position:absolute;bottom:0;left:calc(50% - 2px)}.tuner-dial__scale i{background:#b79aa9;width:1px;height:18px}.tuner-dial__scale i:nth-child(5n+1){height:29px}.tuner-dial__scale b{z-index:2;background:var(--nota-color-primary,#742957);transform-origin:50% 100%;border-radius:3px;width:4px;height:48px;transition:transform .12s ease-out;position:absolute;bottom:0;left:calc(50% - 2px)}.practice-keyboard-scroll{border-radius:12px;min-width:0;max-width:100%;padding-bottom:4px;overflow-x:auto}.practice-keyboard{background:#fff;min-width:1000px;height:128px;position:relative}.practice-keyboard button{border:1px solid #d8c4ce;border-radius:0 0 6px 6px;justify-content:center;align-items:end;min-width:44px;height:100%;padding:6px 2px;font-size:13px;line-height:1.25;display:flex;position:absolute;top:0}.practice-keyboard .white{color:#35152f;background:#fff}.practice-keyboard .black{z-index:2;color:#fff;background:#271923;height:64%;transform:translate(-50%)}.practice-keyboard .selected{color:#35152f;background:#f5b8d0}.practice-keyboard button:focus-visible{outline-offset:-3px;z-index:3;outline:3px solid #f38b52}.tuner-practice-copy{margin:0;font-size:14px;line-height:1.5}.tuner-actions{justify-content:end;display:flex}.tuner-actions>button{width:100%;min-width:220px;min-height:48px}.tuner-instrument-stage,.tuner-instrument,.tuner-instrument .nota-guitar,.tuner-instrument .nota-guitar__scroll{width:100%;min-width:0;max-width:100%}.tuner-instrument .instrument-play-surface{width:100%}.tuner-instrument .instrument-diagram{max-width:none;min-height:280px}.tuner-voice-practice{min-width:0}@media (width<=560px){.tuner-page{padding:16px 12px 40px}.premium-shell .page.tuner-page{padding:16px 12px 96px}.tuner-workbench{border-radius:18px;gap:16px;padding:16px}.tuner-modes,.tuner-instrument-tabs{gap:6px}.tuner-modes button,.tuner-instrument-tabs button{padding-inline:7px}.tuner-strings button{flex:110px}.tuner-controls-row{grid-template-columns:minmax(0,1fr);gap:16px;padding:12px}.tuner-actions>button{min-width:0}}@media (prefers-reduced-motion:reduce){.tuner-dial__scale b{transition:none}}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Nunito-Regular-Cjl-x2bP.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Nunito-Medium-CFXN00xx.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Nunito-SemiBold-CqSaYNYF.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Nunito-Bold-DKPutKHW.woff2)format("woff2")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--color-emerald-50:oklch(97.9% .021 166.113);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-nota-50:#fff3f7;--color-nota-100:#fce4ed;--color-nota-200:#f8c5d7;--color-nota-300:#f09bb9;--color-nota-400:#dc6f9d;--color-nota-500:#b94d7f;--color-nota-600:#8e3566;--color-nota-700:#6d2856;--color-nota-800:#512040;--color-nota-900:#35152f;--color-nota-950:#220d1f;--color-coral-300:#ffad9d;--color-coral-400:#ff8a78;--color-coral-600:#c95152;--color-coral-700:#a53d46;--color-coral-950:#421820;--color-apricot-300:#ffc77c;--color-apricot-400:#ffb36b;--color-apricot-500:#ed9451;--color-apricot-600:#c87339;--color-blush-50:#fff5f8;--color-blush-950:#351526}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.start-100{inset-inline-start:calc(var(--spacing) * 100)}.top-0{top:0}.bottom-0{bottom:0}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.m-5{margin:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-dvh{height:100dvh}.h-full{height:100%}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-dvh{min-height:100dvh}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-\[4\.4\%\]{width:4.4%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[1200px\]{max-width:1200px}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-flow-col{grid-auto-flow:column}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:2147483647px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-apricot-600{border-color:var(--color-apricot-600)}.border-coral-700{border-color:var(--color-coral-700)}.border-current{border-color:currentColor}.border-nota-100{border-color:var(--color-nota-100)}.border-nota-200{border-color:var(--color-nota-200)}.border-nota-500{border-color:var(--color-nota-500)}.border-nota-600{border-color:var(--color-nota-600)}.border-nota-700{border-color:var(--color-nota-700)}.border-nota-950{border-color:var(--color-nota-950)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.border-t-nota-500{border-top-color:var(--color-nota-500)}.bg-\[\#2a1026\]{background-color:#2a1026}.bg-\[\#2a1026\]\/95{background-color:oklab(22.2734% .0496927 -.0249251/.95)}.bg-\[radial-gradient\(circle_at_88\%_4\%\,rgba\(255\,173\,157\,\.18\)\,transparent_25\%\)\,\#fcf9fa\]{background-color:radial-gradient(circle at 88% 4%,#ffad9d2e,transparent 25%),#fcf9fa}.bg-\[radial-gradient\(circle_at_top_right\,\#e3fff0\,transparent_30\%\)\,\#f7fcfa\]{background-color:radial-gradient(circle at top right,#e3fff0,transparent 30%),#f7fcfa}.bg-\[radial-gradient\(circle_at_top_right\,\#ffe6f4\,transparent_32\%\)\,\#fcf7fa\]{background-color:radial-gradient(circle at top right,#ffe6f4,transparent 32%),#fcf7fa}.bg-apricot-400{background-color:var(--color-apricot-400)}.bg-coral-600{background-color:var(--color-coral-600)}.bg-nota-50{background-color:var(--color-nota-50)}.bg-nota-100{background-color:var(--color-nota-100)}.bg-nota-500{background-color:var(--color-nota-500)}.bg-nota-600{background-color:var(--color-nota-600)}.bg-nota-700{background-color:var(--color-nota-700)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/75{background-color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.bg-white\/75{background-color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-apricot-300{--tw-gradient-from:var(--color-apricot-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-nota-100{--tw-gradient-from:var(--color-nota-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-nota-300{--tw-gradient-from:var(--color-nota-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-700{--tw-gradient-from:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-coral-400{--tw-gradient-via:var(--color-coral-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blush-50{--tw-gradient-to:var(--color-blush-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-nota-200{--tw-gradient-to:var(--color-nota-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-nota-400{--tw-gradient-to:var(--color-nota-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-nota-950{--tw-gradient-to:var(--color-nota-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-50{--tw-gradient-to:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\[14px\]{padding-inline:14px}.px-\[18px\]{padding-inline:18px}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.text-coral-600{color:var(--color-coral-600)}.text-nota-600{color:var(--color-nota-600)}.text-nota-700{color:var(--color-nota-700)}.text-nota-950{color:var(--color-nota-950)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-12px_34px_rgba\(53\,21\,47\,\.28\)\]{--tw-shadow:0 -12px 34px var(--tw-shadow-color,#35152f47);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_5px_rgba\(0\,0\,0\,\.25\)\]{--tw-shadow:0 4px 5px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_18px_rgba\(163\,86\,13\,\.2\)\]{--tw-shadow:0 8px 18px var(--tw-shadow-color,#a3560d33);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_18px_rgba\(201\,81\,82\,\.18\)\]{--tw-shadow:0 8px 18px var(--tw-shadow-color,#c951522e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_22px_rgba\(53\,21\,47\,\.2\)\]{--tw-shadow:0 10px 22px var(--tw-shadow-color,#35152f33);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_24px_rgba\(53\,21\,47\,\.2\)\]{--tw-shadow:0 12px 24px var(--tw-shadow-color,#35152f33);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(53\,21\,47\,\.08\)\]{--tw-shadow:0 12px 30px var(--tw-shadow-color,#35152f14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_42px_rgba\(53\,21\,47\,\.1\)\]{--tw-shadow:0 18px 42px var(--tw-shadow-color,#35152f1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[12px_0_40px_rgba\(94\,27\,64\,\.04\)\]{--tw-shadow:12px 0 40px var(--tw-shadow-color,#5e1b400a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[18px_0_52px_rgba\(53\,21\,47\,\.16\)\]{--tw-shadow:18px 0 52px var(--tw-shadow-color,#35152f29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-5px_8px_rgba\(79\,44\,63\,\.035\)\]{--tw-shadow:inset 0 -5px 8px var(--tw-shadow-color,#4f2c3f09);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(243\,167\,209\,\.45\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#f3a7d173);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_2px_\#9c155f\]{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,#9c155f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_7px_12px_rgba\(63\,29\,48\,\.08\)\]{--tw-drop-shadow-size:drop-shadow(0 7px 12px var(--tw-drop-shadow-color,#3f1d3014));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.hover\:bg-nota-50:hover{background-color:var(--color-nota-50)}.hover\:text-nota-700:hover{color:var(--color-nota-700)}}.focus\:border-nota-500:focus{border-color:var(--color-nota-500)}.focus-visible\:outline-3:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.focus-visible\:outline-offset-3:focus-visible{outline-offset:3px}.focus-visible\:outline-coral-400:focus-visible{outline-color:var(--color-coral-400)}@media (hover:hover){.enabled\:hover\:border-nota-100:enabled:hover{border-color:var(--color-nota-100)}.enabled\:hover\:bg-apricot-300:enabled:hover{background-color:var(--color-apricot-300)}.enabled\:hover\:bg-coral-700:enabled:hover{background-color:var(--color-coral-700)}.enabled\:hover\:bg-nota-50:enabled:hover{background-color:var(--color-nota-50)}.enabled\:hover\:bg-nota-400:enabled:hover{background-color:var(--color-nota-400)}.enabled\:hover\:bg-nota-800:enabled:hover{background-color:var(--color-nota-800)}.enabled\:hover\:saturate-125:enabled:hover{--tw-saturate:saturate(125%);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,)}}.enabled\:active\:bg-apricot-500:enabled:active{background-color:var(--color-apricot-500)}.enabled\:active\:bg-nota-600:enabled:active{background-color:var(--color-nota-600)}.enabled\:active\:bg-nota-900:enabled:active{background-color:var(--color-nota-900)}.enabled\:active\:brightness-95:enabled:active{--tw-brightness:brightness(95%);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,)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-slate-200:disabled{border-color:var(--color-slate-200)}.disabled\:bg-slate-100:disabled{background-color:var(--color-slate-100)}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-\[current\=page\]\:bg-gradient-to-r[aria-current=page]{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.aria-\[current\=page\]\:from-nota-100[aria-current=page]{--tw-gradient-from:var(--color-nota-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.aria-\[current\=page\]\:to-blush-50[aria-current=page]{--tw-gradient-to:var(--color-blush-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.aria-\[current\=page\]\:text-nota-700[aria-current=page]{color:var(--color-nota-700)}@media (width>=960px){.min-\[960px\]\:flex{display:flex}.min-\[960px\]\:hidden{display:none}.min-\[960px\]\:grid-cols-\[15rem_minmax\(0\,1fr\)\]{grid-template-columns:15rem minmax(0,1fr)}.min-\[960px\]\:justify-start{justify-content:flex-start}.min-\[960px\]\:pb-0{padding-bottom:0}}@media (width>=40rem){.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing) * 6)}}@media (width>=48rem){.md\:block{display:block}.md\:grid-cols-\[15rem_minmax\(0\,1fr\)\]{grid-template-columns:15rem minmax(0,1fr)}}.dark\:border-coral-300:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-coral-300)}.dark\:border-nota-300:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-nota-300)}.dark\:border-nota-800:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-nota-800)}.dark\:border-nota-900:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-nota-900)}.dark\:border-nota-900\/70:where([data-theme=dark],[data-theme=dark] *){border-color:#35152fb3}@supports (color:color-mix(in lab, red, red)){.dark\:border-nota-900\/70:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-nota-900) 70%, transparent)}}.dark\:bg-\[radial-gradient\(circle_at_88\%_4\%\,rgba\(217\,111\,162\,\.12\)\,transparent_25\%\)\,\#180f15\]:where([data-theme=dark],[data-theme=dark] *){background-color:radial-gradient(circle at 88% 4%,#d96fa21f,transparent 25%),#180f15}.dark\:bg-\[radial-gradient\(circle_at_top_right\,\#3b1329\,transparent_32\%\)\,\#1b0812\]:where([data-theme=dark],[data-theme=dark] *){background-color:radial-gradient(circle at top right,#3b1329,transparent 32%),#1b0812}.dark\:bg-\[radial-gradient\(circle_at_top_right\,\#133b2e\,transparent_30\%\)\,\#081b15\]:where([data-theme=dark],[data-theme=dark] *){background-color:radial-gradient(circle at top right,#133b2e,transparent 30%),#081b15}.dark\:bg-coral-400:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-coral-400)}.dark\:bg-nota-300:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-nota-300)}.dark\:bg-nota-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-nota-950)}.dark\:bg-nota-950\/75:where([data-theme=dark],[data-theme=dark] *){background-color:#220d1fbf}@supports (color:color-mix(in lab, red, red)){.dark\:bg-nota-950\/75:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-nota-950) 75%, transparent)}}.dark\:from-nota-100:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-from:var(--color-nota-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-nota-900:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-from:var(--color-nota-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-blush-950:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:var(--color-blush-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-nota-200:where([data-theme=dark],[data-theme=dark] *){--tw-gradient-to:var(--color-nota-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:text-coral-950:where([data-theme=dark],[data-theme=dark] *){color:var(--color-coral-950)}.dark\:text-emerald-50:where([data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-50)}.dark\:text-nota-50:where([data-theme=dark],[data-theme=dark] *){color:var(--color-nota-50)}.dark\:text-nota-100\/60:where([data-theme=dark],[data-theme=dark] *){color:#fce4ed99}@supports (color:color-mix(in lab, red, red)){.dark\:text-nota-100\/60:where([data-theme=dark],[data-theme=dark] *){color:color-mix(in oklab, var(--color-nota-100) 60%, transparent)}}.dark\:text-nota-200:where([data-theme=dark],[data-theme=dark] *){color:var(--color-nota-200)}.dark\:text-nota-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-nota-300)}.dark\:text-nota-950:where([data-theme=dark],[data-theme=dark] *){color:var(--color-nota-950)}@media (hover:hover){.dark\:hover\:bg-nota-900\/50:where([data-theme=dark],[data-theme=dark] *):hover{background-color:#35152f80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-nota-900\/50:where([data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-nota-900) 50%, transparent)}}.dark\:hover\:text-nota-200:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-nota-200)}.dark\:enabled\:hover\:border-nota-700:where([data-theme=dark],[data-theme=dark] *):enabled:hover{border-color:var(--color-nota-700)}.dark\:enabled\:hover\:bg-coral-300:where([data-theme=dark],[data-theme=dark] *):enabled:hover{background-color:var(--color-coral-300)}.dark\:enabled\:hover\:bg-nota-200:where([data-theme=dark],[data-theme=dark] *):enabled:hover{background-color:var(--color-nota-200)}.dark\:enabled\:hover\:bg-nota-900\/50:where([data-theme=dark],[data-theme=dark] *):enabled:hover{background-color:#35152f80}@supports (color:color-mix(in lab, red, red)){.dark\:enabled\:hover\:bg-nota-900\/50:where([data-theme=dark],[data-theme=dark] *):enabled:hover{background-color:color-mix(in oklab, var(--color-nota-900) 50%, transparent)}}}.dark\:disabled\:border-nota-900:where([data-theme=dark],[data-theme=dark] *):disabled{border-color:var(--color-nota-900)}.dark\:disabled\:bg-nota-950:where([data-theme=dark],[data-theme=dark] *):disabled{background-color:var(--color-nota-950)}.dark\:disabled\:text-nota-100\/35:where([data-theme=dark],[data-theme=dark] *):disabled{color:#fce4ed59}@supports (color:color-mix(in lab, red, red)){.dark\:disabled\:text-nota-100\/35:where([data-theme=dark],[data-theme=dark] *):disabled{color:color-mix(in oklab, var(--color-nota-100) 35%, transparent)}}.dark\:aria-\[current\=page\]\:from-nota-900:where([data-theme=dark],[data-theme=dark] *)[aria-current=page]{--tw-gradient-from:var(--color-nota-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:aria-\[current\=page\]\:to-blush-950:where([data-theme=dark],[data-theme=dark] *)[aria-current=page]{--tw-gradient-to:var(--color-blush-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:aria-\[current\=page\]\:text-nota-200:where([data-theme=dark],[data-theme=dark] *)[aria-current=page]{color:var(--color-nota-200)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}:root{--nota-palette-plum-50:#fff3f7;--nota-palette-plum-100:#fce4ed;--nota-palette-plum-200:#f8c5d7;--nota-palette-plum-300:#f09bb9;--nota-palette-plum-400:#dc6f9d;--nota-palette-plum-500:#b94d7f;--nota-palette-plum-600:#8e3566;--nota-palette-plum-700:#6d2856;--nota-palette-plum-800:#512040;--nota-palette-plum-900:#35152f;--nota-palette-coral-50:#fff5f2;--nota-palette-coral-100:#ffe7e1;--nota-palette-coral-200:#ffd0c5;--nota-palette-coral-300:#ffad9d;--nota-palette-coral-400:#ff8a78;--nota-palette-coral-500:#e96e65;--nota-palette-coral-600:#c95152;--nota-palette-coral-700:#a53d46;--nota-palette-coral-800:#84333d;--nota-palette-coral-900:#6c2d38;--nota-palette-apricot-50:#fff8ed;--nota-palette-apricot-100:#ffedcf;--nota-palette-apricot-200:#ffdba3;--nota-palette-apricot-300:#ffc77c;--nota-palette-apricot-400:#ffb36b;--nota-palette-apricot-500:#ed9451;--nota-palette-apricot-600:#c87339;--nota-palette-apricot-700:#9f562e;--nota-palette-apricot-800:#7f452b;--nota-palette-apricot-900:#683a27;--nota-palette-neutral-50:#fcf9fa;--nota-palette-neutral-100:#f6f0f3;--nota-palette-neutral-200:#e9dfe4;--nota-palette-neutral-300:#d6c7cf;--nota-palette-neutral-400:#b19da8;--nota-palette-neutral-500:#89737f;--nota-palette-neutral-600:#68545f;--nota-palette-neutral-700:#4f3d47;--nota-palette-neutral-800:#392a33;--nota-palette-neutral-900:#271b22;--nota-palette-neutral-950:#180f15;--nota-palette-semantic-success-background:#fce4ed;--nota-palette-semantic-success-default:#8e3566;--nota-palette-semantic-success-strong:#6d2856;--nota-palette-semantic-success-text:#512040;--nota-palette-semantic-warning-background:#fff7e6;--nota-palette-semantic-warning-default:#d77a00;--nota-palette-semantic-warning-strong:#a85c00;--nota-palette-semantic-warning-text:#7a4300;--nota-palette-semantic-error-background:#fff1ed;--nota-palette-semantic-error-default:#d94c2e;--nota-palette-semantic-error-strong:#a93822;--nota-palette-semantic-error-text:#7a2d17;--nota-palette-semantic-info-background:#f0eefc;--nota-palette-semantic-info-default:#6c63c7;--nota-palette-semantic-info-strong:#5048a7;--nota-palette-semantic-info-text:#3d377e;--nota-palette-semantic-dark-success-background:#512040;--nota-palette-semantic-dark-success-default:#dc6f9d;--nota-palette-semantic-dark-success-strong:#f09bb9;--nota-palette-semantic-dark-success-text:#f8c5d7;--nota-palette-semantic-dark-warning-background:#342710;--nota-palette-semantic-dark-warning-default:#f3b746;--nota-palette-semantic-dark-warning-strong:#ffd071;--nota-palette-semantic-dark-warning-text:#ffe0a3;--nota-palette-semantic-dark-error-background:#3a1d18;--nota-palette-semantic-dark-error-default:#f27a60;--nota-palette-semantic-dark-error-strong:#fa9b86;--nota-palette-semantic-dark-error-text:#ffc0b1;--nota-palette-semantic-dark-info-background:#29244d;--nota-palette-semantic-dark-info-default:#aaa4f0;--nota-palette-semantic-dark-info-strong:#c7c2ff;--nota-palette-semantic-dark-info-text:#e0deff;--nota-palette-light-surface-primary:#fff;--nota-palette-light-surface-secondary:#fcf9fa;--nota-palette-light-surface-subtle:#fff3f7;--nota-palette-light-text-primary:#271b22;--nota-palette-light-text-secondary:#68545f;--nota-palette-light-brand:#8e3566;--nota-palette-light-background-primary:#fcf9fa;--nota-palette-light-background-secondary:#fff5f2;--nota-palette-light-border:#e3c8d4;--nota-palette-dark-surface-primary:#271b22;--nota-palette-dark-surface-secondary:#31212a;--nota-palette-dark-surface-subtle:#21141c;--nota-palette-dark-text-primary:#fff3f7;--nota-palette-dark-text-secondary:#d6c7cf;--nota-palette-dark-brand:#ffad9d;--nota-palette-dark-background-primary:#180f15;--nota-palette-dark-background-secondary:#21151d;--nota-palette-dark-border:#58394a;--nota-color-surface:var(--nota-palette-light-surface-primary);--nota-color-surface-muted:var(--nota-palette-light-surface-secondary);--nota-color-text:var(--nota-palette-light-text-primary);--nota-color-text-muted:var(--nota-palette-light-text-secondary);--nota-color-accent:var(--nota-palette-light-brand);--nota-color-accent-soft:var(--nota-palette-light-surface-subtle);--nota-color-background:var(--nota-palette-light-background-primary);--nota-color-background-muted:var(--nota-palette-light-background-secondary);--nota-color-border:var(--nota-palette-light-border);--nota-color-success:var(--nota-palette-semantic-success-default);--nota-color-success-background:var(--nota-palette-semantic-success-background);--nota-color-success-text:var(--nota-palette-semantic-success-text);--nota-color-warning:var(--nota-palette-semantic-warning-default);--nota-color-warning-background:var(--nota-palette-semantic-warning-background);--nota-color-warning-text:var(--nota-palette-semantic-warning-text);--nota-color-error:var(--nota-palette-semantic-error-default);--nota-color-error-background:var(--nota-palette-semantic-error-background);--nota-color-error-text:var(--nota-palette-semantic-error-text);--nota-shadow-card:0 14px 34px #205b4114;--nota-card-radius:24px;--nota-card-gap:16px;--nota-card-padding:24px}[data-theme=dark]{--nota-color-surface:var(--nota-palette-dark-surface-primary);--nota-color-surface-muted:var(--nota-palette-dark-surface-secondary);--nota-color-text:var(--nota-palette-dark-text-primary);--nota-color-text-muted:var(--nota-palette-dark-text-secondary);--nota-color-accent:var(--nota-palette-dark-brand);--nota-color-accent-soft:var(--nota-palette-dark-surface-subtle);--nota-color-background:var(--nota-palette-dark-background-primary);--nota-color-background-muted:var(--nota-palette-dark-background-secondary);--nota-color-border:var(--nota-palette-dark-border);--nota-color-success:var(--nota-palette-semantic-dark-success-default);--nota-color-success-background:var(--nota-palette-semantic-dark-success-background);--nota-color-success-text:var(--nota-palette-semantic-dark-success-text);--nota-color-warning:var(--nota-palette-semantic-dark-warning-default);--nota-color-warning-background:var(--nota-palette-semantic-dark-warning-background);--nota-color-warning-text:var(--nota-palette-semantic-dark-warning-text);--nota-color-error:var(--nota-palette-semantic-dark-error-default);--nota-color-error-background:var(--nota-palette-semantic-dark-error-background);--nota-color-error-text:var(--nota-palette-semantic-dark-error-text);--nota-shadow-card:0 14px 34px #0000003d;--nota-card-radius:24px;--nota-card-gap:16px;--nota-card-padding:24px}:root{color:#271b22;font-synthesis:none;--coral:#ff8a78;--rose:#d96fa2;--blush:#f09bb9;--apricot:#ffb36b;--plum:#35152f;--soft:#f8c5d7;--surface:#fff;--rose-50:#fff3f7;--rose-100:#fce4ed;--rose-150:#f8d5e2;--card:#fcf9fa;--text:#271b22;--secondary:#68545f;--neutral:#89737f;--border:#e3c8d4;--divider:#e9d7df;--gradient:linear-gradient(110deg, #ffb36b 0%, #ff8a78 50%, #d96fa2 100%);--shadow:0 14px 42px #35152f1a;background:#fcf9fa;font-family:Nunito,system-ui,sans-serif}.legal-links{flex-wrap:wrap;gap:6px 12px;font-size:12px;line-height:1.5;display:flex}.legal-links a{color:inherit;text-underline-offset:3px;text-decoration:underline}.premium-sidebar>.legal-links{color:#e5bccc;margin-top:8px;padding-inline:12px}*{box-sizing:border-box}html,body,#root{max-width:100%;height:100%;overflow:hidden}html{letter-spacing:0}body{background:radial-gradient(circle at 86% 2%,#ec675217,#0000 25%),radial-gradient(circle at 27% 32%,#df58a214,#0000 29%),#fcf9fa;min-width:320px;min-height:100vh;margin:0}img,svg{max-width:100%}button,input,textarea,select{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #6a15444d}h1,h2,h3,p{margin-top:0}.icon{flex:none;display:block}.panel{min-width:0;box-shadow:var(--shadow);background:#fcfbfbf0;border:1px solid #dcaec780;border-radius:16px}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#fcfbfbe0;border-right:1px solid #dcaec78c;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:2px 6px 22px;text-decoration:none;display:flex}.brand-mark{background:var(--gradient);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #df58a238}.brand-mark i{background:#ffffff61;border-radius:50%;width:30px;height:30px;position:absolute;top:-10px;left:-12px}.brand-mark b{color:#5b0f39;font-size:22px;position:relative}.brand-copy{display:grid}.brand-copy strong{letter-spacing:-.01em;font-size:21px;font-weight:800}.brand-copy small{color:var(--secondary);letter-spacing:-.01em;margin-top:3px;font-size:7px;font-weight:700}.nota-brand{color:inherit;border-radius:1rem;align-items:center;gap:.75rem;padding:.25rem .5rem;text-decoration:none;display:inline-flex}.nota-brand-icon{background:linear-gradient(135deg,#ffb36b,#ff8a78 52%,#d96fa2);border-radius:1rem;flex:0 0 2.75rem;place-items:center;width:2.75rem;height:2.75rem;display:grid;overflow:hidden;box-shadow:0 10px 22px #35152f2e}.nota-brand-mark{width:2rem;height:2rem;display:block}.nota-brand-copy{gap:.125rem;display:grid}.nota-brand-copy strong{font-size:1.3125rem;font-weight:800;line-height:1.1}.nota-brand-copy small{color:var(--secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.5625rem;font-weight:700;line-height:1.1}.primary-nav{gap:7px;margin-top:18px;display:grid}.primary-nav a{height:45px;color:var(--secondary);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;padding:0 13px;font-size:12px;font-weight:650;text-decoration:none;transition:all .16s;display:flex}.primary-nav a:hover{color:var(--plum);background:#f8e7f0b3}.primary-nav a.active{color:var(--plum);background:linear-gradient(90deg,#f6ddeb,#f8e7f0);box-shadow:inset 0 0 0 1px #da64a52e}.privacy-note{color:var(--plum);background:linear-gradient(135deg,#f8e7f0,#f6ddeb);border-radius:13px;gap:10px;margin-top:auto;padding:14px;display:flex}.privacy-note>span{background:#fff;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.privacy-note div{gap:3px;display:grid}.privacy-note strong{font-size:9px}.privacy-note small{color:#735365;font-size:7px;line-height:1.45}.app-canvas{min-width:0}.page{overscroll-behavior:contain;width:min(1400px,100%);height:100dvh;min-height:0;margin:0 auto;padding:26px clamp(24px,3vw,46px) 52px;overflow:hidden auto}.mobile-nav{display:none}.top-search{z-index:5;width:min(560px,54%);margin-bottom:25px;position:relative}.top-search label{height:40px;color:var(--neutral);background:#fcfbfbeb;border:1px solid #dcaec780;border-radius:10px;align-items:center;gap:9px;padding:0 13px;display:flex;box-shadow:0 7px 24px #5b2f470d}.top-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.top-search input::placeholder{color:var(--neutral)}.search-results{border:1px solid var(--divider);background:#fff;border-radius:12px;padding:6px;position:absolute;top:46px;left:0;right:0;box-shadow:0 18px 45px #492b3b24}.search-results button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px;display:flex}.search-results button:hover{background:var(--rose-50)}.search-results>button>span{background:var(--rose-100);width:31px;height:31px;color:var(--plum);border-radius:9px;place-items:center;display:grid}.search-results div{gap:2px;display:grid}.search-results b{font-size:10px}.search-results small{color:var(--secondary);font-size:8px}.welcome{justify-content:space-between;align-items:flex-start;gap:20px;min-height:86px;margin-bottom:18px;display:flex}.welcome h1{letter-spacing:-.01em;margin-bottom:6px;font-size:34px;line-height:1.05}.welcome p{color:var(--secondary);margin:0;font-size:13px}.welcome p span{color:#c9428c}.welcome-note{background:linear-gradient(135deg,#f8e7f0,#f7dfec);border-radius:15px;width:300px;height:76px;padding:15px 110px 14px 18px;position:relative;overflow:hidden}.welcome-note b{color:#614655;font-size:10px;line-height:1.45;display:block}.welcome-note img{object-fit:cover;object-position:100% 0;width:165px;height:165px;position:absolute;bottom:-63px;right:-28px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.dashboard-main,.dashboard-aside{align-content:start;gap:14px;display:grid}.section-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-title>div{align-items:center;gap:10px;display:flex}.section-title h2{letter-spacing:-.01em;margin:0;font-size:15px}.section-title>button{color:var(--secondary);background:0 0;border:0;align-items:center;gap:4px;padding:4px;font-size:8px;font-weight:700;display:flex}.section-icon{background:var(--rose-100);color:#940755;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.vocal-card{min-height:270px;padding:18px}.vocal-summary{grid-template-columns:minmax(200px,1.4fr) 110px minmax(185px,.8fr);align-items:center;gap:18px;margin:17px 0 11px;display:grid}.vocal-summary>div:first-child{gap:4px;display:grid}.vocal-summary small{color:var(--secondary);font-size:9px}.vocal-summary strong{color:#5e0737;letter-spacing:-.01em;font-size:27px}.confidence{background:radial-gradient(circle, #fcfbfb 56%, transparent 57%), conic-gradient(#ba2878 0 12%, #ece4e8 12%);width:87px;height:87px;color:var(--secondary);border-radius:50%;align-content:center;place-items:center;display:grid}.confidence span{font-size:7px}.confidence b{color:var(--text);font-size:17px}.voice-note{background:linear-gradient(135deg,#f8e7f0,#f6ddeb);border-radius:12px;align-items:center;gap:9px;min-height:74px;padding:12px;display:flex}.voice-note span{color:#b6106b}.voice-note p{color:#654e5b;margin:0;font-size:8px;line-height:1.5}.vocal-cta{display:none!important}.piano{height:70px;margin-top:9px;position:relative}.white-keys{height:52px;display:flex}.white-keys i{border:1px solid var(--border);background:#fff;border-right:0;flex:1}.white-keys i:first-child{border-radius:7px 0 0 7px}.white-keys i:last-child{border-right:1px solid var(--border);border-radius:0 7px 7px 0}.white-keys i.in-range{background:linear-gradient(#f5bddc,#fadfee)}.white-keys i.active{background:#e67db7;box-shadow:inset 0 0 0 2px #aa1466}.black-keys{position:absolute;inset:0}.black-keys i{background:#31262c;border-radius:0 0 3px 3px;width:4.4%;height:29px;position:absolute;top:0;translate:-50%;box-shadow:0 2px 3px #00000026}.piano-labels{color:#6c7772;justify-content:space-between;margin-top:5px;font-size:7px;display:flex}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric{align-items:flex-start;gap:10px;min-height:95px;padding:14px;display:flex}.metric>span{background:var(--rose-100);color:#9d0b5b;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.metric>span.warm{background:#fff0e8;font-size:17px}.metric div{gap:1px;display:grid}.metric small{font-size:8px;font-weight:700}.metric strong{letter-spacing:-.01em;font-size:17px}.metric em{color:var(--secondary);font-size:7px;font-style:normal}.learning-plan{padding:16px}.plan-steps{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;display:grid}.plan-steps button{background:linear-gradient(145deg,#fcfbfb,#f3f5f4);border:1px solid #e7e1e4;border-radius:11px;align-content:start;place-items:center;gap:4px;min-height:105px;padding:9px;display:grid}.plan-steps button.done{background:linear-gradient(145deg,#ffedf7,#f6ddeb);border-color:#df58a2}.plan-steps button>span{background:var(--divider);width:21px;height:21px;color:var(--neutral);border-radius:50%;justify-self:start;place-items:center;font-size:8px;font-weight:800;display:grid}.plan-steps button.done>span{color:#fff;background:#b92375}.plan-steps i{color:#a71163;font-size:19px;font-style:normal}.plan-steps b{font-size:8px}.plan-steps small{color:var(--secondary);font-size:7px}.recommendations,.task-list{padding:16px}.recommendations .section-title,.task-list .section-title{margin-bottom:12px}.recommendations>button{text-align:left;background:0 0;border:0;border-top:1px solid #eef1ef;align-items:center;gap:10px;width:100%;min-height:58px;padding:7px 0;display:flex}.recommendations>button:first-of-type{border-top:0}.recommend-art{color:#770845;background:linear-gradient(135deg,#f6dfec,#edb6d4);border-radius:11px;place-items:center;width:46px;height:46px;font-size:19px;display:grid}.recommendations button div{flex:1;gap:3px;min-width:0;display:grid}.recommendations b{font-size:9px}.recommendations small{color:var(--secondary);font-size:7px}.recommendations button>i{color:#46313d;background:#f2edf0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.task-list>button{text-align:left;background:#f3f5f4;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:48px;margin-top:7px;padding:7px 9px;display:flex}.task-list>button.done{background:var(--rose-100)}.task-list>button>span{border:1px solid var(--border);color:#fff;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;display:grid}.task-list>button.done>span{background:#a61364;border-color:#a61364}.task-list>button>div{gap:2px;display:grid}.task-list b{font-size:8px}.task-list small{color:var(--secondary);font-size:7px}.privacy-banner{color:#5a0735;background:linear-gradient(110deg,#f7dfec,#f2c8df);border-radius:14px;align-items:center;gap:11px;min-height:76px;padding:14px;display:flex}.privacy-banner>div{gap:4px;display:grid}.privacy-banner b{font-size:9px}.privacy-banner small{color:#725063;font-size:7px;line-height:1.4}.page-header{justify-content:space-between;gap:24px;min-height:86px;margin-bottom:22px;display:flex}.page>.page-header-component{margin-bottom:24px}.page-header h1{letter-spacing:-.01em;margin:0;font-size:37px;line-height:1.05}.page-description{max-width:680px;color:var(--secondary);margin:10px 0 0;font-size:11px;line-height:1.6}.eyebrow{color:#990c5a;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:7px;font-size:8px;font-weight:800}.local-badge{border:1px solid var(--divider);height:31px;color:var(--secondary);background:#fff;border-radius:99px;align-items:center;gap:7px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.local-badge span{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #df58a229}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:0 16px;font-size:14px;font-weight:800;transition:all .15s;display:inline-flex}.button:not(:disabled):active{translate:0 1px}.button-primary{color:#540c34;background:var(--gradient);box-shadow:0 9px 24px #bd368033}.button-primary:disabled{color:#8f9994;background:var(--divider);box-shadow:none}.button-secondary{border-color:var(--border);background:#f9f6f8}.button-quiet{color:var(--plum);background:0 0}.button-danger{color:#fff;background:#a54150}.range-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:16px;display:grid}.range-workbench{padding:clamp(22px,3vw,34px)}.range-measurement{background:radial-gradient(circle at 72% 18%, #e57eb733, transparent 31%), var(--card);min-height:500px;overflow:hidden}.range-live-header{align-items:center;gap:15px;display:flex}.range-live-header h2{margin:0 0 5px;font-size:clamp(24px,3vw,34px)}.range-live-header p:last-child{color:var(--secondary);margin:0;font-size:14px}.range-orb{color:#780846;background:radial-gradient(circle at 35% 30%,#ffeff8,#e8a8cb);border:1px solid #db8db8;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 10px 30px #86125224}.range-orb.listening{animation:1.4s ease-in-out infinite range-pulse}@keyframes range-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 9px #bc2d7c1a}}.range-progress{background:var(--divider);border-radius:99px;height:6px;margin:22px 0 13px;overflow:hidden}.range-progress span{border-radius:inherit;background:linear-gradient(90deg,#b6156e,#d965a5);height:100%;transition:width .12s linear;display:block}.range-pitch-trace{border:1px solid var(--divider);background:repeating-linear-gradient(0deg, transparent 0 25px, var(--divider) 26px), #f8e2ee47;border-radius:13px;height:104px;margin-bottom:14px;position:relative}.range-pitch-trace i{left:calc(8% + var(--trace-order,0) * 7%);background:#a60a60;border-radius:50%;width:8px;height:8px;position:absolute;transform:translateY(50%);box-shadow:0 0 0 4px #a60a601f}.range-pitch-trace i:first-child{left:8%}.range-pitch-trace i:nth-child(2){left:15%}.range-pitch-trace i:nth-child(3){left:22%}.range-pitch-trace i:nth-child(4){left:29%}.range-pitch-trace i:nth-child(5){left:36%}.range-pitch-trace i:nth-child(6){left:43%}.range-pitch-trace i:nth-child(7){left:50%}.range-pitch-trace i:nth-child(8){left:57%}.range-pitch-trace i:nth-child(9){left:64%}.range-pitch-trace i:nth-child(10){left:71%}.range-pitch-trace i:nth-child(11){left:78%}.range-pitch-trace i:nth-child(12){left:85%}.instrument-diagram{background:linear-gradient(145deg,#32152d,#1f0c1c);border:1px solid #ffad9d2e;border-radius:18px;width:100%;max-width:760px;height:122px;margin:10px auto;padding:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 16px 30px #1f0c1c29}.instrument-piano__white{height:100%;display:flex}.instrument-piano__white>i{background:linear-gradient(#fff,#f2ecef);border-right:1px solid #d9d1d5;border-radius:0 0 5px 5px;flex:1;position:relative}.instrument-piano__white>i.active{background:linear-gradient(#ffdcb0,#ff9b80)}.instrument-piano__white small{color:#7a6671;text-align:center;font-size:8px;position:absolute;bottom:5px;left:0;right:0}.instrument-piano__black{pointer-events:none;position:absolute;inset:10px}.instrument-piano__black>i{z-index:2;background:linear-gradient(90deg,#160b12,#4c3743 55%,#160b12);border-radius:0 0 5px 5px;width:4.2%;height:61%;position:absolute;transform:translate(-50%);box-shadow:0 5px 7px #00000061}.instrument-piano__black>i.active{background:linear-gradient(#ffd166,#ff8a78)}.instrument-fretboard{background:linear-gradient(#8c4f39,#4d251f 52%,#351713);border-radius:8px;grid-template-columns:repeat(12,1fr);height:100%;display:grid;position:relative;box-shadow:inset 0 0 24px #00000061}.instrument-diagram--violin .instrument-fretboard{background:linear-gradient(#6f3828,#321712);border-radius:48% 8px 8px 48%}.instrument-fret{border-right:2px solid #efd0a880}.instrument-diagram--violin .instrument-fret{border-right-color:#ffffff14}.instrument-string{height:1px;left:0;right:0;top:calc((var(--string-count) - 1) * 0px);background:#f2d9b2;position:absolute;box-shadow:0 1px 2px #0009}.instrument-string:nth-of-type(13){top:calc(100% / var(--string-count) * .5)}.instrument-string:nth-of-type(14){top:calc(100% / var(--string-count) * 1.5)}.instrument-string:nth-of-type(15){top:calc(100% / var(--string-count) * 2.5)}.instrument-string:nth-of-type(16){top:calc(100% / var(--string-count) * 3.5)}.instrument-string:nth-of-type(17){top:calc(100% / var(--string-count) * 4.5)}.instrument-string:nth-of-type(18){top:calc(100% / var(--string-count) * 5.5)}.instrument-string small{color:#fff3f7;font-size:8px;position:absolute;bottom:3px;left:5px}.instrument-note-marker{z-index:3;color:#35152f;background:linear-gradient(145deg,#ffd166,#ff8a78);border:2px solid #fff0df;border-radius:50%;place-items:center;min-width:28px;height:28px;padding:0 5px;font-size:8px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 14px #1c081759}.range-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.range-result-grid>div{border:1px solid var(--divider);background:#faf0f59e;border-radius:11px;align-content:center;gap:5px;min-height:67px;padding:11px;display:grid}.range-result-grid small{color:var(--secondary);font-size:7px}.range-result-grid b{font-size:10px}.range-notice{color:#9c6424;font-size:10px}.measurement-actions{margin-top:20px}.measurement-actions .button-row{justify-content:flex-end}.button-row{gap:8px;display:flex}.range-intro{gap:15px;display:flex}.range-intro>span{background:var(--rose-100);color:#9b0a5a;border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.range-intro>span.ready{background:var(--coral);color:#550732}.range-intro h2{margin-bottom:9px;font-size:27px}.range-intro p:last-child{max-width:650px;color:var(--secondary);margin:0;font-size:10px;line-height:1.6}.range-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0;display:grid}.range-steps>div{border:1px solid var(--border);color:#8a9590;background:#f7f5f6;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:26px 1fr;align-items:center;column-gap:8px;min-height:65px;padding:10px;display:grid}.range-steps span{background:var(--divider);border-radius:50%;grid-row:1/3;place-items:center;width:25px;height:25px;font-size:8px;font-weight:800;display:grid}.range-steps b{font-size:9px}.range-steps small{font-size:7px}.range-steps .active{color:#52243d;background:#ffedf7;border-color:#e7a7ca}.range-steps .active span{color:#fff;background:#b6196f}.range-workbench .piano{height:135px;margin:33px 0}.range-workbench .white-keys{height:110px}.range-workbench .black-keys i{height:62px}.range-actions{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.range-actions>div{color:#960b57;align-items:center;gap:9px;display:flex}.range-actions>div>span{gap:2px;display:grid}.range-actions b{font-size:14px}.range-actions small{color:var(--secondary);font-size:13px}.range-layout>aside{gap:14px;display:grid}.prep-card{padding:20px}.prep-card h3{font-size:18px}.prep-card ol{gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.prep-card li{color:var(--secondary);align-items:center;gap:9px;font-size:14px;line-height:1.4;display:flex}.prep-card li span{color:#9b0a5a;font-size:13px;font-weight:800}.local-card{color:#780846;background:var(--rose-100);box-shadow:none;align-items:center;gap:10px;padding:16px;display:flex}.local-card div{gap:3px;display:grid}.local-card b{font-size:9px}.local-card small{color:#725465;font-size:7px}.filter-bar{border:1px solid var(--divider);background:#fff;border-radius:11px;gap:3px;width:max-content;max-width:100%;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.filter-bar button{min-height:32px;color:var(--secondary);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:9px;font-weight:700}.filter-bar button.active{color:#550732;background:var(--rose-100)}.training-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.training-card{flex-direction:column;justify-content:space-between;min-height:270px;padding:22px;display:flex;position:relative;overflow:hidden}.training-card:after{content:"";background:#df58a21f;border-radius:50%;width:170px;height:170px;position:absolute;top:-80px;right:-70px}.training-card-top{z-index:1;justify-content:space-between;display:flex;position:relative}.training-card-top>span{color:#6c0a40;background:linear-gradient(135deg,#f5cee3,#ea9dc7);border-radius:16px;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.training-card-top small{color:var(--secondary);align-items:center;gap:4px;font-size:8px;display:flex}.training-card em{color:#9b0a5a;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:6px;font-size:7px;font-style:normal;font-weight:800;display:block}.training-card h2{letter-spacing:-.01em;margin-bottom:8px;font-size:24px}.training-card p{max-width:460px;color:var(--secondary);margin:0;font-size:10px;line-height:1.6}.training-card>button{color:#780846;background:0 0;border:0;align-items:center;gap:6px;width:max-content;margin-top:16px;padding:0;font-size:9px;font-weight:800;display:flex}.tone-1{background:linear-gradient(145deg,#fcfbfb,#f9edf4)}.tone-2{background:linear-gradient(145deg,#fcfbfb,#f6f2ea)}.tone-3{background:linear-gradient(145deg,#fcfbfb,#faf0ee)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;display:grid}.stats-grid article{align-content:space-between;min-height:125px;padding:20px;display:grid}.stats-grid small{color:var(--secondary);text-transform:uppercase;letter-spacing:-.01em;font-size:8px;font-weight:800}.stats-grid strong{letter-spacing:-.01em;font-size:35px}.stats-grid strong em{color:var(--secondary);font-size:11px;font-style:normal}.stats-grid span{color:var(--neutral);font-size:8px}.history-panel{min-height:350px;padding:24px}.trash-button{border:1px solid var(--divider);color:#a43f50;background:#fff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.empty-state{text-align:center;align-content:center;place-items:center;min-height:250px;display:grid}.empty-state>span{background:var(--rose-100);color:#960b57;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:13px;display:grid}.empty-state h3{margin-bottom:6px;font-size:18px}.empty-state p{max-width:440px;color:var(--secondary);margin-bottom:18px;font-size:9px;line-height:1.55}.session-history{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.session-history li{border:1px solid #e7e1e4;border-radius:10px;align-items:center;gap:11px;min-height:60px;padding:9px 11px;display:flex}.session-history li>span{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.session-history div{flex:1;gap:2px;display:grid}.session-history b{font-size:10px}.session-history small,.session-history em{color:var(--secondary);font-size:8px;font-style:normal}.settings-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.settings-card,.privacy-settings{padding:28px}.settings-card h2,.privacy-settings h2{font-size:25px}.toggle{border-top:1px solid var(--divider);align-items:center;gap:16px;min-height:72px;display:flex}.toggle>span{flex:1;gap:3px;display:grid}.toggle b{font-size:10px}.toggle small{color:var(--secondary);font-size:8px}.toggle input{opacity:0;position:absolute}.toggle>i{background:var(--border);border-radius:99px;width:39px;height:22px;padding:3px}.toggle>i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;display:block;box-shadow:0 2px 6px #00000021}.toggle input:checked+i{background:var(--coral)}.toggle input:checked+i:after{translate:17px}.toggle input:focus-visible+i{outline-offset:3px;outline:3px solid #6a15444d}.privacy-settings{color:#e5d5de;background:linear-gradient(145deg,#2b0f1e,#471731);border-radius:16px;box-shadow:0 18px 50px #2b0f1e2e}.privacy-settings>span{width:55px;height:55px;color:var(--coral);background:#df58a221;border-radius:15px;place-items:center;margin-bottom:24px;display:grid}.privacy-settings .eyebrow{color:var(--coral)}.privacy-settings h2{color:#fff}.privacy-settings>p:not(.eyebrow){color:#c1a8b6;font-size:10px;line-height:1.7}.privacy-settings ul{gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.privacy-settings li{color:#e5d5de;align-items:center;gap:8px;font-size:9px;display:flex}.privacy-settings li .icon{color:var(--coral)}.back-link{min-height:44px;color:var(--secondary);background:0 0;border:0;align-items:center;margin-bottom:28px;padding:8px 12px 8px 0;font-size:16px;font-weight:700;display:inline-flex}.microphone-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(30px,5vw,70px);min-height:calc(100vh - 105px);display:grid}.microphone-copy h1{letter-spacing:-.01em;margin-bottom:14px;font-size:48px}.microphone-copy>p:last-of-type{max-width:520px;color:var(--secondary);font-size:11px;line-height:1.65}.microphone-copy ol{gap:15px;margin:30px 0;padding:0;list-style:none;display:grid}.microphone-copy li{align-items:center;gap:11px;display:flex}.microphone-copy li>span{background:var(--rose-100);color:#980a58;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;font-weight:800;display:grid}.microphone-copy li>div{gap:2px;display:grid}.microphone-copy b{font-size:9px}.microphone-copy small{color:var(--secondary);font-size:8px}.microphone-console{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:490px;padding:40px;display:flex}.mic-ring{background:conic-gradient(#e4dce0 0 75%, #f2eef0 75%);border-radius:50%;place-items:center;width:136px;height:136px;margin-bottom:28px;display:grid;position:relative}.mic-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.mic-ring>span{z-index:1;color:#960a57;background:var(--rose-100);border-radius:50%;place-items:center;width:82px;height:82px;display:grid;position:relative;box-shadow:0 10px 28px #96276421}.mic-ring.ready{background:conic-gradient(#bd2277 0 92%, #ebe2e7 92%)}.mic-ring.ready>span{background:var(--coral);color:#550732}.microphone-console h2{margin-bottom:10px;font-size:25px}.error{color:#a43f50;font-size:9px}.signal-meter{background:var(--divider);border-radius:99px;width:100%;height:10px;margin:24px 0;overflow:hidden}.signal-meter span{border-radius:inherit;background:var(--gradient);height:100%;transition:width .1s;display:block}.console-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.microphone-console>small{color:var(--secondary);margin-top:14px;font-size:8px}.lesson-page{width:min(980px,100%);min-height:100vh;margin:0 auto;padding:24px 28px 45px}.lesson-header{grid-template-columns:45px 1fr auto;align-items:center;gap:16px;display:grid}.lesson-header>button{border:1px solid var(--divider);background:#fff;border-radius:50%;width:40px;height:40px;font-size:22px}.lesson-header>div{align-items:center;gap:13px;display:flex}.lesson-header span{color:var(--secondary);font-size:9px;font-weight:700}.lesson-header>b{font-size:10px}.lesson-progress{gap:4px;display:flex}.lesson-progress i{background:var(--divider);border-radius:99px;width:44px;height:7px}.lesson-progress i.active{background:linear-gradient(90deg,#c21c77,#da64a5)}.lesson-title{grid-template-columns:1fr 250px;align-items:center;gap:20px;margin:27px 0 15px;display:grid}.lesson-title h1{letter-spacing:-.01em;margin-bottom:7px;font-size:30px}.lesson-title p{color:var(--secondary);margin:0;font-size:10px}.coach-note{background:linear-gradient(135deg,#f8e7f0,#f5d4e6);border-radius:14px;align-content:center;gap:4px;height:88px;padding:14px 112px 12px 15px;display:grid;position:relative;overflow:hidden}.coach-note b{font-size:9px}.coach-note span{color:#6c5361;font-size:7px;line-height:1.4}.coach-note img{object-fit:cover;object-position:0 0;width:160px;height:160px;position:absolute;top:-53px;right:-38px}.pitch-console{text-align:center;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:25px;min-height:245px;padding:24px;display:grid}.target-note,.detected-note{gap:5px;display:grid}.target-note small,.detected-note small{color:var(--secondary);font-size:9px}.target-note strong,.detected-note strong{letter-spacing:-.01em;color:#5b0735;font-size:42px}.target-note span,.detected-note span{color:var(--secondary);font-size:8px}.listening-ring{place-items:center;display:grid}.listening-ring>button{color:#7d0848;background:var(--coral);border:12px solid #f8e7f0;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 0 0 1px #ebbdd6,0 10px 26px #b32b762e}.listening-ring.ready>button{box-shadow:0 0 0 1px #d94f9b,0 0 0 12px #df58a21f}.listening-ring b{margin-top:12px;font-size:9px}.cent-scale{background:linear-gradient(90deg,#ffd4d4,#f5dfeb 45% 55%,#ffd4d4);border-radius:99px;height:8px;margin-top:14px;position:relative}.cent-scale i{background:#a90861;border-radius:2px;width:3px;height:16px;position:absolute;top:-4px}.feedback-card{border:1px solid var(--border);background:#f5f2f4;border-radius:13px;align-items:center;gap:11px;min-height:64px;margin:12px 0;padding:12px 16px;display:flex}.feedback-card.success{background:var(--rose-100);border-color:#e8b9d3}.feedback-card>span{color:#a2095d;background:#fff;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.feedback-card div{gap:3px;display:grid}.feedback-card b{font-size:10px}.feedback-card small{color:var(--secondary);font-size:8px}.lesson-keyboard{padding:17px 22px}.lesson-keyboard .piano{height:78px}.pitch-trace{margin-top:12px;padding:18px}.pitch-trace>div:first-child{justify-content:space-between;align-items:center;display:flex}.pitch-trace b{font-size:10px}.pitch-trace div>span{color:var(--secondary);align-items:center;gap:5px;font-size:8px;display:flex}.pitch-trace div>span i{background:#ae1167;border-radius:50%;width:7px;height:7px}.pitch-trace svg{width:100%;height:125px;margin-top:10px;overflow:visible}.pitch-trace svg path{stroke:#e6dfe3;stroke-width:.35px;fill:none}.pitch-trace svg polyline{stroke:#ae1167;stroke-width:1.5px;vector-effect:non-scaling-stroke;fill:none}.trace-labels{color:var(--secondary);justify-content:space-between;font-size:7px;display:flex}.lesson-goals{margin-top:12px;padding:16px}.lesson-goals h2{align-items:center;gap:7px;margin-bottom:12px;font-size:13px;display:flex}.lesson-goals h2 .icon{color:#a90861}.lesson-goals>div{gap:8px;display:flex}.lesson-goals span{color:#78857f;background:#f2eef0;border-radius:9px;align-items:center;gap:5px;padding:9px 12px;font-size:8px;display:flex}.lesson-goals span.done{color:#790846;background:var(--rose-100)}.lesson-actions{grid-template-columns:1fr 1.35fr;gap:12px;margin-top:15px;display:grid}.lesson-actions .button{min-height:54px;font-size:12px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#2b0f1e94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border-radius:17px;width:min(430px,100%);padding:34px;box-shadow:0 35px 90px #2b111f47}.confirm-dialog>span{color:#a43f50;background:#f7e6e9;border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 17px;display:grid}.confirm-dialog h2{font-size:23px}.confirm-dialog p{color:var(--secondary);font-size:9px;line-height:1.6}.confirm-dialog>div{justify-content:center;gap:8px;margin-top:22px;display:flex}@media (width<=1120px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.dashboard-layout{grid-template-columns:1fr}.dashboard-aside{grid-template-columns:1fr 1fr}.privacy-banner{grid-column:1/-1}.plan-steps{grid-template-columns:repeat(2,1fr)}.range-layout{grid-template-columns:1fr}.range-layout>aside{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.welcome-note{width:260px}.pitch-console{gap:15px}}@media (width<=780px){.app-shell{display:block}.sidebar{display:none}.app-canvas{padding-bottom:66px}.page{min-height:calc(100vh - 66px);padding:18px 14px 30px}.mobile-nav{z-index:60;min-height:65px;padding:6px 7px max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfbfbed;border-top:1px solid #dcaec7a6;grid-template-columns:repeat(5,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#75817b;background:0 0;border:0;border-radius:9px;justify-items:center;gap:3px;min-width:0;padding:6px 1px;font-size:7px;font-weight:700;text-decoration:none;display:grid}.mobile-nav a.active{background:var(--rose-100);color:#740843}.top-search{display:none}.welcome{min-height:130px;margin-top:4px}.welcome h1{font-size:29px}.welcome p{font-size:11px}.welcome-note{width:180px;height:72px;padding:12px 80px 10px 12px;position:absolute;top:77px;right:13px}.welcome-note b{font-size:7px}.welcome-note img{width:130px;height:130px;bottom:-50px;right:-40px}.dashboard-layout{display:block}.dashboard-main,.dashboard-aside{gap:11px}.vocal-card{margin-bottom:11px;padding:16px}.vocal-summary{grid-template-columns:1fr 84px;gap:10px}.voice-note{grid-column:1/-1}.vocal-summary strong{font-size:24px}.confidence{width:74px;height:74px}.vocal-cta{width:100%;margin-top:12px;display:flex!important}.metric-grid{grid-template-columns:repeat(2,1fr);margin-bottom:11px}.metric:last-child{grid-column:1/-1}.learning-plan{margin-bottom:11px}.plan-steps{display:flex;overflow-x:auto}.plan-steps button{min-width:120px}.dashboard-aside{grid-template-columns:1fr;display:grid}.privacy-banner{grid-column:auto}.page-header{min-height:75px}.page-header h1{font-size:30px}.local-badge{display:none}.range-steps{grid-template-columns:1fr}.range-steps>div{min-height:54px}.range-workbench .piano{height:108px}.range-workbench .white-keys{height:84px}.range-workbench .black-keys i{height:48px}.range-actions{flex-direction:column;align-items:stretch}.range-actions .button{width:100%}.range-layout>aside,.training-grid,.stats-grid{grid-template-columns:1fr}.stats-grid article{grid-template-columns:1fr auto;min-height:95px}.stats-grid strong{grid-area:1/2/3}.settings-card,.privacy-settings{padding:22px}.microphone-layout{grid-template-columns:1fr;min-height:auto}.microphone-copy h1{font-size:38px}.microphone-console{min-height:440px;padding:27px 18px}.lesson-page{padding:15px 13px 35px}.lesson-header{grid-template-columns:40px 1fr}.lesson-header>b{display:none}.lesson-progress i{width:30px}.lesson-title{grid-template-columns:1fr}.coach-note{height:78px}.pitch-console{grid-template-columns:1fr 1fr;padding:19px 14px}.listening-ring{grid-area:1/1/3}.target-note,.detected-note{grid-column:2}.listening-ring>button{width:100px;height:100px}.lesson-goals>div{flex-direction:column}.lesson-actions{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3f5f4e6;border-radius:13px;padding:8px;position:sticky;bottom:73px}}@media (width<=480px){.welcome-note{width:155px}.dashboard-aside{margin-top:11px}.metric-grid{grid-template-columns:1fr}.metric:last-child{grid-column:auto}.vocal-summary{grid-template-columns:1fr 72px}.voice-note{grid-column:1/-1}.section-title h2{font-size:13px}.filter-bar{width:100%}.filter-bar button{flex:1;padding:0 9px}.range-workbench{padding:18px 14px}.range-intro{flex-direction:column}.range-intro h2{font-size:23px}.range-workbench .piano{height:92px}.range-workbench .white-keys{height:68px}.range-workbench .black-keys i{height:39px}.console-actions{flex-direction:column;width:100%}.console-actions .button{width:100%}.pitch-console{gap:8px}.target-note strong,.detected-note strong{font-size:34px}.listening-ring>button{border-width:9px;width:88px;height:88px}.lesson-title h1{font-size:26px}.lesson-actions{grid-template-columns:1fr 1.25fr}.confirm-dialog>div{flex-direction:column}.confirm-dialog .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.premium-shell{--premium-plum:#35152f;--premium-plum-deep:#220d1f;--premium-coral:#ff8a78;--premium-apricot:#ffb36b;--premium-rose:#d96fa2}.premium-sidebar>a,.premium-sidebar nav a,.premium-sidebar>button{color:#fff3f7b8}.premium-sidebar>a strong{color:#fff3f7}.premium-sidebar>a small{color:#fff3f775}.premium-sidebar nav a:hover{color:#fff3f7;background:#ffffff14}.premium-sidebar nav a[aria-current=page]{color:#fff3f7;box-shadow:inset 2px 0 var(--premium-coral);background:linear-gradient(90deg,#ff8a783d,#d96fa214)}.premium-mobile-nav>a{color:#fff3f79e!important}.premium-mobile-nav>a[aria-current=page]{color:#ffad9d!important;background:#ff8a7821!important}.premium-shell .panel{background:#ffffffe0;border-color:#e3c8d4a8;box-shadow:0 22px 55px #35152f17}.premium-shell .page{width:min(1280px,100%)}.premium-shell .range-workbench,.premium-shell .settings-card,.premium-shell .privacy-settings{border-radius:28px}.premium-shell .range-orb{color:#fff3f7;background:radial-gradient(circle at 34% 28%,#ffb36b,#ff8a78 48%,#8e3566 100%);box-shadow:0 22px 52px #8e356647}.premium-shell .range-progress span,.premium-shell .range-pitch-trace i{background:linear-gradient(#ffb36b,#ff8a78)}@media (width<=680px){.premium-shell .page{padding-inline:16px;padding-bottom:96px}}.brand-mark svg{z-index:1;fill:none;stroke:#5b0f39;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:32px;height:32px;position:relative;overflow:visible}.app-shell{width:100%;max-width:100vw}.app-canvas,.page,.dashboard-layout,.dashboard-main,.dashboard-aside,.learning-plan,.plan-steps,.vocal-card,.vocal-summary,.training-grid{min-width:0;max-width:100%}.brand-copy strong{font-size:23px}.brand-copy small{font-size:9px}.primary-nav a{font-size:13px}.section-title h2{font-size:17px}.section-title>button,.metric small,.metric em,.recommendations b,.task-list b{font-size:11px}.recommendations small,.task-list small,.plan-steps small{font-size:10px}.plan-steps b,.voice-note p{font-size:11px}.metric strong{font-size:20px}.page-description{font-size:13px}.training-card p,.range-intro p:last-child,.privacy-settings>p:not(.eyebrow),.training-card>button,.button{font-size:12px}.vocal-summary small,.range-steps b,.microphone-copy b{font-size:11px}.range-steps small,.microphone-copy small{font-size:10px}.studio-toolbar{background:#fcfbfbe0;border:1px solid #dcaec78c;border-radius:14px;justify-content:space-between;gap:18px;margin-bottom:14px;padding:10px;display:flex}.studio-toolbar>label{min-width:240px;color:var(--secondary);gap:4px;font-size:9px;font-weight:700;display:grid}.studio-toolbar input{color:var(--text);background:0 0;border:0;outline:0;font-size:15px;font-weight:750}.studio-toolbar>div{gap:4px;display:flex}.studio-toolbar button{min-height:38px;color:var(--secondary);background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:10px;font-weight:750}.studio-toolbar button.active{color:#760844;background:var(--rose-100)}.studio-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:15px;display:grid}.studio-editor{min-height:440px;padding:24px}.studio-editor>.section-title>small{color:var(--secondary);font-size:10px}.studio-editor textarea{border:1px solid var(--divider);resize:vertical;width:100%;height:330px;color:var(--text);background:linear-gradient(#fff,#fcfbfb);border-radius:12px;margin-top:18px;padding:18px;font-size:13px;line-height:2}.track-list{gap:9px;margin-top:18px;display:grid}.track-list label{border:1px solid var(--divider);background:#faf8f9;border-radius:12px;align-items:center;gap:12px;min-height:75px;padding:12px;display:flex}.track-list label>span{background:var(--rose-100);color:#84074c;border-radius:11px;place-items:center;width:42px;height:42px;font-size:17px;display:grid}.track-list b{flex:1;font-size:12px}.track-list input{opacity:0;position:absolute}.track-list i{background:var(--border);border-radius:99px;width:40px;height:22px;padding:3px}.track-list i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;display:block}.track-list input:checked+i{background:var(--coral)}.track-list input:checked+i:after{translate:18px}.mix-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.mix-controls label{border:1px solid var(--divider);min-height:140px;color:var(--secondary);border-radius:12px;align-content:start;gap:14px;padding:18px;font-size:10px;display:grid}.mix-controls select{border:1px solid var(--divider);background:#fff;border-radius:9px;height:44px;padding:0 10px;font-weight:750}.mix-controls b{color:var(--text);font-size:23px}.mix-controls input{accent-color:#c73485;width:100%}.project-preview{background:linear-gradient(150deg,#fcfbfb,#f8e7f0);padding:24px}.project-art{color:#5d0736;background:var(--gradient);border-radius:18px;place-items:center;width:65px;height:65px;margin-bottom:24px;display:grid}.project-preview h2{font-size:25px}.project-preview dl{gap:8px;margin:24px 0;display:grid}.project-preview dl>div{border-bottom:1px solid #dcaec78c;justify-content:space-between;padding:10px 0;display:flex}.project-preview dt{color:var(--secondary);font-size:9px}.project-preview dd{margin:0;font-size:10px;font-weight:800}.project-preview>.button{width:100%}.project-preview>small{color:var(--secondary);align-items:center;gap:6px;margin-top:13px;font-size:8px;display:flex}@media (width<=980px){.studio-layout{grid-template-columns:1fr}.project-preview{grid-template-columns:auto 1fr;column-gap:17px;display:grid}.project-preview .project-art{grid-row:1/4}.project-preview dl,.project-preview>.button,.project-preview>small{grid-column:1/-1}}@media (width<=780px){.app-shell{width:100vw;max-width:100vw}.app-canvas{width:100%;max-width:100vw}.page{width:100%;max-width:100vw;padding-left:14px;padding-right:14px}.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr));width:100vw;max-width:100vw}.mobile-nav a{font-size:6.5px}.dashboard-main,.dashboard-aside,.vocal-card,.learning-plan,.metric-grid,.recommendations,.task-list{width:100%;max-width:100%}.plan-steps{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.plan-steps button{width:100%;min-width:0}.metric{min-width:0;min-height:96px}.vocal-summary{grid-template-columns:minmax(0,1fr) 74px}.vocal-summary strong{overflow-wrap:anywhere;font-size:21px}.piano{width:100%;max-width:100%}.studio-toolbar{flex-direction:column;align-items:stretch}.studio-toolbar>label{min-width:0}.studio-toolbar>div{grid-template-columns:repeat(3,1fr);display:grid}.studio-toolbar button{padding:0 7px}.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-editor{min-height:390px;padding:18px}.studio-editor textarea{height:285px;padding:14px}.project-preview{display:block}.mix-controls{grid-template-columns:1fr}.project-preview .project-art{margin-bottom:18px}}@media (width<=390px){.page{padding-left:11px;padding-right:11px}.welcome-note{right:10px}.vocal-card,.learning-plan,.recommendations,.task-list{padding-left:12px;padding-right:12px}.plan-steps{gap:6px}.plan-steps button{min-height:100px;padding:7px}.mobile-nav{padding-left:3px;padding-right:3px}.mobile-nav a{font-size:5.8px}.mobile-nav .icon{width:17px}.studio-toolbar>div{grid-template-columns:1fr}.studio-toolbar button{min-height:34px}}.loading-screen,.onboarding{z-index:200;background:radial-gradient(circle at 50% 32%,#f9dfed,#0000 38%),#fcfbfb;place-items:center;min-height:100dvh;display:grid;position:fixed;inset:0}.loading-screen>img{object-fit:cover;object-position:0 0;width:230px;height:230px}.loading-screen .loading-logo{pointer-events:none}.loading-screen p{color:var(--secondary);margin:0;font-size:13px}.loading-screen>i{background:var(--gradient);border-radius:9px;width:160px;height:5px;animation:.8s ease-in-out infinite alternate loadingPulse}@keyframes loadingPulse{0%{opacity:.35;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}.onboarding>section{text-align:center;background:#fcfbfbf0;border:1px solid #dcaec78c;border-radius:24px;width:min(520px,100% - 28px);padding:32px;box-shadow:0 30px 90px #69294c29}.onboarding img{object-fit:cover;object-position:0 0;width:230px;height:170px}.onboarding h1{letter-spacing:-.01em;font-size:34px}.onboarding p{color:var(--secondary);font-size:13px;line-height:1.6}.onboarding-dots{justify-content:center;gap:6px;margin:12px 0;display:flex}.onboarding-dots i{background:var(--border);border-radius:8px;width:7px;height:7px}.onboarding-dots i.active{background:var(--coral);width:26px}.onboarding-benefits{text-align:left;background:var(--rose-100);border-radius:13px;align-items:center;gap:12px;margin:22px 0;padding:14px;display:flex}.onboarding-benefits span{color:#950856;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.onboarding-benefits b{font-size:12px}.onboarding-actions{justify-content:flex-end;gap:9px;display:flex}.onboarding-actions>button:first-child:not(.button){color:var(--secondary);background:0 0;border:0;font-size:11px}.journey-summary{align-items:center;gap:12px;padding:15px 18px;display:flex}.journey-summary>div{flex:1;gap:2px;display:grid}.journey-summary small{color:var(--secondary);font-size:9px}.journey-summary b{font-size:15px}.journey-summary strong{color:#84084c}.journey-map{background:radial-gradient(circle at 20% 20%,#e6872e38,#0000 22%),radial-gradient(circle at 80% 70%,#ec67522b,#0000 25%),linear-gradient(#ffedf7,#f8e7f0);border:1px solid #dcaec773;border-radius:24px;width:min(680px,100%);height:940px;margin:15px auto 0;position:relative;overflow:hidden}.journey-map>svg{width:420px;height:900px;position:absolute;top:20px;left:50%;translate:-50%}.journey-map>svg path{fill:none;stroke:#dd8cb9;stroke-width:38px;stroke-linecap:round;opacity:.55}.journey-node{align-items:center;gap:12px;width:260px;display:flex;position:absolute}.journey-node:first-of-type{top:45px;left:31%}.journey-node:nth-of-type(2){top:155px;left:48%}.journey-node:nth-of-type(3){top:265px;left:30%}.journey-node:nth-of-type(4){top:375px;left:48%}.journey-node:nth-of-type(5){top:490px;left:28%}.journey-node:nth-of-type(6){top:605px;left:47%}.journey-node:nth-of-type(7){top:715px;left:29%}.journey-node:nth-of-type(8){top:825px;left:47%}.journey-node>button{width:72px;height:72px;color:var(--secondary);background:var(--divider);border:8px solid #ffffffb8;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 9px 22px #64284926}.journey-node.completed>button{color:#fff;background:#bd2679}.journey-node.current>button{color:#570733;background:var(--gradient);box-shadow:0 0 0 8px #df58a22e,0 12px 30px #9d236647}.journey-node>div{gap:2px;display:grid}.journey-node small{color:#950b57;font-size:8px;font-weight:800}.journey-node b{font-size:11px}.journey-node em{color:var(--secondary);font-size:8px;font-style:normal}.journey-node img{object-fit:cover;object-position:0 0;width:120px;height:120px;position:absolute;top:-95px;left:-22px}.journey-now{z-index:5;background:#fcfbfbe6;border:1px solid #fffc;border-radius:15px;gap:7px;width:190px;padding:16px;display:grid;position:absolute;top:390px;left:28px;box-shadow:0 16px 36px #59224024}.journey-now small{color:#84084c;font-size:8px;font-weight:800}.journey-now b{font-size:13px}.generation-unavailable{border:1px dashed var(--border);border-radius:12px;gap:4px;margin-top:22px;padding:13px;display:grid}.generation-unavailable b{font-size:10px}.generation-unavailable small{color:var(--secondary);font-size:8px}.generation-unavailable button{height:34px;color:var(--neutral);background:var(--divider);border:0;border-radius:8px;margin-top:7px}.choice-setting{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:14px;min-height:72px;display:flex}.choice-setting>b{font-size:11px}.choice-setting>div{background:#f2edf0;border-radius:9px;padding:3px;display:flex}.choice-setting button{height:31px;color:var(--secondary);background:0 0;border:0;border-radius:7px;padding:0 11px;font-size:9px}.choice-setting button.active{color:#66073b;background:#fff;box-shadow:0 3px 10px #50283e14}html[data-theme=dark]{--surface:#2b111f;--card:#361829;--text:#f8eff4;--secondary:#b69baa;--divider:#4b293c;--border:#61324c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#200b17}html[data-theme=dark] body{color:var(--text);background:radial-gradient(circle at 80% 0,#ec67521a,#0000 27%),#200b17}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:var(--text)}html[data-theme=dark] .panel,html[data-theme=dark] .sidebar,html[data-theme=dark] .mobile-nav,html[data-theme=dark] .studio-toolbar{background:#2b111ff0;border-color:#4b293c}html[data-theme=dark] .primary-nav a.active,html[data-theme=dark] .choice-setting{background:#3e182d}html[data-theme=dark] .white-keys i,html[data-theme=dark] .studio-editor textarea,html[data-theme=dark] .mix-controls select{color:#23101a;background:#e9dfe4}html[data-theme=dark] .training-card,html[data-theme=dark] .metric,html[data-theme=dark] .plan-steps button{background:linear-gradient(145deg,#361728,#29101e)}html[data-theme=dark] .journey-map{background:linear-gradient(#2a0c1c,#2c101f)}@media (width<=780px){body,#root{height:100dvh;overflow:hidden}.app-shell,.app-canvas{height:100dvh;min-height:0}.app-shell{overflow:hidden}.app-canvas{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:88px;overflow-y:hidden}.page{height:100%;min-height:0;padding-bottom:42px;overflow-y:auto}.journey-map{height:920px}.journey-node{width:220px}.journey-node:nth-of-type(odd){left:18%}.journey-node:nth-of-type(2n){left:43%}.journey-now{width:165px;top:410px;left:15px}.onboarding>section{padding:24px 18px}.onboarding h1{font-size:29px}}@media (width<=430px){.journey-node{width:175px}.journey-node:nth-of-type(odd){left:10%}.journey-node:nth-of-type(2n){left:48%}.journey-node>button{width:62px;height:62px}.journey-node b{font-size:9px}.journey-node img{width:100px;height:100px}.journey-now{width:145px;top:400px}.journey-now .button{padding:0 9px;font-size:9px}}html{font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito,system-ui,sans-serif}body,button,input,textarea,select{font-family:inherit}body{font-weight:500}h1,h2,h3,strong,b{font-variation-settings:"wght" 760}.app-canvas{scrollbar-color:#853f6673 transparent;scrollbar-width:thin}.app-canvas::-webkit-scrollbar{width:8px}.app-canvas::-webkit-scrollbar-thumb{background:#853f6659 padding-box padding-box;border:2px solid #0000;border-radius:99px}.panel{box-shadow:inset 0 1px #ffffffd9,0 18px 48px #4f233b12}.piano{isolation:isolate;filter:drop-shadow(0 7px 12px #3f1d3014)}.white-keys{background:#e4dbe0;border:1px solid #d8cbd2;border-radius:9px;overflow:hidden}.white-keys i{background:linear-gradient(#fff 0%,#faf7f9 72%,#f1ebee 100%);border:0;border-right:1px solid #d8ccd3;box-shadow:inset 0 -5px 8px #4f2c3f09}.white-keys i:first-child,.white-keys i:last-child{border-radius:0}.white-keys i.in-range{background:linear-gradient(#fad6ea 0%,#eea9cf 100%);box-shadow:inset 0 -7px 12px #8710511f}.white-keys i.active{background:linear-gradient(#ec8dc1 0%,#d94f9b 100%);position:relative;box-shadow:inset 0 -7px 12px #6e063f29,inset 0 0 0 2px #9c155f}.black-keys i{background:linear-gradient(#45343d 0%,#24161e 78%,#170d12 100%);border:1px solid #23131c;box-shadow:0 4px 5px #00000040,inset 0 1px #ffffff1f}.piano-labels{color:#596a61;font-variant-numeric:tabular-nums;margin-top:7px;font-size:9px;font-weight:700}.journey-map{background:radial-gradient(circle at 16% 14%,#e6872e47,#0000 21%),radial-gradient(circle at 84% 67%,#ec675233,#0000 24%),linear-gradient(#ffeff8 0%,#f7dceb 54%,#f8eaf2 100%);height:680px;box-shadow:inset 0 1px #ffffffe0,0 24px 55px #5b21411a}.journey-map:before,.journey-map:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.journey-map:before{border:38px solid #ec675214;width:210px;height:210px;bottom:55px;left:-90px}.journey-map:after{border:28px solid #e6872e17;width:145px;height:145px;top:110px;right:-58px}.journey-map>svg{width:370px;height:650px;top:14px}.journey-map>svg path{stroke-width:48px;stroke:#d474a9;opacity:.62}.journey-node{gap:10px;width:245px}.journey-node:first-of-type{top:28px}.journey-node:nth-of-type(2){top:106px}.journey-node:nth-of-type(3){top:184px}.journey-node:nth-of-type(4){top:262px}.journey-node:nth-of-type(5){top:340px}.journey-node:nth-of-type(6){top:418px}.journey-node:nth-of-type(7){top:496px}.journey-node:nth-of-type(8){top:574px}.journey-node>button{border-width:7px;width:62px;height:62px}.journey-node>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fcfbfba6;border:1px solid #ffffff9e;border-radius:10px;max-width:158px;padding:6px 8px}.journey-node img{width:92px;height:92px;top:-68px;left:-15px}.journey-now{top:278px}html[data-theme=dark]{--surface:#23101a;--card:#2b1421;--text:#f8f1f5;--secondary:#bbaab3;--neutral:#80958a;--border:#593147;--divider:#48293a;--plum:#e991c1;--rose-50:#2e1322;--rose-100:#39182a;--rose-150:#50203a;--shadow:0 18px 48px #00000038}html[data-theme=dark] body{background:radial-gradient(circle at 82% 2%,#ec67521c,#0000 28%),radial-gradient(circle at 16% 30%,#df58a212,#0000 25%),#1b0812}html[data-theme=dark] .panel{color:var(--text);border-color:var(--divider);background:#23101af5;box-shadow:inset 0 1px #ffffff06,0 18px 48px #0003}html[data-theme=dark] .sidebar,html[data-theme=dark] .mobile-nav{color:var(--text);border-color:var(--divider);background:#1c0913f0}html[data-theme=dark] .primary-nav a,html[data-theme=dark] .mobile-nav a{color:#b09ca7}html[data-theme=dark] .primary-nav a:hover,html[data-theme=dark] .primary-nav a.active,html[data-theme=dark] .mobile-nav a.active{color:#f09bca;background:linear-gradient(120deg,#39172a,#311625)}html[data-theme=dark] .top-search label,html[data-theme=dark] .search-results,html[data-theme=dark] .filter-bar,html[data-theme=dark] .local-badge,html[data-theme=dark] .confirm-dialog,html[data-theme=dark] .lesson-header>button,html[data-theme=dark] .trash-button,html[data-theme=dark] .choice-setting button.active,html[data-theme=dark] .nota-studio__toolbar{color:var(--text);border-color:var(--divider);background:#25101c}html[data-theme=dark] .search-results button:hover,html[data-theme=dark] .filter-bar button.active,html[data-theme=dark] .choice-setting,html[data-theme=dark] .choice-setting button.active{color:#eda1cb;background:#3b192c}html[data-theme=dark] .welcome-note,html[data-theme=dark] .voice-note,html[data-theme=dark] .privacy-note,html[data-theme=dark] .privacy-banner,html[data-theme=dark] .local-card,html[data-theme=dark] .coach-note,html[data-theme=dark] .onboarding-benefits{color:var(--text);background:linear-gradient(135deg,#3c182c,#311223)}html[data-theme=dark] .welcome-note b,html[data-theme=dark] .voice-note p,html[data-theme=dark] .privacy-note small,html[data-theme=dark] .privacy-banner small,html[data-theme=dark] .local-card small,html[data-theme=dark] .coach-note span{color:var(--secondary)}html[data-theme=dark] .training-card,html[data-theme=dark] .metric,html[data-theme=dark] .plan-steps button,html[data-theme=dark] .task-list>button,html[data-theme=dark] .feedback-card,html[data-theme=dark] .range-steps>div,html[data-theme=dark] .range-result-grid>div,html[data-theme=dark] .lesson-goals span,html[data-theme=dark] .session-history li,html[data-theme=dark] .nota-studio__tracks section,html[data-theme=dark] .nota-studio__mix-settings label{color:var(--text);border-color:var(--divider);background:linear-gradient(145deg,#371729,#27101d)}html[data-theme=dark] .task-list>button.done,html[data-theme=dark] .feedback-card.success,html[data-theme=dark] .range-steps .active,html[data-theme=dark] .lesson-goals span.done{color:#f8c3e0;background:#491b34;border-color:#783459}html[data-theme=dark] .recommendations>button,html[data-theme=dark] .session-history li{border-color:var(--divider)}html[data-theme=dark] .recommend-art,html[data-theme=dark] .recommendations button>i,html[data-theme=dark] .section-icon,html[data-theme=dark] .range-intro>span,html[data-theme=dark] .empty-state>span{color:#ed99c7;background:#431a31}html[data-theme=dark] .range-measurement,html[data-theme=dark] .range-pitch-trace{border-color:var(--divider);background:radial-gradient(circle at 72% 18%,#ec675217,#0000 31%),#27101d}html[data-theme=dark] .journey-map{background:radial-gradient(circle at 18% 13%,#e6872e1a,#0000 22%),radial-gradient(circle at 82% 68%,#ec67521f,#0000 26%),linear-gradient(#290c1c,#2e1021);border-color:#572942}html[data-theme=dark] .journey-node>div,html[data-theme=dark] .journey-now{color:var(--text);background:#260d1be0;border-color:#9f5c814d}html[data-theme=dark] .white-keys{background:#35252e;border-color:#586a61}html[data-theme=dark] .white-keys i{color:#23101a;background:linear-gradient(#f5f1f3,#e5dbe1);border-color:#bcc8c1}html[data-theme=dark] .white-keys i.in-range{background:linear-gradient(#efb7d6,#db78ae)}html[data-theme=dark] .range-keyboard,html[data-theme=dark] .signal-meter,html[data-theme=dark] .cent-scale{border-color:var(--divider);background-color:#1a0812}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .nota-studio__project-select select,html[data-theme=dark] .nota-studio__mix-settings select{color:var(--text);border-color:var(--divider);background-color:#27101d}html[data-theme=dark] .nota-studio__sidebar,html[data-theme=dark] .nota-studio__lyric-section,html[data-theme=dark] .nota-studio__transport{color:var(--text);border-color:var(--divider);background:linear-gradient(145deg,#371729,#27101d)}html[data-theme=dark] .nota-studio__future button{color:#a9939f;background:#28121e}html[data-theme=dark] .button-secondary,html[data-theme=dark] .nota-studio__add-sections .button,html[data-theme=dark] .nota-studio__project-actions .button,html[data-theme=dark] .nota-studio__backup .button{color:var(--text);background:#381729;border-color:#593147}html[data-theme=dark] .button-primary:disabled,html[data-theme=dark] .button-secondary:disabled,html[data-theme=dark] .nota-studio button:disabled{color:#84978d;background:#39222f;border-color:#503142}html[data-theme=dark] .onboarding,html[data-theme=dark] .loading-screen{color:var(--text);background:radial-gradient(circle at 50% 30%,#3e172c,#0000 38%),#1b0812}@media (width<=780px){body,#root{width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.app-shell,.app-canvas{width:100%;height:100dvh;min-height:0}.app-canvas{padding-bottom:calc(68px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;position:relative;overflow:hidden}.page,.lesson-page{height:100%;min-height:0;padding-bottom:30px;overflow-y:auto}.mobile-nav{min-height:68px;padding:5px 5px max(5px, env(safe-area-inset-bottom))}.mobile-nav a{gap:2px;min-height:52px;padding:5px 1px;font-size:8px;line-height:1.05}.mobile-nav .icon{width:19px;height:19px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:last-child{grid-column:1/-1}.training-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-card{min-height:210px;padding:14px}.training-card-top>span{border-radius:13px;width:44px;height:44px;font-size:19px}.training-card-top small{align-items:flex-start;font-size:8px}.training-card h2{margin-bottom:5px;font-size:17px;line-height:1.08}.training-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.training-card>button{justify-content:space-between;width:100%;min-height:44px;margin-top:8px;font-size:9px}.journey-map{border-radius:20px;height:625px;margin-top:11px}.journey-map>svg{width:280px;height:605px;top:8px}.journey-node{gap:6px;width:170px}.journey-node:nth-of-type(odd){left:7%}.journey-node:nth-of-type(2n){left:50%}.journey-node:first-of-type{top:25px}.journey-node:nth-of-type(2){top:96px}.journey-node:nth-of-type(3){top:167px}.journey-node:nth-of-type(4){top:238px}.journey-node:nth-of-type(5){top:309px}.journey-node:nth-of-type(6){top:380px}.journey-node:nth-of-type(7){top:451px}.journey-node:nth-of-type(8){top:522px}.journey-node>button{border-width:6px;width:54px;height:54px}.journey-node>div{max-width:110px;padding:4px 6px}.journey-node small{font-size:7px}.journey-node b{font-size:9px;line-height:1.1}.journey-node em{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7px;line-height:1.25;display:-webkit-box;overflow:hidden}.journey-node img{width:74px;height:74px;top:-54px;left:-8px}.journey-now{gap:5px;width:145px;padding:11px;top:515px;left:10px}.journey-now .button{min-height:44px;padding:0 8px;font-size:9px}.button-row,.range-actions,.console-actions{flex-wrap:wrap;min-width:0}}@media (width<=360px){.training-grid{grid-template-columns:1fr}.training-card{min-height:180px}.mobile-nav a{font-size:7px}}@media (width>=960px) and (width<=1199px){.premium-shell{grid-template-columns:13rem minmax(0,1fr)}.premium-sidebar{padding-inline:.75rem}.premium-sidebar .nota-brand{gap:.5rem;padding-inline:.25rem}.premium-sidebar .nota-brand-copy strong{font-size:1.1rem}.premium-sidebar .nota-brand-copy small{font-size:.5rem}.premium-sidebar nav a{gap:.5rem;padding-inline:.625rem}.premium-shell .page{padding-inline:clamp(1rem,2.5vw,2rem)}.premium-shell .dashboard-layout{gap:1rem}}.app-version{z-index:25;color:#765f6b;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #e3c8d4b8;border-radius:999px;padding:5px 9px;position:fixed;bottom:12px;right:14px;box-shadow:0 8px 22px #35152f17}@media (width<=959px){.app-version{bottom:calc(112px + env(safe-area-inset-bottom) + 8px)}}.nota-chip{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--secondary);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:650;transition:background .16s,box-shadow .16s}.nota-chip-selected{color:var(--plum);background:var(--rose-100);border-color:var(--rose);box-shadow:inset 0 0 0 1px var(--rose)}.nota-chip:disabled{opacity:.5}[hidden],.learning-library__example[hidden],.learning-library__terms[hidden],.learning-library__takeaway[hidden],.learning-library__sections[hidden]{display:none!important}.reference-page{flex-direction:column;display:flex;overflow:hidden auto}.reference-page .learning-library{flex-direction:column;flex:none;gap:16px;padding:clamp(16px,2vw,28px);display:flex}.reference-page .learning-library__actions{flex-wrap:wrap;margin-top:auto}.reference-page .learning-library{background:var(--surface);border-color:var(--border)}.reference-page .learning-library__section{background:var(--card);min-height:0}.reference-page .learning-library__header h2{color:var(--text)}.reference-page .learning-library__header p:last-child{color:var(--secondary)}.reference-page .learning-library__header{margin:0}.reading-step{color:var(--secondary);font-size:13px}@media (width<=720px){.reference-page{height:auto;min-height:100%;padding:12px 12px 38px}.reference-page .learning-library{gap:8px;padding:12px}.reference-page .learning-library__sections{grid-template-columns:1fr;gap:8px}.reference-page .learning-library__section{padding:10px}.reference-page .learning-library__section p{margin-bottom:0}.reference-page .learning-library__topics{flex-wrap:wrap;gap:4px}.reference-page .nota-chip{min-height:32px;padding:5px 9px;font-size:12px}.reference-page .learning-library__actions{flex-direction:column;align-items:stretch;gap:6px;display:flex}.reference-page .learning-library__actions>.nota-button{width:100%}.reference-page .learning-library__actions .reading-step{text-align:center;align-self:center}.reference-page .learning-library__topics{flex-shrink:0;overflow:visible}}.premium-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.premium-mobile-nav a{min-width:0;padding-inline:4px}@media (width<=959px){.app-canvas{padding-bottom:calc(112px + env(safe-area-inset-bottom))}}.range-pitch-trace:empty{display:none}.premium-sidebar .sidebar-signout{color:#fff3f7;background:#fff3f70f;border:1px solid #fff3f740}@media (width<=780px){.range-page .page-header-component{gap:4px;margin-bottom:12px}.range-page .range-workbench{padding:14px}.range-page .range-live-header{gap:10px;margin-bottom:12px}.range-page .range-live-header p:last-child{font-size:13px;line-height:1.4}.range-page .range-measurement-layout>aside,.range-page .range-progress[aria-valuenow="0"]{display:none}.range-page .range-result-grid{gap:6px;margin-block:10px}.range-page .range-result-grid>div{padding:8px}.range-page .range-result-grid small{font-size:11px}.range-page .range-result-grid b{font-size:12px}.range-page .measurement-actions{gap:8px;margin-top:10px;padding-top:10px}.range-page .measurement-actions>div:first-child b{display:none}.range-page .measurement-actions>div:first-child small{font-size:12px}.range-page .measurement-actions .button-row{justify-content:stretch;width:100%}.range-page .measurement-actions .button-row button{flex:1;padding-inline:8px}}@media (width<=780px) and (height<=740px){.range-page .page-header-component [data-typography=body],.range-page .range-live-header p:last-child{display:none}.range-page .range-orb{width:44px;height:44px}}.premium-sidebar nav{gap:4px}.premium-sidebar nav a{min-height:40px}.premium-shell{--surface:var(--nota-color-surface);--secondary:var(--nota-color-text-muted);--text:var(--nota-color-text);--border:var(--nota-color-border)}html[data-theme=dark]{--nota-button-foreground:#35152f}.reference-page .learning-library__terms,.reference-page .learning-library__terms dl>div,.reference-page .learning-library__takeaway{background:var(--card)}.training-hub.page{background:var(--nota-color-background);flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;overflow:hidden}.training-hub .training-hub__header{margin-bottom:0}.training-hub .training-hub__tabs,.training-hub .training-hub__filters{flex-shrink:0;margin-bottom:0}.training-hub .training-hub__grid{flex:1;grid-template-columns:1fr;min-height:0}.training-hub__slot{width:100%;min-height:0}.training-hub__slot .training-exercise-card{background:var(--surface);height:100%;min-height:0}.training-hub__slot .training-exercise-card h2{color:var(--text)}.training-hub__slot .training-exercise-card p,.training-hub__slot .training-exercise-card__copy>span,.training-hub__slot .training-exercise-card__top>span{color:var(--secondary)}.training-hub .training-hub__tabs{background:var(--surface)}.training-hub .training-hub__tabs button{color:var(--text)}.training-hub .training-hub__tuner{background:var(--surface);color:var(--text)}.training-hub .training-hub__tuner strong,.training-hub .training-hub__tuner small{color:inherit}.training-hub__slot .training-exercise-card>button{margin-top:auto}.training-hub__paging{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=720px){.training-hub.page{gap:8px;height:100%;padding:12px 12px 40px}.training-hub .training-hub__header{gap:8px}.training-hub .training-hub__header>div>span,.training-hub .training-hub__journey{display:none}.training-hub .training-hub__tuner{margin:0;padding:8px 12px}.training-hub .training-hub__filters{gap:4px}.training-hub .training-hub__filters button{min-height:32px;padding:5px 9px;font-size:12px}.training-hub__slot .training-exercise-card{padding:16px}}