:root{color-scheme:dark;--bg: #101209;--rail: #14170f;--surface: #181b12;--surface-2: #20241a;--text: #f1f0e6;--text-dim: #9ea08e;--border: #313629;--accent: #3dc48d;--accent-contrast: #06130c;--gold: #e4b152;--danger: #ef7e70;--danger-strong: #de4a42;--warn: #e4b152;--orange: #e8883a;--ok: #3dc48d;--radius: 12px;--control-h: 46px;--shadow: 0 1px 3px rgb(0 0 0 / .4);--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}:root[data-theme=light]{color-scheme:light;--bg: #f6f4ec;--rail: #ffffff;--surface: #ffffff;--surface-2: #eeece1;--text: #16180f;--text-dim: #6b6d5d;--border: #dfdccf;--accent: #1c8a5c;--accent-contrast: #ffffff;--gold: #a9761f;--danger: #b3261e;--danger-strong: #b3261e;--warn: #a9761f;--orange: #c2660e;--ok: #1c8a5c;--shadow: 0 1px 3px rgb(0 0 0 / .06)}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1{font-size:clamp(1.4rem,3vw,1.7rem);letter-spacing:-.02em;margin:0 0 .25rem;font-weight:750}h2{font-size:1.05rem;letter-spacing:-.01em;margin:0 0 .75rem;font-weight:700}p{margin:.25rem 0}.skip-link{position:absolute;left:-9999px;top:0;z-index:50;padding:.5rem .9rem;background:var(--accent);color:var(--accent-contrast);border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100%}.sidebar{background:var(--rail);border-right:1px solid var(--border);padding:1.1rem .85rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:.55rem;padding:.25rem .3rem}a.brand{color:inherit}a.brand:hover{text-decoration:none}.brand .mark{flex:none}.brand .word{font-weight:800;letter-spacing:-.02em;font-size:1.32rem}.brand .word b{color:var(--accent);font-weight:800}.cta{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:var(--accent-contrast);border:0;font-weight:700;padding:.8rem 1rem;border-radius:11px;cursor:pointer;width:100%;font-size:.92rem}.cta:hover{text-decoration:none;filter:brightness(1.04)}.nav{display:flex;flex-direction:column;gap:.15rem}.navlink{display:flex;align-items:center;gap:.7rem;padding:.6rem .65rem;border-radius:10px;color:var(--text-dim);font-weight:550;font-size:.92rem}.navlink svg{width:18px;height:18px;flex:none}.navlink:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.navlink.active{background:var(--surface-2);color:var(--text)}.navlink.active svg{color:var(--accent)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:.55rem}.signed-in{display:flex;flex-direction:column;gap:.05rem;padding:.1rem .3rem .15rem;min-width:0}.signed-in-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:600}.signed-in-email{font-size:.82rem;color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.momo-badge{display:flex;align-items:center;gap:.5rem;font-size:.74rem;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.5rem .6rem}.momo-badge b{color:var(--gold)}.main-col{min-width:0;display:flex;flex-direction:column}.main{padding:1.6rem clamp(1rem,3vw,2.5rem) 2.5rem;width:100%;max-width:1720px}.mobile-bar,.tabbar{display:none}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-bar{display:flex;align-items:center;gap:.6rem;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:.7rem 1rem}.main{padding:1rem 1rem calc(84px + 1rem)}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--rail);border-top:1px solid var(--border);padding:.5rem .35rem calc(.5rem + env(safe-area-inset-bottom,0px))}.tab{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--text-dim);font-size:.63rem;font-weight:600;padding:.2rem 0}.tab svg{width:21px;height:21px}.tab:hover{text-decoration:none}.tab.active{color:var(--accent)}.tab-fab{align-self:center;width:46px;height:46px;margin-top:-20px;border-radius:14px;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--accent) 55%,transparent)}.tab-fab:hover{text-decoration:none}}.page-head{margin-bottom:1.25rem}.page-head .sub{color:var(--text-dim)}.card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:1.15rem 1.2rem;margin-bottom:1.15rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}@media(max-width:720px){.grid-2{grid-template-columns:1fr}}.field{display:block;margin-bottom:.9rem}label.field-label{display:block}label.field-label>.label-text{display:block;font-size:.86rem;font-weight:600;color:var(--text-dim);margin-bottom:.3rem;letter-spacing:.01em}.field-hint{display:block;margin-top:.3rem;font-size:.82rem;font-weight:400;color:var(--text-dim);letter-spacing:0}.hint{font-size:.88rem;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.55rem .75rem;margin:.4rem 0 .9rem}.hint b{color:var(--text);font-weight:650}input,select{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;vertical-align:bottom}input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range])),select,button.h-field{height:var(--control-h)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--surface) inset;box-shadow:0 0 0 100px var(--surface) inset;caret-color:var(--text);transition:background-color 9999s ease-in-out 0s}button{font:inherit;font-weight:650;border:0;border-radius:10px;padding:.6rem 1rem;cursor:pointer;background:var(--accent);color:var(--accent-contrast)}button:hover:not(:disabled){filter:brightness(1.04)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger-strong);color:#fff}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:center;color:var(--text-dim);font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;padding:0 .5rem .6rem;font-weight:600}td{padding:.5rem;border-top:1px solid var(--border);vertical-align:middle}td:first-child,th:first-child{padding-left:0}table button{padding:.3rem .7rem;font-size:.84rem}.tracks-table{table-layout:fixed}.tracks-table .col-sn{width:32px}.tracks-table .col-length{width:90px}.tracks-table .col-genre{width:130px}.tracks-table .col-year{width:90px}.tracks-table .col-preview{width:164px}.tracks-table th,.tracks-table td{padding-left:.3rem;padding-right:.3rem}.tracks-table td.clip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracks-table tbody tr{cursor:pointer}.tracks-table tbody tr:hover>td{background:color-mix(in srgb,var(--accent) 7%,transparent)}.tracks-table tbody tr.track-editor-row{cursor:default}.tracks-table tbody tr.track-editor-row:hover>td{background:none}.title-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;min-width:0}.title-stack>.title-line{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-stack>.credits-needed{font-size:.7rem;line-height:1.2}.e-tag{padding:.02rem .4rem;margin-left:.5rem;font-size:.66rem;vertical-align:1px}.money,td.isrc,.mono{font-family:var(--mono)}.money,td.len{font-variant-numeric:tabular-nums}.big-number{font-size:2rem;font-weight:700;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pill{display:inline-block;padding:.24rem .6rem;border-radius:999px;font-size:.72rem;font-weight:650;background:var(--surface-2);color:var(--text-dim)}.pill.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.pill.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.pill.orange{background:color-mix(in srgb,var(--orange) 16%,transparent);color:var(--orange)}.pill.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.note{border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius) var(--radius) 0;padding:.6rem .9rem;margin:.75rem 0;font-size:.92rem}.note.error{border-left-color:var(--danger);color:var(--danger)}.gap-list li{color:var(--warn)}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:2rem 1rem}.auth-card{width:100%;max-width:400px}.auth-card .brand{justify-content:center;font-size:1.3rem;margin-bottom:1.25rem}.auth-submit{display:block;margin:.5rem auto 0;padding-left:2.4rem;padding-right:2.4rem}.auth-links{display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem;font-size:.9rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spacer,.grow{flex:1}.dim{color:var(--text-dim)}.track-list{margin:0 0 .75rem;padding-left:0;list-style:none}.track-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.track-list li:last-child{border-bottom:none}.err{color:var(--danger);font-size:.85rem;margin-top:.35rem}.dropzone{border:1.5px dashed var(--border);border-radius:12px;padding:1.6rem 1rem;text-align:center;color:var(--text-dim);background:repeating-linear-gradient(135deg,transparent,transparent 10px,color-mix(in srgb,var(--accent) 4%,transparent) 10px,color-mix(in srgb,var(--accent) 4%,transparent) 20px);transition:border-color .15s,background .15s}.dropzone.over{border-color:var(--accent)}.dropzone p{margin:0 0 .5rem}.search-select{position:relative}.search-select-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:40;margin:0;padding:.25rem;list-style:none;max-height:240px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 40px -10px #0006}.search-select-list.up{top:auto;bottom:calc(100% + 4px)}.search-select-list li.no-match{padding:.45rem .6rem;font-size:.88rem}.search-select-list button{display:block;width:100%;text-align:left;background:none;border:none;border-radius:7px;padding:.45rem .6rem;color:var(--text);font:inherit;cursor:pointer}.search-select-list button:hover,.search-select-list button.active{background:var(--surface-2)}.track-option{display:flex;flex-direction:column;gap:.1rem;min-width:0}.track-option-title{display:flex;align-items:center;gap:.5rem;min-width:0}.track-option-row{display:flex;align-items:center;gap:.4rem}.track-option-row>button:first-child{flex:1;min-width:0}.search-select-list button.details-btn{display:inline-block;width:auto;flex:none;font-size:.72rem;padding:.25rem .55rem;color:var(--text-dim)}.search-select-list button.details-btn:hover{color:var(--text)}.track-option-details{padding:.1rem .6rem .55rem;font-size:.78rem;color:var(--text-dim);text-align:left;border-bottom:1px solid var(--border)}.fly-ghost{position:fixed;z-index:80;pointer-events:none;padding:.4rem .8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:color-mix(in srgb,var(--accent) 14%,var(--surface));border:1px solid var(--accent);border-radius:10px;opacity:.95;transition:transform .6s cubic-bezier(.45,.6,.6,1),opacity .6s ease}@media(prefers-reduced-motion:reduce){.fly-ghost{display:none}}.meta-row,.credits-add{gap:.9rem;align-items:flex-end}.meta-row>.field,.credits-add>.field{flex:1 1 190px;margin-bottom:0}.meta-row>.field:nth-child(3){flex:1.8 1 340px}.meta-row input,.meta-row select,.meta-row button,.credits-add input,.credits-add select,.credits-add button{height:var(--control-h);box-sizing:border-box}span.input-embed{position:relative;display:flex;align-items:center;height:var(--control-h);border:1px solid var(--border);border-radius:10px;background:var(--surface)}span.input-embed>input{flex:1;min-width:0;height:100%;border:none;background:none;padding-right:138px}span.input-embed>input:focus{outline:none}span.input-embed:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}span.input-embed>input:disabled{pointer-events:none;user-select:none;-webkit-user-select:none}.input-embed .embed-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;gap:6px}.meta-row .input-embed .embed-actions button{height:32px;padding:.2rem .65rem;font-size:.8rem}button,summary,th,.pill,.navlink,.tab,.tab-fab,.cta,.brand,.signed-in-label,.momo-badge,.switch,.skip-link,.pager,.credits-needed,.search-select-list,.kebab-menu,.picker-pop,.h2-sub{user-select:none;-webkit-user-select:none}.pager-jump input{width:3.1em;height:32px;text-align:center;padding:.25rem .3rem;font-size:.85rem}.tracks-table .col-pick{width:42px}.tracks-table input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.chooser-pane{border:1px solid var(--border);border-radius:12px;padding:.7rem .8rem;background:var(--surface)}.chooser-pane h3{margin:0 0 .5rem;font-size:.78rem;font-weight:650;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;user-select:none}.chosen-table tbody tr{cursor:grab}.chosen-table tbody tr:active{cursor:grabbing}.chosen-table tbody tr.dragging{opacity:.35}.chosen-table .drop-slot>td{padding-top:3px;padding-bottom:3px}.chosen-table .drop-slot .slot-inner{height:40px;border:1.5px dashed var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.chosen-table .drop-slot:hover>td{background:none}.order-actions{display:inline-flex;gap:6px;align-items:center}.order-actions .arrow-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;padding:0}details.optional-fields{margin:.75rem 0}details.optional-fields>summary{cursor:pointer;list-style:none;user-select:none;display:inline-flex;align-items:center;gap:.45rem;color:var(--text-dim);font-weight:650;font-size:.92rem;padding:.35rem 0}details.optional-fields>summary::-webkit-details-marker{display:none}details.optional-fields>summary:before{content:"";width:.5em;height:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}details.optional-fields[open]>summary:before{transform:rotate(45deg)}details.optional-fields>.grid-2{margin-top:.5rem}.overlay{position:fixed;inset:0;z-index:60;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(2px);display:grid;place-items:center;padding:1rem}.dialog{width:100%;max-width:380px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem 1.1rem;box-shadow:0 18px 50px -12px #00000073}.dialog h3{margin:0 0 .35rem;font-size:1.02rem}.dialog p{margin:0}.dialog-actions{margin-top:1rem;justify-content:center;gap:1.6rem}.dialog-actions button{min-width:96px;padding:.55rem 1rem}.danger-link{background:none;border:none;padding:0;cursor:pointer;color:var(--text-dim);font-size:.82rem;text-decoration:underline;text-underline-offset:3px}.danger-link:hover{color:var(--danger)}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-dim)}.empty-state .glyph{color:var(--accent);margin-bottom:.6rem}.empty-state h2{color:var(--text)}.track-search{margin-bottom:.85rem}.track-filters{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.6rem;align-items:flex-end}.track-filters .field{margin-bottom:0;flex:1 1 140px;min-width:140px}.search-box{position:relative;flex:1 1 260px;max-width:420px}.search-box input{padding-right:3.4rem}.search-box .count{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:.82rem;pointer-events:none;font-variant-numeric:tabular-nums}.filter-row .field{margin-bottom:0}.h2-sub{color:var(--text-dim);font-weight:500;font-size:.88rem;letter-spacing:0}.month-picker{position:relative}button.picker-face{width:100%;height:var(--control-h);display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:0 .75rem;font-weight:400;text-align:left}button.picker-face.dim{color:var(--text-dim)}.picker-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:40;min-width:262px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.5rem;box-shadow:0 14px 40px -10px #0006}.picker-pop.up{top:auto;bottom:calc(100% + 4px)}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.45rem}.picker-head button.ghost{width:34px;padding:.3rem 0}.picker-year{flex:1;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.picker-months{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.picker-months button{background:none;border:1px solid transparent;color:var(--text);padding:.4rem .2rem;font-size:.82rem;font-weight:550;border-radius:8px}.picker-months button:hover{background:var(--surface-2)}.picker-months button.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border-color:var(--accent)}.picker-foot{display:flex;gap:.5rem;margin-top:.5rem}.picker-foot button{flex:1;font-size:.84rem;padding:.4rem .5rem}.kebab{position:relative;margin-left:auto}.kebab-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.25rem;white-space:nowrap;box-shadow:0 14px 40px -10px #0006}.kebab-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:.45rem .7rem;border-radius:7px;color:var(--danger);font:inherit;font-size:.88rem;cursor:pointer}.kebab-menu button:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.pager{justify-content:center;gap:1.1rem;border-top:1px solid var(--border);padding-top:.8rem;margin-top:0}.section-title{border-top:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));padding-top:1.1rem;margin-top:1.4rem}.center-table td{text-align:center}.center-table td[colspan],.center-table .track-actions,.center-table .hint{text-align:left}tr.editing>td{background:color-mix(in srgb,var(--accent) 8%,transparent)}.track-editor{border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 4%,var(--surface));border-radius:12px;padding:.9rem 1rem;margin:.55rem 0 .8rem}.editor-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.editor-reveal.open{grid-template-rows:1fr}.editor-reveal-inner{min-height:0;overflow:hidden}.editor-reveal.settled .editor-reveal-inner{overflow:visible}@media(prefers-reduced-motion:reduce){.editor-reveal{transition:none}.editor-reveal-inner{overflow:visible}}button.preview-btn{width:150px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.preview-playing{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:0 .6rem}.preview-playing .mono{font-variant-numeric:tabular-nums}.preview-bar{display:block;width:100%;height:3px;border-radius:999px;background:color-mix(in srgb,var(--text-dim) 25%,transparent);overflow:hidden}.preview-bar>span{display:block;height:100%;background:var(--accent)}.loading-dots{display:inline-flex;gap:4px;align-items:center;justify-content:center}.loading-dots span{width:5px;height:5px;border-radius:50%;background:currentColor;animation:dot-pulse .9s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,60%,to{opacity:.25}30%{opacity:1}}.credits-needed{display:inline-block;font-size:.74rem;font-weight:600;color:var(--orange);white-space:nowrap}.switch{position:relative;width:42px;height:24px;flex:none;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);padding:0;cursor:pointer}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:left .15s,background .15s}.switch.on{background:color-mix(in srgb,var(--danger-strong) 30%,transparent);border-color:var(--danger-strong)}.switch.on .knob{left:20px;background:var(--danger-strong)}@media(max-width:860px){.card{padding:.9rem .85rem;border-radius:13px}.page-head{margin-bottom:.9rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{white-space:nowrap}td[colspan]{white-space:normal;min-width:85vw}input,select{font-size:16px;padding:.7rem .75rem}button{padding:.7rem 1rem}.search-select-list{max-height:200px}.dialog{max-width:none;margin:0 .5rem}}@media(prefers-reduced-motion:no-preference){.navlink,.tab,button,.cta{transition:color .12s,background .12s,filter .12s}}