:root{--accent-brand:#5422b0;--color-highlight:#f0e6f7;--text-primary:#1f1f1f;--text-secondary:#777;--color-border:#e0e0e0;--color-separator:#e0e0e0;--bg-main:#fff;--bg-surface:#f8f8f8;--bg-surface-dark:#efefef;--chord-preset-purple:#6e36d1;--chord-preset-red:#d9383a;--chord-preset-blue:#1652e2;--chord-preset-green:#0d8351;--chord-preset-orange:#c85a00;--chord-preset-grey:#333c4e;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-base:1.125rem;--text-h3:1.125rem;--text-h2:1.25rem;--text-h1:1.5rem;--line-height-body:1.5;--line-height-heading:1.2;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--z-header:100;--z-input-drawer:90;--z-overlay:200;--z-drawer:210;--z-menu:220;--app-max-width:480px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-input:0 -4px 12px #0000000d}@font-face{font-family:Inter;src:url(./Inter-VariableFont_opsz_wght.c8O0ljhh.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-surface-dark);color:var(--text-primary);font-size:var(--text-base);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-md) 0;line-height:var(--line-height-heading);font-weight:600}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin:0 0 var(--space-md) 0}a{color:var(--accent-brand);text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.app-container{max-width:var(--app-max-width);background-color:var(--bg-main);min-height:100vh;box-shadow:var(--shadow-lg);margin:0 auto;position:relative;overflow-x:hidden}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-primary{background-color:var(--accent-brand);color:#fff}.btn-primary:hover{background-color:#4a1d99}.btn-icon{padding:var(--space-sm);border-radius:var(--radius-full);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.btn-icon:hover{background-color:var(--bg-surface)}