@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--ink-1:#f8f8f8;--ink-2:#a1a1aa;--ink-3:#52525b;--ink-4:#3f3f46;--surface-1:#1c1c1c;--surface-2:#141414;--surface-3:#232323;--surface-4:#2a2a2a;--border-1:#ffffff0f;--border-2:#ffffff1a;--border-3:#ffffff2e;--accent:#0433ff;--accent-hover:#3358ff;--accent-soft:#0433ff24;--accent-border:#0433ff59;--accent-bg:#0433ff1f;--accent-row:color-mix(in srgb, var(--accent) 10%, transparent);--success:#3ecf8e;--success-soft:#3ecf8e1a;--warning:#f59e0b;--destructive:#f87171;--destructive-soft:#f871711a;--font:"Inter", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;font-family:var(--font);color:var(--ink-1);background:var(--surface-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-2);margin:0}#root{width:100%;min-height:100svh}h1,h2,h3{letter-spacing:-.02em;color:var(--ink-1);font-weight:600}button{font-family:var(--font);cursor:pointer;border-radius:var(--radius-md);padding:0 var(--space-3);align-items:center;gap:var(--space-2);border:none;height:32px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.secondary{background:var(--surface-3);color:var(--ink-1);border:1px solid var(--border-2)}button.secondary:hover:not(:disabled){background:var(--surface-4);border-color:var(--border-3)}input,select{font-family:var(--font);color:var(--ink-1);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:0 var(--space-3);outline:none;width:100%;height:32px;font-size:13px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:var(--ink-3)}select option{background:var(--surface-3);color:var(--ink-1)}a{color:var(--accent);text-decoration:none}.auth-shell{background:var(--surface-2);justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.auth-panel{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;margin-inline:auto;display:flex}.auth-brand{letter-spacing:-.03em;width:100%;color:var(--ink-1);justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.auth-tagline{text-align:center;width:100%;color:var(--ink-2);margin:0;font-size:13px;line-height:1.45}.auth-clerk-slot{justify-content:center;align-items:stretch;width:100%;display:flex}.auth-clerk-slot>*{flex:100%;width:100%;min-width:0}.auth-footer-link{text-align:center;width:100%;color:var(--ink-3);margin:0;font-size:12px}.auth-shell .auth-clerk-root{flex-direction:column!important;align-items:center!important;width:100%!important;max-width:100%!important;display:flex!important}.auth-shell .cl-rootBox{flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.auth-shell .cl-card,.auth-shell .cl-cardBox{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.auth-shell .cl-header,.auth-shell .cl-main{width:100%!important}.auth-shell .auth-clerk-card{box-shadow:none!important;border:1px solid var(--border-1)!important;background:var(--surface-1)!important;border-radius:var(--radius-lg)!important}.auth-shell .auth-clerk-title{letter-spacing:-.02em!important;font-size:18px!important}.auth-shell .auth-clerk-primary{background:var(--accent)!important;color:#fff!important;font-weight:500!important}.auth-shell .auth-clerk-social{border:1px solid var(--border-2)!important;background:var(--surface-3)!important;color:var(--ink-1)!important}.auth-shell .auth-clerk-divider{background:var(--border-1)!important}.auth-shell .auth-clerk-divider-text{color:var(--ink-3)!important}.auth-shell .auth-clerk-field-input{border-color:var(--border-2)!important}.at-row{grid-template-columns:36px 1fr 140px 70px 90px 170px;display:grid}@media (width<=900px){.at-row{grid-template-columns:36px 1fr 140px 90px 150px}.at-col-bpm{display:none}}@media (width<=600px){.at-row{grid-template-columns:36px 1fr 90px 130px}.at-col-genre{display:none}}.tr-row{grid-template-columns:1fr 120px 70px 70px 100px 120px;display:grid}@media (width<=900px){.tr-row{grid-template-columns:1fr 120px 70px 100px 120px}.tr-col-key{display:none}}@media (width<=640px){.tr-row{grid-template-columns:1fr 100px 120px}.tr-col-genre,.tr-col-bpm,.tr-col-key{display:none}}