@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#efe9db;background:#13110e;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--stage-900: #13110e;--stage-800: #1e1a14;--stage-700: #282318;--bone: #efe9db;--stone: #a29b8a;--amber: #e0a23e;--amber-deep: #b87e23;--amber-ink: #241a08;--edit-blue: #3b66c4;--clay: #c05b44;--moss: #6f8f5e;--hairline: rgb(239 233 219 / 14%);--paper: #f4ecd9;--paper-edge: #b8ab94;--ink: #0b0a09;--muted-ink: #574f45;--serif: "New York", "Iowan Old Style", Georgia, serif;--ease-out-soft: cubic-bezier(.16, 1, .3, 1)}@keyframes cs-fade-in{0%{opacity:0}}@keyframes cs-rise-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes cs-slide-up{0%{opacity:0;transform:translateY(28px)}}@keyframes cs-play-pulse{0%{box-shadow:0 0 #e0a23e66}70%{box-shadow:0 0 0 9px #e0a23e00}to{box-shadow:0 0 #e0a23e00}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--stage-900)}.auth-screen{display:grid;min-height:100vh;padding:24px;place-items:center;background:radial-gradient(circle at 50% 0%,rgb(224 162 62 / 14%),transparent 42%),var(--stage-900)}.auth-card{width:min(100%,420px);padding:34px;text-align:center;background:var(--stage-800);border:1px solid var(--hairline);border-radius:18px;box-shadow:0 24px 80px #0000007a}.auth-logo{display:grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;color:var(--amber-ink);background:var(--amber);border-radius:15px}.auth-card h1{margin:6px 0 10px;font-family:var(--serif);font-size:28px}.auth-card>p:not(.eyebrow,.form-error){margin:0 auto 22px;color:var(--stone);font-size:14px;line-height:1.55}.auth-card small{display:block;margin-top:18px;color:var(--stone);font-size:11px}.provider-buttons{display:grid;gap:10px}.provider-buttons button{min-height:48px;color:var(--bone);background:var(--stage-700);border:1px solid rgb(239 233 219 / 24%);border-radius:9px;font-weight:750;cursor:pointer}.provider-buttons button:hover{border-color:var(--amber);background:#30291d}.provider-button-apple{display:inline-flex;align-items:center;justify-content:center;gap:9px}.invite-form{display:grid;gap:10px}.auth-card .signed-in-account{padding:10px 12px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:9px;font-size:12px;overflow-wrap:anywhere}.signed-in-account strong{display:block;margin-top:3px;font-weight:700}.invite-form input{min-height:48px;padding:10px 12px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:9px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.auth-signout{margin-top:18px}button,input{font:inherit}button{color:inherit}button{transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,opacity .15s ease-out,transform .12s ease-out}button:focus-visible,input:focus-visible{outline:2px solid var(--edit-blue);outline-offset:2px}.primary-button:active,.new-chart-button:active,.quiet-button:active{transform:scale(.97)}.icon-button:active{transform:scale(.94)}.library-page,.detail-page,.error-banner{animation:cs-fade-in .2s ease-out}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary-button,.quiet-button,.new-chart-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:8px;border:0;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer}.primary-button,.new-chart-button{color:var(--amber-ink);background:var(--amber)}.primary-button:hover,.new-chart-button:hover{background:#e8b158}.quiet-button{color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline)}button:disabled{cursor:default;opacity:.42}.icon-button{display:inline-grid;width:42px;height:42px;padding:0;place-items:center;color:var(--stone);background:transparent;border:0;border-radius:8px;cursor:pointer}.icon-button:hover{color:var(--bone);background:var(--stage-700)}.library-page{min-height:100vh;padding-bottom:env(safe-area-inset-bottom);background:var(--stage-900)}.library-drop-overlay{position:fixed;z-index:90;inset:12px;display:grid;place-items:center;pointer-events:none;background:#1e1a14e0;border:2px dashed var(--amber);border-radius:18px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.library-drop-prompt{display:flex;padding:28px;flex-direction:column;align-items:center;gap:8px;color:var(--bone);text-align:center}.library-drop-prompt svg{margin-bottom:4px;color:var(--amber)}.library-drop-prompt strong{font-family:var(--serif);font-size:22px}.library-drop-prompt span{color:var(--stone);font-size:13px}.app-bar,.detail-toolbar{position:sticky;z-index:20;top:0;display:grid;align-items:center;min-height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:#1e1a14f0;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-bar{grid-template-columns:1fr auto 1fr}.app-bar .icon-button{justify-self:start}.app-bar h1{margin:0;font-family:var(--serif);font-size:23px}.new-chart-button{justify-self:end;min-height:34px;padding:7px 12px;border-radius:999px;font-size:12px}.empty-library{display:flex;width:min(100%,480px);min-height:calc(100vh - 62px);margin:0 auto;padding:64px 36px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-library h2{margin:26px 0 8px;font-family:var(--serif);font-size:21px}.empty-library>p{margin:0 0 24px;color:var(--stone);font-size:15px;line-height:1.55}.empty-chart-glyph{position:relative;display:flex;width:88px;height:114px;padding:44px 10px 10px;flex-direction:column;gap:9px;overflow:hidden;background:var(--paper);border-radius:3px;box-shadow:0 9px 25px #0000008c}.empty-chart-glyph i{display:block;height:2px;background:#0b0a0938}.glyph-key{position:absolute;top:10px;left:10px;width:22px;height:22px;border:1.5px solid var(--ink);border-radius:50%}.glyph-title{position:absolute;top:16px;left:40px;width:36px;height:4px;background:#0b0a0999}.web-privacy-chip{display:flex;gap:6px;align-items:center;margin-top:18px;color:var(--stone);font-size:12px}.library-content{width:min(100%,820px);margin:0 auto;padding:20px 16px 40px}.search-field{display:flex;align-items:center;gap:9px;padding:9px 12px;color:var(--stone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:9px}.search-field input{width:100%;color:var(--bone);background:transparent;border:0;outline:0}.search-field input::placeholder{color:var(--stone)}.section-heading{display:flex;justify-content:space-between;padding:22px 6px 8px;color:var(--stone);font-size:11px;font-weight:800;letter-spacing:.8px}.chart-list{overflow:hidden;background:var(--stage-800);border:1px solid var(--hairline);border-radius:12px}.library-row{display:flex;min-height:76px;border-bottom:1px solid var(--hairline)}.library-row:last-child{border-bottom:0}.library-row-main{display:flex;min-width:0;padding:10px 4px 10px 12px;flex:1;align-items:center;gap:12px;text-align:left;background:transparent;border:0;cursor:pointer}.library-row-main:hover{background:#efe9db0a}.paper-thumbnail{display:grid;width:40px;height:52px;flex:0 0 auto;place-items:center;color:var(--muted-ink);background:var(--paper);border-radius:3px;box-shadow:0 2px 5px #00000073}.library-copy,.library-meta{display:flex;flex-direction:column;gap:4px}.library-copy{min-width:0;flex:1}.library-copy strong,.library-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-copy strong{font-size:14px}.library-copy small,.library-meta small{color:var(--stone);font-size:11px}.library-meta{flex:0 0 auto;align-items:flex-end}.library-meta strong{font-family:var(--serif)}.delete-button{width:44px;color:var(--stone);background:transparent;border:0;cursor:pointer}.delete-button:hover{color:var(--clay)}.library-footnote{display:flex;gap:7px;margin:12px 6px;align-items:flex-start;color:var(--stone);font-size:12px;line-height:1.4}.modal-backdrop,.analysis-backdrop,.editor-backdrop{position:fixed;z-index:100;inset:0;display:grid;padding:20px;place-items:center;background:#0000009e;animation:cs-fade-in .16s ease-out}.sheet{width:min(100%,560px);max-height:calc(100vh - 40px);overflow-y:auto;padding:20px;background:var(--stage-800);border:1px solid var(--hairline);border-radius:16px;box-shadow:0 24px 80px #0000008c;animation:cs-rise-in .2s var(--ease-out-soft)}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.sheet-header h2{margin:2px 0 0;font-family:var(--serif)}.settings-list{display:grid;margin:0;gap:10px}.settings-item{display:grid;padding:13px;grid-template-columns:24px 1fr;align-items:start;gap:10px;color:var(--stone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:10px}.settings-item svg{color:var(--amber)}.settings-item strong,.settings-item span{display:block}.settings-item strong{margin-bottom:3px;color:var(--bone);font-size:13px}.settings-item span{font-size:12px;line-height:1.45}.account-provider-list{display:grid;margin-top:11px;gap:7px}.account-provider{display:flex;min-height:44px;padding:7px 8px 7px 10px;align-items:center;justify-content:space-between;gap:10px;background:var(--stage-800);border:1px solid var(--hairline);border-radius:8px}.settings-item .account-provider-name{display:inline-flex;align-items:center;gap:8px;color:var(--bone);font-weight:700}.account-provider-name svg{width:15px;color:var(--bone)}.google-provider-mark{display:inline-grid;width:15px;height:15px;place-items:center;color:var(--bone);font-size:13px;font-weight:850}.account-provider-button{min-height:32px;padding:5px 9px;font-size:11px}.account-provider-button:disabled{opacity:.72}.settings-item .account-relay-note{margin-top:9px;color:var(--stone);font-size:10px}.settings-item .account-connection-error{margin-top:9px;color:#ffb9aa}.settings-footer{margin:14px 2px 0;color:var(--stone);font-size:11px;line-height:1.45}.eyebrow,.editor-context{margin:0;color:var(--amber);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;letter-spacing:1px}.source-tabs{display:grid;margin:-4px 0 16px;padding:3px;grid-template-columns:1fr 1fr;gap:3px;background:var(--stage-700);border:1px solid var(--hairline);border-radius:10px}.source-tabs button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;color:var(--stone);background:transparent;border:0;border-radius:7px;font-size:13px;font-weight:750;cursor:pointer}.source-tabs button.active{color:var(--bone);background:var(--stage-800);box-shadow:0 1px 5px #00000059}.file-well{display:flex;width:100%;min-height:124px;margin-bottom:16px;padding:20px;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--stone);background:var(--stage-700);border:1px dashed rgb(239 233 219 / 25%);border-radius:12px;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease}.file-well.has-file,.file-well.is-dragging{color:var(--bone);border-color:var(--amber)}.file-well.is-dragging{background:#d9a4411f;border-style:solid;transform:scale(1.01)}.file-well-title{max-width:100%;overflow:hidden;color:var(--bone);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.file-well span:last-child{font-size:12px}.youtube-field{display:flex;margin-bottom:16px;flex-direction:column;gap:7px;color:var(--stone);font-size:12px;font-weight:700}.youtube-field>div{display:flex;min-height:50px;padding:0 13px;align-items:center;gap:9px;color:var(--amber);background:var(--stage-700);border:1px solid var(--hairline);border-radius:10px}.youtube-field input{min-width:0;padding:12px 0;flex:1;color:var(--bone);background:transparent;border:0}.youtube-field small{color:var(--stone);font-weight:500;line-height:1.45}.youtube-import{margin-bottom:16px}.youtube-import .youtube-field{margin-bottom:10px}.youtube-search-control button{min-height:34px;padding:7px 11px;color:var(--amber-ink);background:var(--amber);border:0;border-radius:7px;font-size:12px;font-weight:800;cursor:pointer}.youtube-search-control button:disabled{cursor:wait;opacity:.72}.youtube-results{display:grid;max-height:286px;margin:0 0 9px;overflow-y:auto;gap:6px}.youtube-results>button{display:grid;width:100%;min-height:70px;padding:6px;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--stone);text-align:left;background:var(--stage-700);border:1px solid var(--hairline);border-radius:9px;cursor:pointer}.youtube-results>button:hover,.youtube-results>button.selected{color:var(--bone);border-color:var(--amber)}.youtube-results img{display:block;width:96px;aspect-ratio:16 / 9;object-fit:cover;background:var(--stage-900);border-radius:6px}.youtube-results>button>span{min-width:0}.youtube-results strong,.youtube-results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-results strong{color:var(--bone);font-size:12px}.youtube-results small{margin-top:5px;color:var(--stone);font-size:10px}.youtube-results svg{color:var(--amber)}.youtube-result-action{color:var(--amber);font-size:10px;font-weight:800;text-transform:uppercase}.youtube-selection{display:grid;min-height:88px;padding:8px;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:11px;background:var(--stage-700);border:1px solid var(--amber);border-radius:11px}.youtube-selection>img{display:block;width:116px;aspect-ratio:16 / 9;object-fit:cover;background:var(--stage-900);border-radius:7px}.youtube-selection>span{min-width:0}.youtube-selection small,.youtube-selection strong,.youtube-selection>span>span{display:block}.youtube-selection small{display:flex;margin-bottom:4px;align-items:center;gap:4px;color:var(--amber);font-size:9px;font-weight:850;letter-spacing:.5px}.youtube-selection strong,.youtube-selection>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-selection strong{color:var(--bone);font-size:13px}.youtube-selection>span>span{margin-top:5px;color:var(--stone);font-size:10px}.youtube-selection>button{min-height:36px;padding:7px 9px;color:var(--bone);background:var(--stage-800);border:1px solid var(--hairline);border-radius:7px;font-size:11px;font-weight:750;cursor:pointer}.youtube-mode-toggle{display:inline-flex;min-height:32px;padding:4px 0;align-items:center;gap:6px;color:var(--stone);background:transparent;border:0;font-size:11px;font-weight:700;cursor:pointer}.youtube-mode-toggle:hover{color:var(--bone)}.youtube-beta-note{display:block;margin-top:5px;color:var(--stone);font-size:11px;line-height:1.45}.youtube-search-error{margin:0 0 4px;color:#f29a86;font-size:11px;line-height:1.4}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-grid label,.full-field,.editor-token-field,.section-field{display:flex;flex-direction:column;gap:6px;color:var(--stone);font-size:12px;font-weight:700}.field-grid input,.full-field input,.editor-token-field input,.section-field input{width:100%;min-height:42px;padding:9px 11px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:8px}.full-field{margin-top:12px}.privacy-note{display:flex;margin:16px 0 12px;padding:12px;align-items:flex-start;gap:9px;color:var(--stone);background:#6f8f5e1a;border:1px solid rgb(111 143 94 / 35%);border-radius:10px;font-size:12px;line-height:1.45}.privacy-note svg{flex:0 0 auto;color:var(--moss)}.privacy-note p{margin:0}.consent-row{display:flex;padding:12px;gap:10px;align-items:flex-start;color:var(--stone);background:var(--stage-700);border-radius:10px;font-size:12px;line-height:1.45;cursor:pointer}.consent-row input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--amber)}.consent-row strong{display:flex;margin-bottom:2px;gap:5px;align-items:center;color:var(--bone)}.turnstile-container{min-height:65px;margin-top:12px}.form-error{margin:12px 0;color:#f29a86;font-size:13px}.full-button{width:100%;margin-top:16px}.analysis-card{width:min(100%,440px);padding:20px;background:var(--stage-800);border:1px solid var(--hairline);border-radius:16px;box-shadow:0 24px 80px #0000008c;animation:cs-rise-in .2s var(--ease-out-soft)}.analysis-song{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-rail{display:grid;margin:18px 0;grid-template-columns:repeat(4,1fr);gap:8px}.stage{display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;color:var(--stone);font-size:10px;font-weight:700}.stage span{display:grid;width:22px;height:22px;place-items:center;background:var(--stage-700);border:1px solid var(--hairline);border-radius:50%}.stage.active{color:var(--bone)}.stage.active span{color:var(--amber-ink);background:var(--amber);border-color:var(--amber)}.progress-track{height:4px;overflow:hidden;background:var(--stage-700);border-radius:99px}.progress-track span{display:block;height:100%;background:var(--amber);transition:width .22s ease-out}.analysis-status{display:flex;margin-top:12px;align-items:center;justify-content:space-between;gap:12px;color:var(--stone);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.analysis-status .quiet-button{min-height:36px;padding:7px 12px;font-family:inherit}.detail-page{min-height:100vh;padding-bottom:112px;background:var(--stage-900)}.detail-toolbar{grid-template-columns:1fr auto 1fr}.detail-toolbar>.icon-button{justify-self:start}.toolbar-actions{display:flex;justify-self:end}.segmented-control{display:flex;padding:3px;background:var(--stage-700);border:1px solid var(--hairline);border-radius:9px}.segmented-control button{min-width:72px;padding:7px 10px;color:var(--stone);background:transparent;border:0;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.segmented-control button.active{color:var(--bone);background:var(--stage-800);box-shadow:0 1px 4px #00000059}.chart-stage{width:100%;padding:26px max(12px,3vw) 34px}.mock-banner{width:min(100%,800px);margin:0 auto 10px;padding:7px 10px;color:#ffd7ce;background:#c05b442e;border:1px solid rgb(192 91 68 / 50%);border-radius:7px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;letter-spacing:.6px}.chart-paper{display:flex;width:min(100%,760px);margin:0 auto;flex-direction:column;gap:24px;touch-action:pan-x pan-y pinch-zoom}.chart-page{display:block;width:100%;height:auto;overflow:visible;color:var(--ink);background:var(--paper);border-radius:2px;box-shadow:0 15px 40px #0000008c}.paper-fill{fill:var(--paper)}.paper-edge{fill:none;stroke:var(--paper-edge);stroke-width:1}.chart-page text{fill:var(--ink);font-family:var(--serif)}.key-stamp-ring{fill:none;stroke:var(--ink);stroke-width:1.2}.key-stamp-text{font-size:21px}.paper-title-text{font-size:22px;font-weight:700}.paper-artist-text{fill:var(--muted-ink)!important;font-size:10.5px;font-weight:600}.paper-meter-text{font-size:12px;font-weight:700}.paper-tempo-text{fill:var(--muted-ink)!important;font-size:8.5px;font-weight:600}.chart-divider,.chart-section-boundary{stroke:var(--ink);stroke-width:1.2}.chart-section-label{font-size:12.4px;font-weight:600;pointer-events:none}.chart-section-label-control{outline:none;cursor:grab;touch-action:none}.chart-section-label-control:active,.chart-section-label-control.dragging{cursor:grabbing}.chart-section-label-hit{fill:transparent;stroke:transparent;stroke-width:1}.chart-section-label-control:hover .chart-section-label-hit,.chart-section-label-control:focus-visible .chart-section-label-hit,.chart-section-label-control.dragging .chart-section-label-hit{fill:#3b66c414;stroke:#3b66c4b3}.chart-section-label-control.dragging .chart-section-label{fill:#3b66c4!important}.chart-bar{cursor:pointer;outline:none}.bar-hit{fill:transparent;pointer-events:all}.bar-highlight{fill:transparent;pointer-events:none;stroke:transparent;stroke-width:1.4;transition:fill .15s ease-out,stroke .15s ease-out}.chart-bar:hover .bar-highlight{fill:#3b66c412}.chart-bar:focus-visible .bar-highlight,.chart-bar.selected .bar-highlight{stroke:#3b66c4cc}.chart-bar.playing .bar-highlight{fill:#c05b4433;stroke:#c05b44d1;stroke-width:.8}.chart-bar.section-drop-target .bar-highlight{fill:#3b66c429;stroke:#3b66c4e5;stroke-dasharray:3 2}.bar-token-line,.bar-empty{font-weight:600;pointer-events:none}.bar-empty{fill:var(--muted-ink)!important;font-size:28.5px}.chart-token-part,.chart-token-root{dominant-baseline:alphabetic}.chart-split-underline{stroke:var(--ink);stroke-width:1}.chart-beat-dot{fill:var(--ink)}.chart-key-change rect{fill:none;stroke:var(--ink);stroke-width:1.1}.chart-key-change text{font-size:11.2px;font-weight:700}.chart-key-change .chart-key-change-tag{fill:var(--muted-ink)!important;font-size:6.5px}.chart-page-number{fill:var(--muted-ink)!important;font-size:7px;font-weight:600}.feedback-panel{display:flex;width:min(calc(100% - 32px),800px);margin:0 auto 22px;padding:14px;flex-wrap:wrap;align-items:center;gap:12px;background:var(--stage-800);border:1px solid var(--hairline);border-radius:12px}.feedback-panel>div:first-child{display:flex;min-width:190px;flex:1;flex-direction:column;gap:3px}.feedback-panel span,.feedback-panel p{color:var(--stone);font-size:11px}.feedback-buttons{display:flex;gap:6px}.feedback-buttons button{display:flex;min-height:36px;padding:8px 10px;align-items:center;gap:5px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:7px;font-size:12px;cursor:pointer}.feedback-panel p{width:100%;margin:0}.text-button{padding:0;color:var(--stone);background:transparent;border:0;font-size:11px;text-decoration:underline;cursor:pointer}.playback-transport{position:fixed;z-index:30;right:0;bottom:0;left:0;padding:8px 16px calc(10px + env(safe-area-inset-bottom));background:#1e1a14f7;border-top:1px solid var(--hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.youtube-playback{width:min(calc(100% - 24px),760px);margin:0 auto 22px;overflow:hidden;background:var(--stage-800);border:1px solid var(--hairline);border-radius:12px}.youtube-playback iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.youtube-player-host{min-height:200px;background:#000}.youtube-playback-footer{display:flex;min-height:42px;padding-left:14px;align-items:center;justify-content:space-between;gap:12px}.youtube-playback-footer span{color:var(--stone);font-size:11px}.youtube-playback a{display:flex;min-height:42px;padding:10px 14px;align-items:center;justify-content:flex-end;gap:6px;color:var(--stone);font-size:12px;font-weight:700;text-decoration:none}.youtube-playback a:hover{color:var(--bone)}.playback-transport>input{-webkit-appearance:none;appearance:none;display:block;width:min(100%,800px);height:18px;margin:0 auto;background:linear-gradient(to right,var(--amber) 0%,var(--amber) var(--seek-fill, 0%),var(--stage-700) var(--seek-fill, 0%),var(--stage-700) 100%) center / 100% 4px no-repeat;border-radius:99px;cursor:pointer}.playback-transport>input::-webkit-slider-runnable-track{height:18px;background:transparent}.playback-transport>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:2px;background:var(--amber);border:0;border-radius:50%;box-shadow:0 1px 4px #0000007f;transition:transform .12s ease-out}.playback-transport>input:active::-webkit-slider-thumb{transform:scale(1.25)}.playback-transport>input::-moz-range-track{height:4px;background:var(--stage-700);border-radius:99px}.playback-transport>input::-moz-range-progress{height:4px;background:var(--amber);border-radius:99px}.playback-transport>input::-moz-range-thumb{width:14px;height:14px;background:var(--amber);border:0;border-radius:50%;box-shadow:0 1px 4px #0000007f}.play-button:active:not(:disabled){transform:scale(.92)}.play-button.playing{animation:cs-play-pulse 1.8s ease-out infinite}.transport-row{display:grid;width:min(100%,800px);margin:2px auto 0;grid-template-columns:42px 50px 1fr 50px;align-items:center;gap:8px;color:var(--stone);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.transport-row strong{overflow:hidden;color:var(--bone);text-align:center;text-overflow:ellipsis;white-space:nowrap}.transport-row>span:last-child{text-align:right}.play-button{display:grid;width:40px;height:40px;padding:0;place-items:center;color:var(--amber-ink);background:var(--amber);border:0;border-radius:50%;cursor:pointer}.play-button:disabled,.playback-transport>input:disabled{cursor:wait;opacity:.48}.editor-backdrop{z-index:110;padding:0;place-items:end center}.bar-editor{width:min(100%,620px);padding:14px 14px calc(14px + env(safe-area-inset-bottom));background:var(--stage-800);border:1px solid var(--hairline);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -20px 70px #0000007f;animation:cs-slide-up .22s var(--ease-out-soft)}.editor-context{display:flex;margin-bottom:10px;justify-content:space-between}.editor-token-field input{color:var(--ink);background:var(--paper);border-color:var(--paper-edge);font-family:var(--serif);font-size:21px;font-weight:700}.keypad-row{display:grid;margin-top:7px;gap:6px}.keypad-row.numbers{grid-template-columns:repeat(7,1fr)}.keypad-row.qualities{grid-template-columns:repeat(6,1fr)}.keypad-row.controls{grid-template-columns:repeat(4,1fr)}.keypad-row button{min-width:0;min-height:44px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:8px;font-weight:700;cursor:pointer}.keypad-row.numbers button{color:var(--amber-ink);background:var(--amber);border-color:var(--amber);font-family:var(--serif);font-size:19px}.section-field{margin-top:10px}.new-section-button{width:100%;min-height:42px;margin-top:10px;color:var(--bone);background:transparent;border:1px dashed rgb(224 162 62 / 65%);border-radius:8px;font-size:12px;font-weight:750;cursor:pointer}.new-section-button:hover{color:var(--amber);background:#e0a23e14}.section-editor{width:min(100%,500px);padding:18px 18px calc(18px + env(safe-area-inset-bottom));background:var(--stage-800);border:1px solid var(--hairline);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -20px 70px #0000007f}.section-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-editor-header h2{margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:20px}.section-boundary-controls{display:grid;margin-top:14px;padding:12px;gap:9px;background:var(--stage-700);border:1px solid var(--hairline);border-radius:9px}.section-boundary-controls>span,.section-boundary-controls>div{display:flex;align-items:center}.section-boundary-controls>span{gap:6px;color:var(--bone);font-size:12px;font-weight:750}.section-boundary-controls>div{gap:8px}.section-boundary-controls button{display:inline-flex;min-height:38px;flex:1;align-items:center;justify-content:center;gap:6px}.section-boundary-controls small{color:var(--stone);font-size:10px;line-height:1.4}.editor-actions{display:flex;margin-top:12px;justify-content:flex-end;gap:8px}.chart-settings-backdrop{place-items:center;padding:18px}.chart-settings-dialog{width:min(100%,640px);max-height:min(88vh,820px);overflow:hidden auto;color:var(--bone);background:var(--stage-800);border:1px solid var(--hairline);border-radius:16px;box-shadow:0 24px 80px #00000094;animation:cs-rise-in .2s var(--ease-out-soft)}.chart-settings-header{position:sticky;z-index:2;top:0;display:grid;min-height:64px;padding:10px 12px;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;background:color-mix(in srgb,var(--stage-800) 96%,transparent);border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chart-settings-header>div{display:flex;min-width:0;flex-direction:column;align-items:center;gap:2px;text-align:center}.chart-settings-header strong{font-family:var(--serif);font-size:19px}.chart-settings-header span{color:var(--stone);font-size:10px}.settings-header-spacer{width:42px}.chart-settings-form,.key-adjuster{display:grid;padding:18px;gap:16px}.chart-settings-form fieldset{display:grid;margin:0;padding:0;overflow:hidden;background:var(--stage-700);border:1px solid var(--hairline);border-radius:11px}.chart-settings-form legend{margin:0 0 7px 2px;padding:0;color:var(--stone);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.chart-settings-form label,.settings-key-row{display:grid;width:100%;min-height:52px;padding:8px 12px;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;color:var(--bone);background:transparent;border:0;border-bottom:1px solid var(--hairline);font:inherit}.chart-settings-form fieldset>:last-child{border-bottom:0}.chart-settings-form label>span,.settings-key-row>span:first-child{color:var(--stone);font-size:12px;font-weight:700}.chart-settings-form input{width:100%;min-height:36px;padding:7px 9px;color:var(--bone);background:var(--stage-800);border:1px solid var(--hairline);border-radius:7px;text-align:right}.settings-key-row{grid-template-columns:minmax(80px,.6fr) minmax(0,1fr) auto;cursor:pointer;text-align:left}.settings-key-row strong{font-family:var(--serif);font-size:17px;text-align:right}.settings-key-row>span:last-child{color:var(--amber);font-size:11px;font-weight:800}.current-key-summary{display:flex;align-items:center;gap:13px}.current-key-disc{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;font-family:var(--serif);font-size:19px;font-weight:750;border:2px solid var(--bone);border-radius:50%}.current-key-summary>div{display:flex;min-width:0;flex-direction:column;gap:3px}.current-key-summary span:not(.current-key-disc){color:var(--stone);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.current-key-summary strong{overflow:hidden;font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap}.key-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.key-picker-grid button{min-width:0;min-height:42px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:8px;font-family:var(--serif);font-size:16px;font-weight:750;cursor:pointer}.key-picker-grid button.current{color:var(--amber);border-color:#d9a4419e}.key-picker-grid button.selected{color:var(--amber-ink);background:var(--amber);border-color:var(--amber)}.key-operation-list{display:grid;gap:10px}.key-operation-card{display:grid;width:100%;min-height:108px;padding:12px;grid-template-columns:30px minmax(150px,1fr) auto 24px;align-items:center;gap:11px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:11px;cursor:pointer;text-align:left}.key-operation-card:hover{border-color:#d9a4418c;transform:translateY(-1px)}.key-operation-card.warning{border-color:#c05b4459}.key-operation-icon,.key-operation-audio{display:grid;place-items:center;color:var(--amber)}.key-operation-audio{color:var(--stone)}.key-operation-icon svg,.key-operation-audio svg{width:19px}.key-operation-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.key-operation-copy strong{font-family:var(--serif);font-size:15px}.key-operation-copy small{color:var(--stone);font-size:10px;line-height:1.35}.key-operation-preview{display:flex;overflow:hidden;background:var(--paper);border:1px solid var(--paper-edge);border-radius:5px}.key-operation-preview>span{display:flex;min-width:43px;padding:6px 8px;flex-direction:column;align-items:center;color:var(--ink);border-right:1px solid var(--paper-edge);font-family:var(--serif)}.key-operation-preview>span:last-child{border-right:0}.key-operation-preview b{font-size:18px}.key-operation-preview small{font-size:9px;font-weight:750}.key-operation-preview .changed{color:#9a5d05}.error-banner{position:fixed;z-index:200;top:calc(12px + env(safe-area-inset-top));left:50%;display:flex;width:min(calc(100% - 24px),520px);padding:12px 14px;align-items:center;justify-content:space-between;gap:12px;color:#ffd7ce;background:#51291f;border:1px solid var(--clay);border-radius:10px;box-shadow:0 8px 30px #0000007f;transform:translate(-50%)}.error-banner button{color:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer}.boot-screen,.not-found{display:flex;min-height:100vh;padding:30px;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--stone);text-align:center}.brand-mark{display:grid;width:58px;height:58px;place-items:center;color:var(--amber-ink);background:var(--amber);border-radius:14px;font-family:var(--serif);font-size:23px;font-weight:900}@media(max-width:620px){.field-grid{grid-template-columns:1fr}.modal-backdrop{padding:0;place-items:end center}.sheet{max-height:94vh;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.detail-toolbar{padding-right:8px;padding-left:8px}.toolbar-actions .icon-button{width:32px}.segmented-control button{min-width:45px;padding-right:5px;padding-left:5px;font-size:11px}.chart-settings-backdrop{padding:0;place-items:end center}.chart-settings-dialog{max-height:94vh;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.chart-settings-form,.key-adjuster{padding:14px}.chart-settings-form label,.settings-key-row{grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr)}.settings-key-row{grid-template-columns:minmax(60px,.5fr) minmax(0,1fr) auto}.key-picker-grid{gap:6px}.key-picker-grid button{min-height:39px;font-size:14px}.key-operation-card{grid-template-columns:26px minmax(0,1fr) 22px}.key-operation-preview{grid-column:2 / 4}.chart-stage{padding:10px 5px 26px}.chart-paper{gap:12px}.feedback-panel{width:calc(100% - 20px)}.feedback-buttons{width:100%}.feedback-buttons button{flex:1;justify-content:center}.youtube-playback-footer{padding:10px 12px;flex-direction:column;align-items:stretch}.youtube-playback a{min-height:32px;padding:0;justify-content:flex-start}.analysis-backdrop{padding:18px}.analysis-status{align-items:flex-start}.youtube-selection{grid-template-columns:96px minmax(0,1fr)}.youtube-selection>img{width:96px}.youtube-selection>button{grid-column:1 / -1}}@media print{@page{margin:.35in;size:letter portrait}:root,body,#root,.detail-page,.chart-stage{background:#fff}.no-print,.editor-backdrop{display:none!important}.detail-page,.chart-stage{min-height:0;padding:0}.chart-paper{width:100%;gap:0}.chart-page{break-after:page;box-shadow:none}.chart-page:last-child{break-after:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-legal-links a,.settings-footer a,.public-page a{color:var(--amber);text-underline-offset:3px}.report-problem-link{display:inline-flex;margin-top:2px;color:var(--stone);text-decoration:underline;text-underline-offset:3px}.analysis-warning{margin:12px 0 0;padding:9px 10px;color:#f2c77f;background:#e0a23e17;border:1px solid rgb(224 162 62 / 24%);border-radius:8px;font-size:11px;line-height:1.45}.failure-sheet{width:min(100%,470px)}.failure-copy{padding:18px;color:#f2c77f;background:#e0a23e14;border:1px solid rgb(224 162 62 / 22%);border-radius:11px}.failure-copy p{margin:10px 0 8px;color:var(--bone);line-height:1.55}.failure-copy small{color:var(--stone);overflow-wrap:anywhere}.failure-actions{display:flex;margin-top:16px;justify-content:flex-end;gap:10px}.failure-actions .quiet-button{display:inline-flex;min-height:42px;padding:9px 13px;align-items:center;text-decoration:none}.public-page{min-height:100vh;color:var(--bone);background:radial-gradient(circle at 50% -10%,rgb(224 162 62 / 13%),transparent 36rem),var(--stage-900)}.public-nav{display:flex;width:min(100% - 32px,1040px);min-height:72px;margin:0 auto;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--hairline)}.public-nav a{color:var(--stone);font-size:13px;font-weight:700;text-decoration:none}.public-nav>div{display:flex;align-items:center;gap:22px}.public-nav .public-brand{display:inline-flex;align-items:center;gap:10px;color:var(--bone);font-family:New York,Iowan Old Style,Georgia,serif;font-size:19px}.public-brand>span{display:grid;width:34px;height:34px;place-items:center;color:var(--amber-ink);background:var(--amber);border-radius:9px}.public-nav .public-app-link{padding:9px 13px;color:var(--amber-ink);background:var(--amber);border-radius:8px}.public-hero{width:min(100% - 32px,820px);margin:0 auto;padding:78px 0 42px;text-align:center}.public-hero.compact{padding-top:58px}.public-hero h1{margin:7px 0 14px;font-family:New York,Iowan Old Style,Georgia,serif;font-size:clamp(34px,7vw,54px);line-height:1.04}.public-hero>p:not(.eyebrow,.legal-date){max-width:650px;margin:0 auto;color:var(--stone);font-size:16px;line-height:1.65}.legal-date{margin:0;color:var(--stone);font-size:13px}.public-card{padding:26px;background:var(--stage-800);border:1px solid var(--hairline);border-radius:16px;box-shadow:0 20px 60px #0003}.public-card h2{margin:7px 0 10px;font-family:New York,Iowan Old Style,Georgia,serif;font-size:22px}.public-card p{color:var(--stone);line-height:1.6}.support-layout{display:grid;width:min(100% - 32px,980px);margin:0 auto 72px;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:start;gap:20px}.support-card{min-height:500px}.support-aside{display:grid;gap:20px}.support-form{display:grid;gap:15px}.support-form h2{margin:0 0 4px;font-family:New York,Iowan Old Style,Georgia,serif;font-size:25px}.support-form label{display:grid;gap:7px;color:var(--stone);font-size:12px;font-weight:750}.support-form input,.support-form select,.support-form textarea{width:100%;padding:11px 12px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:8px;font:inherit}.support-form textarea{min-height:140px;resize:vertical}.support-form input:focus-visible,.support-form select:focus-visible,.support-form textarea:focus-visible{outline:2px solid var(--edit-blue);outline-offset:2px}.support-form .primary-button{width:fit-content}.support-form small{display:flex;align-items:center;gap:6px;color:var(--stone)}.job-reference{margin:0;padding:10px 12px;overflow-wrap:anywhere;color:var(--stone);background:#e0a23e12;border:1px solid rgb(224 162 62 / 24%);border-radius:8px;font-size:11px}.support-success{display:grid;min-height:440px;place-content:center;justify-items:center;text-align:center}.support-success>svg{color:var(--moss)}.support-success h2{margin:15px 0 4px;font-family:New York,Iowan Old Style,Georgia,serif;font-size:28px}.support-success .primary-button{margin-top:12px;text-decoration:none}.faq-list details{padding:13px 0;border-top:1px solid var(--hairline)}.faq-list summary{color:var(--bone);font-size:13px;font-weight:750;cursor:pointer}.faq-list details p{margin-bottom:0;font-size:13px}.legal-content{width:min(100% - 32px,800px);margin:0 auto 80px}.legal-content .public-hero{width:100%;padding-bottom:36px}.legal-content>section{padding:24px 0;border-top:1px solid var(--hairline)}.legal-content h2{margin:0 0 10px;font-family:New York,Iowan Old Style,Georgia,serif;font-size:23px}.legal-content p{margin:9px 0;color:var(--stone);font-size:14px;line-height:1.75}.public-footer{display:flex;width:min(100% - 32px,1040px);min-height:96px;margin:0 auto;align-items:center;justify-content:space-between;gap:20px;color:var(--stone);border-top:1px solid var(--hairline);font-size:11px}@media(max-width:700px){.public-nav{min-height:64px}.public-nav>div>a:not(.public-app-link){display:none}.public-hero,.public-hero.compact{padding-top:44px}.support-layout{grid-template-columns:1fr}.public-card{padding:20px}.public-footer{padding:24px 0;flex-direction:column;align-items:flex-start}}