@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:var(--font-ui);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;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-body: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-display: 38px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--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{font-size:var(--text-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:var(--radius-lg);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:var(--radius-lg)}.auth-card h1{margin:6px 0 10px;font-family:var(--font-ui);font-size:var(--text-3xl)}.auth-card>p:not(.eyebrow,.form-error){margin:0 auto 22px;color:var(--stone);font-size:var(--text-md);line-height:1.55}.auth-card small{display:block;margin-top:18px;color:var(--stone);font-size:var(--text-xs)}.account-setup{width:min(100%,540px);text-align:left}.account-terms{margin:20px 0}.account-setup a{color:var(--amber)}.account-setup .primary-button{width:100%}.provider-buttons{display:grid;gap:10px}.provider-buttons button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;color:var(--bone);background:var(--stage-700);border:1px solid rgb(239 233 219 / 24%);border-radius:var(--radius-sm);font-weight:750;cursor:pointer}.provider-buttons button:hover{border-color:var(--amber);background:#30291d}.provider-buttons .provider-button-google{background:#131314;border-color:#8e918f}.provider-buttons .provider-button-google:hover{background:#131314;border-color:#a7abae}.provider-buttons .provider-button-apple{background:#000;border-color:#86868b}.provider-buttons .provider-button-apple:hover{background:#000;border-color:#9f9fa4}.provider-logo{display:block;flex:0 0 auto;object-fit:contain}.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:var(--radius-sm);font-size:var(--text-sm);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:var(--radius-sm);text-align:center;font-family:var(--font-ui)}.auth-signout{margin-top:18px}button,input{font:inherit}button{color:inherit}button,a,[role=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,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--amber);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:44px;border-radius:var(--radius-sm);border:0;padding:10px 18px;font-size:var(--text-md);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:var(--radius-sm);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:var(--radius-lg);-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(--font-ui);font-size:var(--text-xl)}.library-drop-prompt span{color:var(--stone);font-size:var(--text-md)}.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(--font-ui);font-size:var(--text-2xl)}.new-chart-button{justify-self:end;min-height:44px;padding:7px 12px;border-radius:999px;font-size:var(--text-sm)}.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(--font-ui);font-size:var(--text-xl)}.empty-library>p{margin:0 0 24px;color:var(--stone);font-size:var(--text-body);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:var(--radius-xs);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:var(--text-sm)}.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:var(--radius-sm)}.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:var(--text-xs);font-weight:800;letter-spacing:.8px}.chart-list{overflow:hidden;background:var(--stage-800);border:1px solid var(--hairline);border-radius:var(--radius-md)}.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}.library-artwork{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--stage-800);color:var(--muted-ink)}.library-artwork img{display:block;width:100%;height:100%;object-fit:cover}.paper-thumbnail{display:block;width:40px;height:52px;flex:0 0 auto;color:var(--muted-ink);background:var(--paper);border-radius:var(--radius-xs);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:var(--text-md)}.library-copy small,.library-meta small{color:var(--stone);font-size:var(--text-xs)}.library-meta{flex:0 0 auto;align-items:flex-end}.library-meta strong{font-family:var(--font-ui)}.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:var(--text-sm);line-height:1.4}.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:var(--radius-lg);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(--font-ui)}.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:var(--radius-md)}.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:var(--text-md)}.settings-item span{font-size:var(--text-sm);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:var(--radius-sm)}.settings-item .account-provider-name{display:inline-flex;align-items:center;gap:8px;color:var(--bone);font-weight:700}.account-provider-name .provider-logo{max-width:18px}.account-provider-button{min-height:44px;padding:5px 9px;font-size:var(--text-xs)}.account-provider-button:disabled{opacity:.72}.settings-item .account-relay-note{margin-top:9px;color:var(--stone);font-size:var(--text-xs)}.settings-item .account-connection-error{margin-top:9px;color:#ffb9aa}.settings-delete-account{margin-top:20px;padding-top:20px;border-top:1px solid var(--hairline)}.settings-footer{margin:14px 2px 0;color:var(--stone);font-size:var(--text-xs);line-height:1.45}.eyebrow,.editor-context{margin:0;color:var(--amber);font-family:var(--font-ui);font-size:var(--text-xs);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:var(--radius-md)}.source-tabs button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;color:var(--stone);background:transparent;border:0;border-radius:var(--radius-sm);font-size:var(--text-md);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:var(--radius-md);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:var(--text-sm)}.youtube-field{display:flex;margin-bottom:16px;flex-direction:column;gap:7px;color:var(--stone);font-size:var(--text-sm);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:var(--radius-md)}.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:44px;padding:7px 11px;color:var(--amber-ink);background:var(--amber);border:0;border-radius:var(--radius-sm);font-size:var(--text-sm);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:var(--radius-sm);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:var(--radius-sm)}.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:var(--text-sm)}.youtube-results small{margin-top:5px;color:var(--stone);font-size:var(--text-xs)}.youtube-results svg{color:var(--amber)}.youtube-result-action{color:var(--amber);font-size:var(--text-xs);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:var(--radius-md)}.youtube-selection>img{display:block;width:116px;aspect-ratio:16 / 9;object-fit:cover;background:var(--stage-900);border-radius:var(--radius-sm)}.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:var(--text-xs);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:var(--text-md)}.youtube-selection>span>span{margin-top:5px;color:var(--stone);font-size:var(--text-xs)}.youtube-selection>button{min-height:44px;padding:7px 9px;color:var(--bone);background:var(--stage-800);border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:750;cursor:pointer}.youtube-mode-toggle{display:inline-flex;min-height:44px;padding:4px 0;align-items:center;gap:6px;color:var(--stone);background:transparent;border:0;font-size:var(--text-xs);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:var(--text-xs);line-height:1.45}.youtube-search-error{margin:0 0 4px;color:#f29a86;font-size:var(--text-xs);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:var(--text-sm);font-weight:700}.remove-section-marker{margin-top:16px}.chart-delete-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #a95750;border-radius:var(--radius-sm);background:#492722;color:#ffc0b7;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.chart-delete-button:hover{background:#60302a;border-color:#dc8175}.chart-delete-button:focus-visible{outline:2px solid #ffc0b7;outline-offset:3px}.chart-delete-button:disabled{opacity:.5;cursor:not-allowed}.editor-delete-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.field-grid input,.full-field input,.editor-token-field input,.section-field input{width:100%;min-height:44px;padding:9px 11px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.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:var(--radius-md);font-size:var(--text-sm);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:var(--radius-md);font-size:var(--text-sm);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{margin-top:0}.form-error{margin:12px 0;color:#f29a86;font-size:var(--text-md)}.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:var(--radius-lg);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:var(--text-xs);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:999px}.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:var(--font-ui);font-size:var(--text-xs)}.analysis-status .quiet-button{min-height:44px;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}.chart-display-controls{display:flex;align-items:center;justify-content:center;gap:7px}.segmented-control{display:flex;padding:3px;background:var(--stage-700);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.segmented-control button{min-width:72px;padding:7px 10px;color:var(--stone);background:transparent;border:0;border-radius:var(--radius-sm);font-size:var(--text-sm);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:var(--radius-sm);text-align:center;font-family:var(--font-ui);font-size:var(--text-xs);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(--font-ui)}.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:#a66c1814;stroke:#a66c18b3}.chart-section-label-control.dragging .chart-section-label{fill:#a66c18!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.selected .bar-highlight{stroke:#3b66c4cc}.chart-bar.playing .bar-highlight{fill:#c05b4433;stroke:#c05b44d1;stroke-width:.8}.chart-bar:focus-visible .bar-highlight{stroke:var(--ink);stroke-width:2}.section-insertion-line{fill:none;stroke:#a66c18;stroke-width:2.5;pointer-events:none}.chart-modulation-control{cursor:grab;touch-action:none}.chart-modulation-control,.chart-section-label-control,.chart-paper.is-marker-dragging{user-select:none;-webkit-user-select:none}.chart-modulation-control:active{cursor:grabbing}.section-drag-hint{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:40;width:max-content;max-width:90vw;padding:10px 14px;border:1px solid #a66c18;border-radius:6px;background:#211e17;color:#eee7d7;font:13px var(--font-ui);pointer-events:none}.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:var(--radius-md)}.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:var(--text-xs)}.feedback-buttons{display:flex;gap:6px}.feedback-buttons button{display:flex;min-height:44px;padding:8px 10px;align-items:center;gap:5px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer}.feedback-panel p{width:100%;margin:0}.text-button{padding:0;color:var(--stone);background:transparent;border:0;font-size:var(--text-xs);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:var(--radius-md)}.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:44px;padding-left:14px;align-items:center;justify-content:space-between;gap:12px}.youtube-playback-footer span{color:var(--stone);font-size:var(--text-xs)}.youtube-playback a{display:flex;min-height:44px;padding:10px 14px;align-items:center;justify-content:flex-end;gap:6px;color:var(--stone);font-size:var(--text-sm);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:999px;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:999px}.playback-transport>input::-moz-range-progress{height:4px;background:var(--amber);border-radius:999px}.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:var(--font-ui);font-size:var(--text-xs)}.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}.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:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -20px 70px #0000007f;animation:cs-slide-up .22s var(--ease-out-soft)}.detail-page.is-editing{position:fixed;inset:0;z-index:35;display:flex;flex-direction:column;height:100dvh;min-height:0;padding-bottom:0}.is-editing>.detail-toolbar,.is-editing>.save-status{flex-shrink:0}.is-editing>.chart-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.is-editing>.feedback-panel,.is-editing>.shortcut-help,.is-editing>.playback-transport,.is-editing>.youtube-playback{display:none}.editor-dock{flex:0 0 auto;max-height:55dvh;overflow:auto;border-top:1px solid var(--hairline);background:var(--stage-800)}.editor-dock .bar-editor{margin:auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none;animation:none}.editor-dock .editor-context{align-items:center;margin-bottom:6px}.editor-dock .editor-context .primary-button{min-height:36px;padding:6px 18px}.editor-dock .editor-token-field{gap:3px}.editor-dock .editor-token-field input{padding:6px 10px}.editor-structure-actions{display:flex;gap:8px}.modulation-key-select{width:100%;min-height:44px;padding:10px 12px;color:var(--bone);background:var(--stage-700);border:1px solid var(--hairline);border-radius:var(--radius-sm);font:inherit}.editor-structure-actions .new-section-button{margin-top:6px;min-height:36px;border-style:solid;font-size:12px}.editor-dock .form-hint,.editor-dock .form-error{margin:4px 0;font-size:12px}.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(--font-notation);font-size:var(--text-xl);font-weight:400}.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:var(--radius-sm);font-family:var(--font-ui);font-weight:400;cursor:pointer}.keypad-row.numbers button{color:var(--amber-ink);background:var(--amber);border-color:var(--amber);font-family:var(--font-notation);font-size:var(--text-xl)}.keypad-row.qualities button,.keypad-row.controls button:nth-child(-n+2){font-family:var(--font-notation)}.editor-rhythm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px}.rhythm-chords{display:flex;flex-wrap:wrap;gap:4px}.rhythm-actions{display:flex;gap:6px;flex:1}.editor-rhythm button{min-height:36px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--stage-700);color:var(--bone);padding:6px 10px;cursor:pointer}.rhythm-actions button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;font:500 12px var(--font-ui)}.rhythm-chords button{font:400 17px var(--font-notation)}.editor-rhythm button[aria-pressed=true]{border-color:var(--amber);background:#dca74e26;color:var(--amber)}.editor-rhythm button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.editor-rhythm button:disabled{opacity:.4;cursor:default}.section-field{margin-top:10px}.new-section-button{width:100%;min-height:44px;margin-top:10px;color:var(--bone);background:transparent;border:1px dashed rgb(224 162 62 / 65%);border-radius:var(--radius-sm);font-size:var(--text-sm);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:var(--radius-lg) var(--radius-lg) 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:inherit;font-size:var(--text-xl)}.section-boundary-controls{display:grid;margin-top:14px;padding:12px;gap:9px;background:var(--stage-700);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.section-boundary-controls>span,.section-boundary-controls>div{display:flex;align-items:center}.section-boundary-controls>span{gap:6px;color:var(--bone);font-size:var(--text-sm);font-weight:750}.section-boundary-controls>div{gap:8px}.section-boundary-controls button{display:inline-flex;min-height:44px;flex:1;align-items:center;justify-content:center;gap:6px}.section-boundary-controls small{color:var(--stone);font-size:var(--text-xs);line-height:1.4}.editor-actions{display:flex;margin-top:12px;justify-content:flex-end;gap:8px}.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:var(--radius-lg);box-shadow:0 24px 80px #00000094;animation:cs-rise-in .2s var(--ease-out-soft)}.chart-settings-dialog>.sheet-header{padding:18px 18px 0;margin:0}.chart-settings-dialog>.sheet-header .eyebrow{display:none}.chart-settings-form{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:var(--radius-md)}.chart-settings-form legend{margin:0 0 7px 2px;padding:0;color:var(--stone);font-size:var(--text-xs);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:var(--text-sm);font-weight:700}.chart-settings-form input{width:100%;min-height:44px;padding:7px 9px;color:var(--bone);background:var(--stage-800);border:1px solid var(--hairline);border-radius:var(--radius-sm);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(--font-ui);font-size:var(--text-lg);text-align:right}.settings-key-row>span:last-child{color:var(--amber);font-size:var(--text-xs);font-weight:800}.chart-key-popover{position:fixed;z-index:60;width:min(288px,calc(100vw - 24px));padding:12px;border:1px solid var(--hairline);border-radius:10px;background:var(--stage-900);box-shadow:0 8px 24px #0005;font-family:var(--font-ui)}.chart-key-field{display:grid;grid-template-columns:minmax(0,1fr) 72px;column-gap:8px;align-items:center}.chart-key-field+.chart-key-field{border-top:1px solid var(--hairline);margin-top:10px;padding-top:10px}.chart-key-field label{display:contents;color:var(--bone);font-size:14px;font-weight:500}.chart-key-field label>span{grid-area:1 / 1}.chart-key-field select{grid-area:1 / 2 / 3 / 3;width:72px;min-height:44px;padding:8px;border:1px solid var(--hairline);border-radius:6px;color:var(--bone);background:var(--stage-700);font:500 16px var(--font-ui);cursor:pointer}.chart-key-field select:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.chart-key-field p{grid-area:2 / 1;color:var(--stone);font-size:11px;line-height:1.4;margin:3px 0 0}.chart-key-popover .editor-actions{margin-top:10px;gap:8px}.chart-key-popover .editor-actions button{min-height:44px;padding:8px 14px}@media(max-width:600px){.chart-key-popover{left:8px!important;right:8px;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-height:70dvh;overflow:auto}}.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:var(--radius-md);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:var(--radius-lg);font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:900}@media(max-width:620px){.field-grid{grid-template-columns:1fr}.sheet{max-height:94vh;border-right:0;border-bottom:0;border-left:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.detail-toolbar{grid-template-areas:"back actions" "controls controls";grid-template-columns:1fr auto;padding-right:8px;padding-left:8px;row-gap:8px}.detail-toolbar>.icon-button{grid-area:back}.chart-display-controls{grid-area:controls;justify-self:stretch}.chart-display-controls .segmented-control{flex:1}.toolbar-actions{grid-area:actions}.toolbar-actions .icon-button{width:32px}.segmented-control button{min-width:0;flex:1;padding-right:5px;padding-left:5px;font-size:var(--text-xs)}.chart-settings-dialog{max-height:94vh;border-right:0;border-bottom:0;border-left:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.chart-settings-form{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}.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:44px;padding:0;justify-content:flex-start}.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:where(:not(.primary-button)){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:var(--radius-sm);font-size:var(--text-xs);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:var(--radius-md)}.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:44px;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:var(--text-md);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:var(--font-ui);font-size:var(--text-xl)}.public-brand>span{display:grid;width:34px;height:34px;place-items:center;color:var(--amber-ink);background:var(--amber);border-radius:var(--radius-sm)}.public-nav .public-app-link{padding:9px 13px;color:var(--amber-ink);background:var(--amber);border-radius:var(--radius-sm)}.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:var(--font-ui);font-size:clamp(var(--text-3xl),7vw,var(--text-display));line-height:1.04}.public-hero>p:not(.eyebrow,.legal-date){max-width:650px;margin:0 auto;color:var(--stone);font-size:var(--text-body);line-height:1.65}.legal-date{margin:0;color:var(--stone);font-size:var(--text-md)}.public-card{padding:26px;background:var(--stage-800);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003}.public-card h2{margin:7px 0 10px;font-family:var(--font-ui);font-size:var(--text-xl)}.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:var(--font-ui);font-size:var(--text-2xl)}.support-form label{display:grid;gap:7px;color:var(--stone);font-size:var(--text-sm);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:var(--radius-sm);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:var(--radius-sm);font-size:var(--text-xs)}.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:var(--font-ui);font-size:var(--text-3xl)}.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:var(--text-md);font-weight:750;cursor:pointer}.faq-list details p{margin-bottom:0;font-size:var(--text-md)}.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:var(--font-ui);font-size:var(--text-2xl)}.legal-content p{margin:9px 0;color:var(--stone);font-size:var(--text-md);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:var(--text-xs)}@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}}.billing-panel{padding:1.1rem;margin:0 0 1rem;border:1px solid var(--hairline);border-radius:var(--radius-md)}.billing-panel h3{margin-top:0}.billing-panel p{font-size:var(--text-body);line-height:1.55}.billing-panel button{min-height:44px;margin-top:.6rem}.refund-confirmation{padding:.75rem;border:1px solid #ca7272;border-radius:var(--radius-sm)}.sync-status{padding:.4rem 1rem;text-align:center;font-size:var(--text-sm);color:var(--stone)}@media(max-width:480px){.billing-panel{padding:.85rem}.auth-card{max-width:100%}}.transition-notice{padding:.8rem 1rem;margin:.6rem auto;max-width:48rem;font-size:var(--text-md);line-height:1.5}@media(max-width:480px){.auth-card h1{font-size:var(--text-3xl);line-height:1.15}}.transition-notice{display:flex;align-items:flex-start;gap:.75rem}.transition-notice>div{flex:1}.transition-notice>button{flex-shrink:0}.header-field-display[role=button]{cursor:text;outline:none}.header-field-display[role=button]:hover .header-field-target,.header-field-display[role=button]:focus-visible .header-field-target{stroke:#927f52;stroke-width:1.5}.header-field-editing .header-field-display{visibility:hidden}.inline-chart-field input,.inline-chart-field select{box-sizing:border-box;width:100%;min-width:0;height:42px;padding:3px 7px;font:var(--text-2xl) var(--font-ui);color:#171717;background:#fffdf6;border:2px solid #927f52;border-radius:var(--radius-xs)}.inline-chart-field span{display:block;padding:3px;background:#fffdf6;color:#a32121;font-size:var(--text-lg)}@media print{.header-field-editing .header-field-display{visibility:visible}.header-field-target{display:none}}.app-dialog{color:var(--bone);margin:auto}.app-dialog::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-dialog:not([open]){display:none}.dialog-copy{color:var(--stone);line-height:1.65;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.dialog-actions button{min-height:44px;padding:10px 18px}.danger-button{border:1px solid var(--clay);border-radius:var(--radius-sm);color:var(--bone);background:#8b392c;cursor:pointer;font:inherit;font-weight:700}.danger-button:disabled{opacity:.55;cursor:wait}.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 24px}.library-heading h2{font:var(--text-3xl) var(--font-ui);margin:5px 0 0}.library-heading>p{display:none;color:var(--stone);font-size:var(--text-md)}.library-heading .eyebrow{font-size:var(--text-xs)}.sign-in-options summary{cursor:pointer;font-weight:600;padding:4px 0}.sign-in-options[open] summary{margin-bottom:12px}.plan-summary{padding:16px;margin:14px 0 20px;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--stage-900)}.plan-status{display:inline-flex;color:var(--bone);font-weight:750;font-size:var(--text-body)}.plan-summary p:last-child{margin-bottom:0}.billing-panel{border-color:var(--hairline)}.refund-confirmation{border-color:var(--hairline);padding:18px;background:var(--stage-900)}.refund-confirmation h4{font:var(--text-2xl) var(--font-ui);margin:0 0 10px}.refund-confirmation a{color:var(--bone);text-decoration:underline;text-underline-offset:3px}.welcome-dialog{background:var(--stage-800)}.subscription-welcome{text-align:center;padding:8px 8px 12px}.subscription-welcome p{line-height:1.65;color:var(--stone)}.subscription-confirmation{margin-top:14px}.subscription-seal{display:block;width:180px;height:135px;margin:0 auto;overflow:visible}.subscription-seal-circle{fill:#dca6461a;stroke:var(--amber);stroke-width:1.5}.subscription-seal-tick{fill:none;stroke:var(--amber);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.subscription-seal-pencil{transform:translate(103px,57px)}.analysis-card .welcome-writing{width:min(100%,280px);margin:6px auto 14px}.subscription-confirmation h3{margin:14px 0 0;color:var(--bone);font-size:var(--text-2xl);font-weight:600}.welcome-writing{display:block;width:min(100%,320px);height:auto;margin:4px auto 8px;color:var(--bone)}.welcome-writing-pencil{transform:translate(283px,65px)}@media(prefers-reduced-motion:no-preference){.subscription-seal-circle{transform-origin:70px 65px;animation:subscription-confirm .45s ease-out both}.subscription-seal-tick{stroke-dasharray:1 2;animation:subscription-check-draw 1s .35s linear both}.subscription-seal-pencil{animation:subscription-pencil 1.8s linear both}.welcome-writing-ink{animation:welcome-ink-reset 6s linear infinite}.welcome-writing-ink path{stroke-dasharray:1 2}.welcome-write-one{animation:welcome-write-one 6s linear infinite}.welcome-write-five{animation:welcome-write-five 6s linear infinite}.welcome-write-six{animation:welcome-write-six 6s linear infinite}.welcome-write-minor{animation:welcome-write-minor 6s linear infinite}.welcome-write-four{animation:welcome-write-four 6s linear infinite}.welcome-write-four-stem{animation:welcome-write-four-stem 6s linear infinite}.welcome-writing-pencil{animation:welcome-pencil 6s linear infinite}}@keyframes subscription-confirm{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes subscription-check-draw{0%{stroke-dashoffset:1;opacity:0}0.01%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes subscription-pencil{0%,19.44%{transform:translate(51px,65px)}38.12%{transform:translate(65px,79px)}75%{transform:translate(91px,50px)}to{transform:translate(103px,57px)}}@keyframes welcome-ink-reset{0%,88%{opacity:1}96%,to{opacity:0}}@keyframes welcome-write-one{0%,5%{stroke-dashoffset:1;opacity:0}5.01%{opacity:1}16%,to{stroke-dashoffset:0;opacity:1}}@keyframes welcome-write-five{0%,20%{stroke-dashoffset:1;opacity:0}20.01%{opacity:1}34%,to{stroke-dashoffset:0;opacity:1}}@keyframes welcome-write-six{0%,38%{stroke-dashoffset:1;opacity:0}38.01%{opacity:1}51%,to{stroke-dashoffset:0;opacity:1}}@keyframes welcome-write-minor{0%,53%{stroke-dashoffset:1;opacity:0}53.01%{opacity:1}64%,to{stroke-dashoffset:0;opacity:1}}@keyframes welcome-write-four{0%,68%{stroke-dashoffset:1;opacity:0}68.01%{opacity:1}75%,to{stroke-dashoffset:0;opacity:1}}@keyframes welcome-write-four-stem{0%,77%{stroke-dashoffset:1;opacity:0}77.01%{opacity:1}81%,to{stroke-dashoffset:0;opacity:1}}@keyframes welcome-pencil{0%,5%{transform:translate(38px,62px);opacity:1}9%{transform:translate(47px,55px)}16%{transform:translate(47px,89px)}20%{transform:translate(124px,55px)}24%{transform:translate(103px,55px)}27%{transform:translate(102px,71px)}31%{transform:translate(123px,82px)}34%{transform:translate(99px,84px)}38%{transform:translate(199px,55px)}42%{transform:translate(178px,77px)}46%{transform:translate(192px,90px)}49%{transform:translate(188px,70px)}51%{transform:translate(179px,75px)}53%{transform:translate(209px,74px)}55%{transform:translate(209px,89px)}56.5%{transform:translate(209px,78px)}58.5%{transform:translate(220px,79px)}60%{transform:translate(220px,89px)}61%{transform:translate(220px,78px)}63%{transform:translate(231px,79px)}64%{transform:translate(231px,89px)}68%{transform:translate(280px,55px)}72%{transform:translate(265px,79px)}75%{transform:translate(290px,79px)}77%{transform:translate(283px,55px)}81%{transform:translate(283px,90px)}85%,88%{transform:translate(297px,62px) rotate(-8deg);opacity:1}96%,to{transform:translate(297px,62px) rotate(-8deg);opacity:0}}.subscription-welcome .welcome-renewal{font-size:var(--text-sm);margin:20px 0 24px}@media screen and (min-width:900px){.app-bar{grid-template-columns:1fr auto auto;gap:24px;padding:0 max(32px,calc((100vw - 1280px)/2));min-height:84px}.app-bar .wordmark{grid-column:1;grid-row:1;justify-self:start;font-size:var(--text-3xl)}.app-bar .icon-button{grid-column:3;grid-row:1}.app-bar .new-chart-button{grid-column:2;grid-row:1;padding:11px 20px;font-size:var(--text-md)}.library-content{width:min(100%,1280px);padding:46px 32px 60px}.library-heading{margin-bottom:32px}.library-heading h2{font-size:var(--text-display)}.library-heading>p{display:block}.library-content .search-field{max-width:480px;min-height:46px}.chart-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;background:none;border:0;border-radius:0}.library-row,.library-row:last-child{min-width:0;min-height:104px;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--stage-800);transition:border-color .16s,transform .16s}.library-row:hover{border-color:#8d7960;transform:translateY(-2px)}.library-row-main{padding-left:18px;border-radius:var(--radius-md) 0 0 var(--radius-md)}.library-copy strong{font-size:var(--text-lg)}.library-copy small,.library-meta small{font-size:var(--text-sm)}.paper-thumbnail{width:48px;height:64px}.empty-library{width:min(100%,760px);min-height:calc(100vh - 84px);padding:70px 40px}.empty-library h2{font-size:var(--text-display)}.empty-library>p{font-size:var(--text-lg);max-width:580px}.detail-toolbar{min-height:78px;padding-inline:32px}.chart-stage{padding:40px}.chart-paper{width:min(100%,900px)}.sheet{padding:30px}.settings-sheet{width:min(100%,760px)}.transition-notice{max-width:1216px}}@media screen and (min-width:1500px){.chart-paper:has(>.chart-page~.chart-page){width:min(100%,1500px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media screen and (max-width:480px){.app-bar{grid-template-columns:40px 1fr auto;gap:8px}.app-bar h1{font-size:var(--text-xl);text-align:center}.new-chart-button{padding:7px 10px}.library-heading h2{font-size:var(--text-2xl)}.library-heading{margin-bottom:20px}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}}.app-dialog{border-radius:var(--radius-lg)}.app-dialog .sheet-header .icon-button{flex:0 0 auto}.chart-display-controls .segmented-control button{min-width:48px;min-height:44px;padding:7px 12px}.notation-symbol{font-size:var(--text-body);font-weight:750;letter-spacing:1px}.chord-symbol{display:inline-block;min-width:24px;font:400 var(--text-2xl) var(--font-notation);line-height:1}.chord-symbol sup{font-size:var(--text-sm);vertical-align:super;margin-left:1px}@media(max-width:620px){.chart-display-controls .segmented-control button{min-width:42px;min-height:44px;padding:6px 9px}}.owner-page{max-width:1120px;margin:auto;padding:28px}.owner-header{display:flex;align-items:center;gap:20px;margin-bottom:28px}.owner-header h1{flex:1;font:var(--text-3xl) var(--font-ui)}.owner-health{border:1px solid #647358;background:#293126;border-radius:var(--radius-lg);padding:24px}.owner-health.needs-attention{border-color:var(--clay);background:#3a2a24}.owner-health h2{font:var(--text-3xl) var(--font-ui);margin:0 0 12px}.owner-health small,.owner-totals,.owner-footer{color:var(--stone);font-size:var(--text-md);line-height:1.6}.owner-section-title{margin-top:28px;font-size:var(--text-body)}.owner-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.owner-metrics>div{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--stage-800);border:1px solid var(--hairline);border-radius:var(--radius-md)}.owner-metrics strong{font:var(--text-display) var(--font-ui)}.owner-metrics span{color:var(--stone);font-size:var(--text-md)}.owner-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.owner-columns h2{font:var(--text-2xl) var(--font-ui)}.owner-list{padding:0;list-style:none}.owner-list li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--hairline);overflow-wrap:anywhere}.owner-list small{display:block;color:var(--stone);font-size:var(--text-xs);margin-top:6px}.owner-footer{margin-top:28px}@media(max-width:620px){.owner-page{padding:16px}.owner-header{gap:12px}.owner-header h1{font-size:var(--text-2xl)}.owner-metrics{gap:8px}.owner-metrics>div{padding:14px 10px}.owner-metrics span{font-size:var(--text-sm)}.owner-columns{grid-template-columns:1fr;gap:12px}}a{color:var(--amber);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em}.eyebrow,.section-heading{letter-spacing:.06em}.library-meta,.library-copy small,.section-heading,.analysis-status,.stage-rail,.playback-transport,.billing-panel,.owner-metrics,.sync-status,.save-status{font-variant-numeric:tabular-nums}.chart-bar:active .bar-highlight{fill:#e0a23e59}button,.primary-button,.quiet-button,.text-button,summary{min-height:44px}.icon-button,.delete-button,.play-button,.chart-display-controls .segmented-control button,.feedback-buttons button{min-width:44px;min-height:44px}.auth-legal-links a,.settings-footer a,.report-problem-link,.public-footer a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.public-nav a{display:inline-flex;align-items:center;min-height:44px}.paper-thumbnail{flex-shrink:0;fill:var(--ink);font-family:var(--font-notation)}.sync-status,.save-status{color:var(--stone);font-size:var(--text-sm);text-align:center}.save-status{min-height:24px}.app-dialog{max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain}.app-dialog.chart-settings-dialog{padding:0}.library-skeleton{width:min(640px,calc(100vw - 48px));display:grid;gap:12px}.skeleton-row{display:flex;gap:16px;padding:20px;border:1px solid var(--hairline);border-radius:var(--radius-md)}.skeleton-row i,.skeleton-row b{display:block;background:var(--stage-700);border-radius:var(--radius-xs)}.skeleton-row i{width:40px;height:52px}.skeleton-row span{flex:1}.skeleton-row b{height:12px;width:65%;margin:6px 0 12px}.skeleton-row b+b{width:40%}.app-dialog.editor-dialog{width:min(100%,620px);padding:0}.editor-dialog .bar-editor,.editor-dialog .section-editor{width:100%;border:0;border-radius:0;box-shadow:none}.shortcut-help{max-width:900px;margin:0 auto;padding:0 16px;color:var(--stone);font-size:var(--text-sm)}.shortcut-help summary{display:flex;align-items:center;cursor:pointer}.shortcut-help p{line-height:1.6}.sync-status:empty{padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:620px){.app-dialog.dialog-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));border:1px solid var(--hairline);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:cs-slide-up .22s var(--ease-out-soft)}.app-dialog.editor-dialog,.app-dialog.chart-settings-dialog{padding:0}.app-dialog.chart-settings-dialog{padding-bottom:env(safe-area-inset-bottom)}.app-dialog.dialog-center{border:1px solid var(--hairline);border-radius:var(--radius-lg)}}@keyframes cs-skeleton-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:no-preference){.library-skeleton{animation:cs-skeleton-pulse 1.8s ease-in-out infinite}}@font-face{font-family:ChartSmash Notation;src:url(/assets/chartsmash-hand-bold-B2pdB-kS.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--font-ui: "Inter Variable", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-notation: "ChartSmash Notation", Arial, sans-serif;--stage-900: #15130f;--stage-800: #211e17;--stage-700: #2d281f;--bone: #eee7d7;--stone: #b2aa98;--amber: #dca74e;--amber-deep: #c58d34;--paper: #f3ecd9;--hairline: rgb(238 231 215 / 13%);--radius-lg: 12px}body{color:var(--bone);-webkit-font-smoothing:antialiased}.landing-page .landing-input-hub{width:100%;max-width:610px;margin:auto;padding:6px;border:1px solid #4b453b;border-radius:10px;background:#25221c;box-shadow:0 6px 24px #0002}.landing-page .landing-input-hub .landing-search{width:100%;border:0;border-radius:5px;padding:0 0 0 8px;background:transparent;box-shadow:none}.landing-page .landing-input-hub:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px #dca74e15}.landing-page .landing-input-hub .landing-search button{gap:12px;min-height:46px;padding:12px 16px}.landing-page .landing-input-hub .landing-input-options{margin:6px 8px 0;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.landing-page .landing-input-hub .landing-input-options button{border:0;border-radius:4px;padding:8px 4px;min-height:40px;font-size:12px}.landing-page .landing-input-options>span{color:#b0a692;font-size:11px}@media(max-width:700px){.landing-page .landing-input-hub .landing-search{padding:0;gap:6px}.landing-page .landing-input-hub .landing-search>svg{display:none}.landing-page .landing-input-hub .landing-search input{width:100%;padding:10px}.landing-page .landing-input-hub .landing-search button{margin:0}}.settings-refined{background:#211f1a;width:min(100%,720px);padding:28px;font-family:var(--font-ui)}.settings-refined .sheet-header{margin-bottom:22px}.settings-refined .sheet-header h2{font:400 28px var(--font-ui);letter-spacing:-.6px}.settings-navigation{display:flex;gap:22px;border-bottom:1px solid var(--hairline);margin-bottom:26px}.settings-navigation button{min-height:44px;padding:0 0 12px;color:var(--stone);border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:13px;cursor:pointer}.settings-navigation button[aria-pressed=true]{color:var(--bone);border-bottom-color:var(--amber)}.settings-refined section[hidden]{display:none}.settings-identity{display:grid;gap:8px;margin-bottom:22px;overflow-wrap:anywhere}.settings-identity span{color:var(--stone);font-size:12px}.settings-identity strong{font-size:17px;font-weight:400}.settings-refined .settings-list{gap:0}.settings-refined .settings-item{border:0;border-bottom:1px solid var(--hairline);border-radius:0;padding:20px 0;background:none;grid-template-columns:1fr;display:block}.settings-refined .settings-item>svg{display:none}.settings-refined .settings-item strong{font-size:14px;font-weight:500}.settings-refined .settings-item span{font-size:13px;line-height:1.65}.settings-refined .settings-item .account-provider-name{color:var(--bone)}.settings-refined .settings-item.account-connections{padding-top:0}.settings-refined .account-provider{padding:12px 14px;gap:16px;min-width:0}.settings-refined .account-provider-name{min-width:0}.settings-refined .account-provider-name .provider-logo{flex-shrink:0}.settings-refined .sign-in-options h3{font:500 14px var(--font-ui);margin:0}.settings-refined .account-provider-button{min-height:44px;min-width:120px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;white-space:nowrap}.settings-refined .settings-sharing{align-items:center;margin:18px 0}.settings-refined .settings-sharing input{width:20px;height:20px;accent-color:var(--amber);flex-shrink:0}.settings-retention{font-size:12px;color:var(--stone);margin-top:12px}.settings-retention summary,.sign-in-options summary{cursor:pointer}.settings-signout{margin-top:24px;display:inline-flex;gap:8px;align-items:center}.settings-refined .settings-signout{color:#f2a5a0;border-color:#9d514b;background:#482723}.settings-refined .settings-signout:hover{color:#ffe5e2;border-color:#cf7b73;background:#60312c}.settings-refined .settings-footer{border-top:1px solid var(--hairline);margin:28px 0 0;padding-top:18px;font-size:12px}.settings-refined .billing-panel{border:0;padding:0;background:none}.settings-refined .billing-panel h3{font:400 20px var(--font-ui);margin:0 0 18px}.settings-refined .billing-panel>p{font-size:13px;line-height:1.7;color:var(--stone);margin:16px 0}.settings-refined .plan-summary{border:0;padding:0;background:none}.settings-refined .plan-status{color:var(--bone);font-size:14px;font-weight:500}.library-page.library-refined{background:#191815}.library-refined .library-content{width:min(100%,1040px);margin:auto;padding:48px 32px}.library-refined .library-heading{margin-bottom:24px}.library-refined .library-heading h2{font:400 32px var(--font-ui);letter-spacing:-.8px;display:flex;align-items:center;gap:12px}.library-count{font:400 12px var(--font-ui);color:var(--stone);letter-spacing:0}.library-refined .search-field{max-width:none;width:100%;margin-bottom:24px;background:#23201b;border:1px solid var(--hairline);border-radius:6px}.library-refined .chart-list{display:flex;flex-direction:column;gap:0}.library-refined .library-row{position:relative;border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:none;box-shadow:none;padding:0}.library-refined .library-row:first-child{border-top:1px solid var(--hairline)}.library-refined .library-row-main{min-height:88px;padding:18px 12px;gap:24px;border-radius:4px}.library-refined .library-row-main:hover{background:#ffffff04}.library-refined .library-copy strong{font-weight:500;font-size:16px}.library-refined .library-copy small{font-size:12px;color:var(--stone)}.library-refined .library-meta{min-width:100px}.library-refined .library-meta strong{font:400 16px var(--font-ui)}.library-row-actions{position:relative;align-self:center;flex-shrink:0}.library-row-actions summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;color:var(--stone);border-radius:5px}.library-row-actions summary::-webkit-details-marker{display:none}.library-row-actions summary:hover{background:#ffffff08;color:var(--bone)}.library-row-actions[open]{z-index:2}.library-row-actions .delete-button{position:absolute;right:0;top:44px;width:150px;min-height:44px;display:flex;gap:8px;align-items:center;justify-content:center;background:#29251f;border:1px solid var(--hairline);border-radius:6px;color:var(--bone);box-shadow:0 8px 24px #0005;font-size:12px}.library-no-results{color:var(--stone);font-size:14px}.library-refined .empty-library h2{font:400 32px var(--font-ui);letter-spacing:-.8px}.library-refined .empty-library p{max-width:340px}@media(max-width:600px){.app-dialog.settings-refined{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:24px 20px max(24px,env(safe-area-inset-bottom))}.settings-navigation{gap:20px}.settings-navigation button{font-size:12px}.library-refined .library-content{padding:30px 16px}.library-refined .library-heading h2{font-size:28px}.library-refined .library-row-main{gap:12px;padding:16px 4px}.library-refined .library-meta{min-width:64px}.library-refined .library-copy strong{font-size:15px}.library-refined .library-meta small{font-size:10px}}.landing-motion-controls{display:flex;justify-content:flex-end;margin-bottom:12px}.landing-motion-controls button{border:0;background:none;color:var(--stone);padding:8px;font-size:11px}.brand-lockup{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-ui);font-size:22px;font-weight:430;letter-spacing:-.85px;line-height:1;white-space:nowrap}.brand-symbol{display:block;width:32px;height:32px;flex-shrink:0;object-fit:contain}.public-nav .public-brand>.brand-lockup{display:inline-flex;width:auto;height:auto;background:none;color:var(--bone)}.brand-mark,.auth-logo{background:transparent;border:1px solid var(--hairline);color:var(--bone)}.app-bar,.detail-toolbar{background:#181611f7}.app-bar .wordmark{font-family:var(--font-ui)}.library-page{background:radial-gradient(ellipse at 40% 0%,#29231860,transparent 60%),var(--stage-900)}.library-heading h2,.empty-library h2,.sheet-header h2,.public-hero h1{font-family:var(--font-ui);font-weight:520;letter-spacing:-1px}.new-chart-button{border-radius:6px}.signin-dialog{max-width:450px}.signin-dialog .dialog-copy{text-align:center;margin-bottom:26px}.signin-footer{margin:26px 0 0;color:var(--stone);font-size:12px;text-align:center;line-height:2}.signin-footer a{color:var(--stone)}.upgrade-dialog{max-width:440px}.upgrade-dialog .sheet-header h2{font-size:28px;letter-spacing:-.035em}.upgrade-offer{text-align:center;margin:10px 0 26px}.upgrade-price{display:flex;justify-content:center;align-items:baseline;gap:7px;margin:0 0 14px}.upgrade-price strong{color:var(--bone);font-size:64px;font-weight:500;line-height:1;letter-spacing:-.065em}.upgrade-price span{color:var(--stone);font-size:15px}.upgrade-allowance{margin:0 0 8px;color:var(--bone);font-size:15px}.upgrade-description{margin:0;color:var(--stone);font-size:13px;line-height:1.6}.signin-next{margin:18px 0 0;text-align:center;color:var(--stone);font-size:12px;line-height:1.7}.upgrade-reassurance{margin:22px 0 4px;text-align:center;font-size:13px;color:var(--bone)}.signin-switch{display:block;margin:0 auto;min-height:44px;font-size:13px}.upgrade-dialog .signin-footer{margin-top:16px;font-size:11px}.landing-page{overflow:clip;background:radial-gradient(ellipse at 50% 30%,#3a302018,transparent 65%),var(--stage-900)}.landing-page button{cursor:pointer}.landing-page a{text-decoration:none}.landing-nav{width:min(1040px,calc(100% - 64px));margin:auto;height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--hairline)}.landing-brand{color:var(--bone)}.landing-nav nav{display:flex;align-items:center;gap:28px}.landing-nav-link,.landing-signin{min-height:44px;border:0;background:none;padding:0;font-size:13px;color:var(--stone)}.landing-signin{color:var(--bone)}.landing-nav button:hover{color:var(--amber)}.landing-hero{padding:58px 24px 0;text-align:center}.landing-hero h1{max-width:960px;margin:0 auto 32px;font-family:var(--font-ui);font-size:clamp(44px,5vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.landing-search{display:flex;align-items:center;width:min(100%,610px);margin:auto;padding:5px 5px 5px 16px;gap:12px;background:#27231c;border:1px solid #514633;border-radius:6px}.landing-search:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px #dca74e15}.landing-search>svg{color:var(--stone);flex-shrink:0}.landing-search input{min-width:0;flex:1;min-height:44px;border:0;outline:0;background:transparent;color:var(--bone);font-size:14px}.landing-search input::placeholder{color:#b0a692}.landing-search button,.landing-price-action button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;background:var(--amber);color:var(--amber-ink);border:1px solid #edc17a60;border-radius:5px;font-size:13px;font-weight:600;white-space:nowrap}.landing-search button:hover,.landing-price-action button:hover{background:#edbd6b}.landing-input-options{display:flex;justify-content:center;margin-top:14px}.landing-input-options button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #665941;border-radius:5px;color:var(--bone);font-size:12px}.landing-input-options button:hover{border-color:var(--amber);background:#27231c}.landing-chart-stage{padding:20px 30px 0;height:335px;overflow:hidden;margin-top:44px}.landing-chart-figure{width:min(100%,720px);margin:0 auto}.landing-paper-stack{position:relative;isolation:isolate}.landing-chart-figure .landing-paper-stack{min-width:0}.landing-chart-figure .phone-chart-paper{padding:26px 30px 24px;border-radius:6px}.landing-chart-figure .phone-chart-type{display:none}.landing-chart-figure .phone-chart-header{padding-bottom:16px}.landing-chart-figure .phone-chart-header h1{font-size:28px}.landing-chart-figure .phone-chart-header>div{margin-top:12px;font-size:11px}.landing-chart-figure .phone-chart-header strong{font-size:14px}.landing-chart-figure .phone-chart-section{padding-top:14px}.landing-chart-figure .phone-section-title{min-height:24px;font-size:10px;letter-spacing:1.5px}@media(max-width:600px){.landing-chart-figure .phone-chart-paper{padding:22px 18px}}.landing-paper-stack:before,.landing-paper-stack:after{content:"";position:absolute;inset:0;border-radius:3px;background:#cec5ad;border:1px solid #988d78;z-index:-1;transform:rotate(-3deg) translate(-8px,-9px);box-shadow:0 15px 45px #0003}.landing-paper-stack:after{background:#a89e87;z-index:-2;transform:rotate(1deg) translate(8px,5px)}.landing-paper-stack .chart-paper{width:100%}.landing-paper-placeholder{width:min(100%,720px);height:500px;background:var(--paper);margin:0 auto;border-radius:3px}.landing-paper-stack .chart-page{box-shadow:0 12px 35px #0004}.landing-details{position:relative;border-top:1px solid var(--hairline);background:var(--stage-900);padding:0 max(32px,calc((100% - 900px)/2));scroll-margin-top:24px}.landing-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:32px 0;border-bottom:1px solid var(--hairline)}.landing-benefits article>svg{color:#c3b08a}.landing-benefits h2{font-size:14px;font-weight:500;margin:12px 0 8px}.landing-benefits p{color:var(--stone);font-size:12px;line-height:1.7;max-width:260px;margin:0}.landing-pricing{padding:30px 0 20px;text-align:center;scroll-margin-top:24px}.landing-price-action>p{margin:0;color:var(--stone);font-size:13px}.landing-price-action strong{font-size:34px;letter-spacing:-1px;color:var(--bone);font-weight:500}.landing-price-action small{display:block;margin:8px 0 16px;color:var(--stone);font-size:12px}.landing-accuracy-note{margin:0;padding:0 0 26px;color:#a29987;font-size:10px;line-height:1.8;text-align:center}.landing-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;width:min(1040px,calc(100% - 64px));margin:auto;padding:16px 0;border-top:1px solid var(--hairline);color:var(--stone);font-size:11px}.landing-footer nav{display:flex;gap:22px}.landing-footer a{color:var(--stone);min-height:44px;display:inline-flex;align-items:center}.landing-footer a:hover{color:var(--amber)}.landing-footer small{color:#978e7f;font-size:10px}.phone-chart-paper{gap:0;background:var(--paper);color:var(--ink);padding:24px 16px 40px;box-shadow:0 10px 30px #0003}.phone-chart-header{border-bottom:1px solid #b8ab94;padding-bottom:20px}.phone-chart-header .phone-chart-type{color:var(--muted-ink);font-size:9px;letter-spacing:1.5px;margin:0 0 16px}.phone-chart-header h1{font:600 26px var(--font-ui);margin:0 0 7px;overflow-wrap:anywhere}.phone-chart-header>p{font-size:12px;color:var(--muted-ink);margin:0}.phone-chart-header>div{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;margin-top:22px;font-size:12px}.phone-chart-header strong{font-size:19px;margin-left:5px}.phone-chart-header>button{margin-top:12px;min-height:44px;padding:0;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--muted-ink);font-size:11px;cursor:pointer}.phone-chart-section{padding-top:14px}.phone-section-title{display:block;padding:0 8px;min-height:44px;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;border:0;background:transparent;color:var(--ink);cursor:pointer;margin:0}.phone-chart-measures{display:block;width:100%;overflow:visible}.phone-chart-measures text{fill:var(--ink);font-family:var(--font-notation)}@media screen{.print-chart-paper{display:none!important}}.landing-composition .landing-hero h1{font-family:var(--font-ui);font-weight:400;letter-spacing:-.055em}.landing-composition .landing-paper-stack:before,.landing-composition .landing-paper-stack:after{display:none}.landing-composition .landing-chart-stage{height:auto;overflow:visible;padding-bottom:32px}.landing-composition .landing-chart-figure{max-width:620px}@media(min-width:960px)and (max-height:800px){.landing-chart-figure .phone-chart-paper{padding-top:18px;padding-bottom:18px}.landing-chart-figure .phone-chart-section{padding-top:8px}.landing-composition .landing-chart-figure{max-width:540px}}@media(min-width:960px){.landing-composition{width:min(1320px,90%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center;padding:28px 0;min-height:calc(100svh - 100px)}.landing-composition .landing-hero{text-align:left;padding:0}.landing-composition .landing-hero h1{font-size:clamp(46px,4.6vw,70px);text-wrap:initial}.landing-composition .landing-chart-stage{margin:0;padding:0}.landing-composition .landing-chart-figure{width:100%}.landing-composition .landing-input-options{justify-content:flex-start}.landing-composition .landing-input-options button{border:0;padding-left:0}.landing-composition .landing-search{gap:8px;padding-left:10px}.landing-composition .landing-search>svg{display:none}.landing-composition .landing-search button{padding:12px}.landing-composition .landing-paper-placeholder{height:560px}}@media print{.phone-chart-paper{display:none!important}.print-chart-paper{display:flex!important}}@media(max-width:700px){.landing-nav{width:calc(100% - 40px);height:68px}.landing-nav nav{gap:16px}.landing-nav-link{display:none}.landing-hero{padding:38px 20px 0}.landing-hero h1{font-size:clamp(36px,9vw,52px);margin-bottom:28px}.landing-search{flex-wrap:wrap;gap:6px 10px;padding:7px 10px}.landing-search input{font-size:16px;width:calc(100% - 40px)}.landing-search button{width:100%;min-height:46px;margin-bottom:3px}.landing-input-options{margin-top:12px}.landing-chart-stage{height:270px;padding:20px 24px 0;margin-top:30px}.landing-paper-stack{min-width:480px}.landing-details{padding:0 24px}.landing-benefits{gap:24px;padding:28px 0;grid-template-columns:1fr}.landing-benefits article{display:grid;grid-template-columns:24px 1fr;gap:6px 12px}.landing-benefits article>svg{grid-row:span 2}.landing-benefits h2{margin:0;font-size:14px}.landing-benefits p{max-width:none}.landing-footer{width:calc(100% - 48px);padding:16px 0}.landing-footer nav{gap:20px}.landing-footer small{font-size:9px}.app-bar .brand-lockup{font-size:18px}}@media screen and (max-width:600px){.shortcut-help{display:none}.chart-stage{padding:6px 5px 26px}}