:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0a0a0b;color:#e6e6e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}.app{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.brand{display:flex;align-items:center;gap:12px}.brand__logo{height:34px;width:auto;display:block}.brand__product{font-size:22px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#f4f4f6;line-height:1;padding-left:12px;border-left:1px solid #2a2a30}.app__header p{margin:10px 0 0;color:#8a8a92;font-size:13px}.dropzone{margin-top:24px;padding:40px 24px;border:1px dashed #2a2a30;border-radius:10px;text-align:center;color:#8a8a92;background:#111114;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .12s ease,background .12s ease}.dropzone:hover{border-color:#3a3a44}.dropzone--active{border-color:#4a4aff;background:#14141c;color:#c9c9ff}.dropzone strong{color:#e6e6e8;font-weight:600}.dropzone__hint{font-size:12px;color:#6a6a72}.crate{margin-top:32px}.crate__head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 12px}.crate h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8a8a92;margin:0}.crate__meta{font-size:12px;color:#6a6a72}.crate__table{width:100%;border-collapse:collapse}.crate__table th{text-align:left;font-weight:500;color:#6a6a72;font-size:12px;padding:8px 12px;border-bottom:1px solid #1c1c22;white-space:nowrap}.crate__th{cursor:pointer;-webkit-user-select:none;user-select:none}.crate__th:hover{color:#9a9aa2}.crate__sort{display:inline-block;width:1em;font-size:10px;color:#6a6aff}.crate__table td{padding:10px 12px;border-bottom:1px solid #141418;vertical-align:middle}.crate__name{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crate__conf{color:#5a5a62;font-size:11px}.crate__wave{color:#4a4aff;width:176px}.crate__empty{padding:24px 12px;color:#6a6a72;text-align:center}.crate__row--pending td{color:#7a7a82}.badge{display:inline-block;padding:2px 8px;border-radius:6px;border:1px solid transparent;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.badge--muted{background:#1a1a20;border-color:#26262e;color:#6a6a72}.energy{display:flex;align-items:center;gap:8px}.energy__num{width:1.2em;font-variant-numeric:tabular-nums}.energy__meter{position:relative;display:inline-block;width:56px;height:5px;background:#1e1e24;border-radius:3px;overflow:hidden}.energy__fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2f7,#fa4);border-radius:3px}.waveform{display:block}.waveform--empty{display:inline-block;width:160px;height:28px}.status{font-size:12px}.status--decoding,.status--analyzing{color:#c9c9ff}.status--queued{color:#6a6a72}.status--error{color:#ff7a7a}.crate__check{width:34px;text-align:center;padding-right:0}.crate__check input{cursor:pointer;accent-color:#f21b33}.crate__row--sel td{background:#16121400;box-shadow:inset 2px 0 #f21b33}.builder{margin-top:40px}.builder h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8a8a92;margin:0 0 16px}.builder__controls{display:grid;grid-template-columns:repeat(3,max-content);justify-content:start;align-items:start;gap:16px 22px}.ctrl{display:flex;flex-direction:column;gap:6px}.ctrl__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6a6a72}.ctrl__unit{align-self:center;font-size:12px;color:#6a6a72;padding:0 4px}.segmented{display:flex;align-items:stretch;gap:4px}.segmented--wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:356px;max-width:100%}.segmented--wrap .seg{padding-left:4px;padding-right:4px;font-size:11px;white-space:nowrap}.seg{background:#141418;border:1px solid #26262e;color:#b4b4ba;font-size:13px;font-weight:500;padding:7px 12px;border-radius:7px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.seg:hover{border-color:#3a3a44}.seg--on{background:#f21b3322;border-color:#f21b33aa;color:#ff8a97}.seg__input{width:78px}.seg__input::-webkit-outer-spin-button,.seg__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn{background:#16161c;border:1px solid #2a2a34;color:#e6e6e8;font-size:13px;font-weight:600;padding:8px 16px;border-radius:7px;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:hover:not(:disabled){border-color:#3a3a48}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:#f21b33;border-color:#f21b33;color:#fff}.btn--primary:hover:not(:disabled){background:#ff3247;border-color:#ff3247}.btn--ghost{background:transparent;border-color:#2a2a34;color:#b4b4ba}.builder__empty{margin-top:20px;color:#6a6a72;font-size:13px}.builder__empty strong{color:#b4b4ba}.builder__summary{display:flex;align-items:center;gap:28px;margin:24px 0 12px;padding-bottom:14px;border-bottom:1px solid #1c1c22}.stat{display:flex;flex-direction:column;gap:2px}.stat__num{font-size:18px;font-weight:700;color:#f4f4f6;font-variant-numeric:tabular-nums}.stat__target{color:#6a6a72;font-weight:500}.stat__label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6a6a72}.builder__actions{margin-left:auto;display:flex;gap:8px}.arcviz{display:block;width:100%;margin:8px 0 20px;background:#0d0d10;border:1px solid #1a1a20;border-radius:8px}.setlist{list-style:none;margin:0;padding:0}.setitem-wrap{margin:0}.setitem{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#111114;border:1px solid #1c1c22;border-radius:8px;cursor:grab}.setitem--over{border-color:#f21b33aa}.setitem--drag{opacity:.4}.setitem__pos{width:22px;text-align:right;color:#6a6a72;font-variant-numeric:tabular-nums;font-size:13px}.setitem__pin{font-size:12px;line-height:1;margin-left:-2px;opacity:.85;flex:0 0 auto}.setitem__grip{color:#3a3a44;cursor:grab}.setitem__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setitem__bpm{font-variant-numeric:tabular-nums;color:#b4b4ba;width:48px;text-align:right}.setitem__energy{color:#8a8a92;font-size:12px;width:28px;text-align:right}.transition{display:flex;align-items:center;gap:10px;padding:5px 0 5px 34px;position:relative}.transition__line{position:absolute;left:22px;top:0;bottom:0;width:1px;background:#24242c}.rel{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:5px}.rel--perfect{background:#2f7d3222;color:#4ade80;border:1px solid #4ade8055}.rel--compatible{background:#b4802022;color:#fbbf24;border:1px solid #fbbf2455}.rel--clash{background:#f21b3322;color:#ff7a7a;border:1px solid #ff7a7a55}.transition__bpm{font-size:11px;color:#6a6a72;font-variant-numeric:tabular-nums}.builder__save{display:flex;gap:8px;margin-top:16px}.builder__saveinput{flex:0 0 240px;background:#141418;border:1px solid #26262e;color:#e6e6e8;padding:8px 12px;border-radius:7px;font-size:13px}.builder__saveinput::placeholder{color:#55555c}.saved{margin-top:28px}.saved h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6a6a72;margin:0 0 10px}.saved__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.saved__item{display:flex;align-items:stretch;gap:6px}.saved__load{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111114;border:1px solid #1c1c22;border-radius:7px;padding:9px 12px;cursor:pointer;color:#e6e6e8;text-align:left}.saved__load:hover{border-color:#3a3a44}.saved__name{font-size:13px}.saved__meta{font-size:11px;color:#6a6a72}.saved__del{background:#111114;border:1px solid #1c1c22;border-radius:7px;color:#6a6a72;cursor:pointer;padding:0 12px}.saved__del:hover{border-color:#ff7a7a55;color:#ff7a7a}.crate__tools{display:flex;align-items:center;gap:14px}.crate__filter,.crate__vol{display:flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6a6a72}.crate__filter select{background:#141418;border:1px solid #26262e;color:#d4d4da;border-radius:6px;padding:4px 6px;font-size:12px;text-transform:none;letter-spacing:0}.crate__vol input[type=range]{width:80px;accent-color:#f21b33}.btn--sm{padding:5px 10px;font-size:12px}.crate__playcol{width:30px;padding-left:4px;padding-right:0}.playbtn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#16161c;border:1px solid #2a2a34;border-radius:50%;color:#c4c4ca;font-size:9px;cursor:pointer;padding:0;transition:background .12s ease,border-color .12s ease,color .12s ease}.playbtn:hover:not(:disabled){border-color:#f21b3388;color:#ff8a97}.playbtn--on{background:#f21b33;border-color:#f21b33;color:#fff}.playbtn:disabled{opacity:.3;cursor:not-allowed}.trackcell{display:flex;align-items:center;gap:10px;min-width:0}.art{width:26px;height:26px;border-radius:4px;object-fit:cover;flex-shrink:0;display:block}.art--empty{width:26px;height:26px;border-radius:4px;flex-shrink:0;background:linear-gradient(135deg,#1a1a20,#101014);border:1px solid #22222a}.trackcell__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genrechip{display:inline-block;padding:2px 8px;border-radius:6px;border:1px solid transparent;font-size:11px;font-weight:600;white-space:nowrap;max-width:190px;overflow:hidden;text-overflow:ellipsis}.crate__row--playing td,.setitem--playing{background:#f21b330d}.crate__row--playing .trackcell__title{color:#ff8a97}.waveform--seek{cursor:pointer}.seg__select{background:#141418;color:#b4b4ba;padding:7px 10px;cursor:pointer}.builder__match{margin:14px 0 0;font-size:12px;color:#8a8a92}.builder__matchlabel{color:#55555c}.builder__note{margin:8px 0 0;padding:8px 12px;font-size:12px;color:#fbbf24;background:#b480200f;border:1px solid #fbbf2433;border-radius:7px}.setitem__wave{color:#3a3a52;display:inline-flex;flex-shrink:0}.journey{margin:14px 0 0;display:flex;flex-direction:column;gap:8px}.journey__rows{display:flex;flex-direction:column;gap:6px}.journey__row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0f0f13;border:1px solid #1e1e26;border-radius:8px}.journey__pos{width:18px;text-align:center;font-size:12px;font-weight:700;color:#55555c;font-variant-numeric:tabular-nums}.journey__reorder{display:flex;flex-direction:column}.journey__reorder button{background:none;border:none;color:#6a6a72;cursor:pointer;font-size:10px;line-height:1.1;padding:0 4px}.journey__reorder button:disabled{opacity:.25;cursor:default}.journey__reorder button:hover:not(:disabled){color:#b4b4ba}.journey__pct{width:56px}.journey__share{font-size:11px;color:#8a8a92;font-variant-numeric:tabular-nums;min-width:30px}.journey__count{font-size:11px;color:#55555c;margin-left:auto;font-variant-numeric:tabular-nums}.journey__count--empty{color:#ff7a7a}.journey__del{background:none;border:none;color:#55555c;cursor:pointer;font-size:13px;padding:2px 6px}.journey__del:hover:not(:disabled){color:#ff7a7a}.journey__del:disabled{opacity:.25;cursor:default}.journey__report{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.journey__leg{font-size:11px;color:#8a8a92;padding:3px 9px;border-radius:6px;background:#141418;border:1px solid #24242c}.journey__leg b{color:#c9c9d2;font-weight:600}.journey__leg--short{color:#fbbf24;border-color:#fbbf2444;background:#b480200f}.journey__marker{margin:14px 0 4px 34px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ff8a97}.transition--boundary .transition__line{background:#f21b3355;width:2px}.transition__genre{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ff8a97;padding:2px 6px;border-radius:5px;background:#f21b3318;border:1px solid #f21b3344}.ted{margin-top:32px;padding-top:24px;border-top:1px solid #1c1c22}.ted__hint{background:#0f0f13;border:1px solid #1e1e26;border-radius:10px;padding:18px 20px;font-size:13px;color:#8a8a92}.ted__hint p{margin:0 0 10px}.ted__code{display:block;background:#08080a;border:1px solid #22222a;border-radius:7px;padding:10px 12px;margin:10px 0;color:#c9c9ff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.ted__hintsmall{font-size:12px;color:#6a6a72;margin:8px 0 0}.ted__hintsmall code{color:#9a9aa2}.ted__dir{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ted__dir span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6a6a72;white-space:nowrap}.ted__dir input{flex:1;background:#141418;border:1px solid #26262e;color:#e6e6e8;padding:7px 11px;border-radius:7px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ted__dir input::placeholder{color:#55555c}.ted__row{background:#111114;border:1px solid #1c1c22;border-radius:10px;padding:14px 16px;margin-bottom:10px}.ted__row--edited{border-color:#f21b3355;background:#12100f}.ted__head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ted__head strong{font-variant-numeric:tabular-nums;color:#f4f4f6}.ted__names{flex:1;font-size:13px;color:#b4b4ba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ted__reset{background:none;border:none;color:#6a6a72;font-size:11px;cursor:pointer;text-decoration:underline}.ted__reset:hover{color:#ff8a97}.ted__ctrls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.ted__ctrl{display:flex;flex-direction:column;gap:5px}.ted__ctrllabel{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6a6a72}.ted__stepper{display:flex;align-items:center;gap:2px}.ted__stepper button{width:26px;height:30px;background:#141418;border:1px solid #26262e;color:#b4b4ba;cursor:pointer;font-size:14px;line-height:1}.ted__stepper button:first-child{border-radius:7px 0 0 7px}.ted__stepper button:last-child{border-radius:0 7px 7px 0}.ted__stepper button:hover{border-color:#3a3a44;color:#fff}.ted__val{min-width:62px;text-align:center;font-size:12px;color:#8a8a92;font-variant-numeric:tabular-nums;padding:0 4px}.ted__val--set{color:#ff8a97;font-weight:600}.ted__preview{margin-left:auto}.ted__cues{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid #16161c;font-size:11px;color:#6a6a72;font-variant-numeric:tabular-nums}.ted__cues b{color:#d4d4da;font-weight:600}.ted__tempo{color:#55555c}.ted__pv{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.ted__pv audio{height:32px;flex:1;min-width:240px}.ted__pvmeta{font-size:11px;color:#6a6a72;font-variant-numeric:tabular-nums}.ted__teaser{margin-top:12px;padding-top:10px;border-top:1px solid #16161c}.ted__teaser--na{font-size:11px;color:#55555c}.ted__teasertoggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#b4b4ba;-webkit-user-select:none;user-select:none}.ted__teasertoggle input{accent-color:#f21b33;width:14px;height:14px}.ted__teasertag{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#ff8a97;background:#f21b3318;border:1px solid #f21b3344;padding:1px 6px;border-radius:5px}.ted__teaser--on .ted__teasertoggle{color:#ff8a97}.ted__teaserctrls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:10px}.ted__teaserhint{display:block;margin-top:6px;font-size:11px;color:#6a6a72}.ted__footer{display:flex;align-items:center;gap:12px;margin-top:14px}.ted__ab{display:flex;align-items:center;gap:4px}.ted__ab .seg{padding:5px 12px;font-weight:700}.saved__edited{margin-left:8px;padding:1px 6px;border-radius:4px;background:#f21b3322;border:1px solid #f21b3355;color:#ff8a97;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.app__headmain{min-width:0}.authbar{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:32px}.authbar--loading{width:120px}.authbar__user{color:#b4b4ba;font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn--beatnex{background:#f21b33;border:1px solid #f21b33;color:#fff}.btn--beatnex:hover:not(:disabled){background:#ff3247;border-color:#ff3247}.btn--google{background:#fff;border:1px solid #dcdce0;color:#1a1a1f;width:100%}.btn--google:hover:not(:disabled){background:#f2f2f4}.sync{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.sync--syncing{color:#c9a227;border-color:#3a3520;background:#1c1a12}.sync--synced{color:#35c07a;border-color:#1e3a2b;background:#10221a}.sync--local-only{color:#8a8a92;border-color:#2a2a34;background:#16161c}.sync--error{color:#ff5a6a;border-color:#3a1e22;background:#221012}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal__card{background:#101015;border:1px solid #2a2a34;border-radius:12px;padding:24px;width:100%;max-width:380px;box-shadow:0 20px 60px #00000080}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal__head h3{margin:0;font-size:17px}.modal__x{background:none;border:none;color:#8a8a92;cursor:pointer;font-size:15px}.modal__sub{margin:0 0 16px;color:#8a8a92;font-size:13px;line-height:1.5}.modal__or{text-align:center;color:#6a6a72;font-size:12px;margin:14px 0;position:relative}.modal__form{display:flex;flex-direction:column;gap:10px}.modal__form input{background:#16161c;border:1px solid #2a2a34;border-radius:7px;padding:10px 12px;color:#e6e6e8;font-size:14px}.modal__form input:focus{outline:none;border-color:#f21b33}.modal__err{color:#ff5a6a;font-size:12px;margin:0}.modal__notice{color:#35c07a;font-size:12px;margin:0}.modal__toggle{background:none;border:none;color:#b4b4ba;cursor:pointer;font-size:12px;margin-top:14px;width:100%;text-align:center}.modal__toggle:hover{color:#e6e6e8}.modal__choices{display:flex;flex-direction:column;gap:10px}.modal__choices--stacked{margin-top:4px}.modal__card--wide{max-width:460px}.syncdiff__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.syncdiff__card{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid #2a2a34;border-radius:9px;background:#16161c}.syncdiff__card--muted{opacity:.6}.syncdiff__label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a8a92}.syncdiff__counts{font-size:14px;font-weight:600;color:#e6e6e8}.syncdiff__when{font-size:12px;color:#6a6a72}.syncdiff__summary{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#1a1a22;color:#b4b4ba;font-size:12.5px;line-height:1.5}.syncdiff__note{margin:14px 0 0;color:#6a6a72;font-size:12px;line-height:1.5}.btn--destructive{border-color:#5a2230}.btn--destructive:hover:not(:disabled){border-color:#f21b33;background:#f21b3314}.btn--primary.btn--destructive{background:#f21b33;border-color:#f21b33;color:#fff}.btn--primary.btn--destructive:hover:not(:disabled){background:#d81730}.btn__consequence{opacity:.8;font-weight:400;font-size:.92em}.promocrate{margin-top:28px}.promocrate__hint{margin-top:20px;color:#6a6a72;font-size:13px}.promo-tag{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#0a0a0b;background:#f2b01b;vertical-align:middle}.promo__list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.promo{display:flex;align-items:center;gap:12px;background:#101015;border:1px solid #23232c;border-radius:10px;padding:10px 12px}.promo__art{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.promo__art--empty{background:#1a1a20;border:1px solid #23232c}.promo__main{flex:1;min-width:0}.promo__title{display:flex;align-items:center;gap:2px}.promo__name{font-weight:600;color:#f4f4f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo__badge{margin-left:8px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#0a0a0b;background:#f2b01b}.promo__source{margin-left:6px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8a8a92}.promo__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:3px;color:#8a8a92;font-size:12px}.promo__deadline{color:#c9a227}.promo__msg{margin:6px 0 0;color:#a0a0a8;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo__action{flex-shrink:0}.promo__added{color:#35c07a;font-size:12px;font-weight:600}.pshare{margin-top:16px;background:#0f0f14;border:1px solid #2a2a34;border-radius:10px;padding:14px 16px}.pshare--on{display:flex;align-items:center;gap:12px;border-color:#1e3a2b;background:#10221a}.pshare--off{display:flex;align-items:center;gap:12px}.pshare__head{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.pshare__note{color:#8a8a92;font-size:12px}.pshare__status{color:#35c07a;font-weight:700;font-size:13px}.pshare__table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:10px}.pshare__table th{text-align:left;color:#6a6a72;font-weight:600;padding:4px 8px;border-bottom:1px solid #23232c}.pshare__table td{padding:5px 8px;color:#c4c4ca;border-bottom:1px solid #17171d}.pshare__actions{display:flex;gap:8px}.pshare__err{color:#ff5a6a;font-size:12px;margin:0 0 8px}.app__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.app__headtools{display:flex;align-items:center;gap:10px;flex-shrink:0}.app__help{font-weight:700}.stage{position:relative;padding:22px 0 22px 46px}.stage:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:#23232b}.stage:first-of-type:before{top:22px}.stage:last-of-type:before{bottom:auto;height:40px}.stage__num{position:absolute;left:0;top:20px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#f4f4f6;background:#16161c;border:2px solid #33333d;z-index:1}.stage--muted .stage__num{color:#6a6a72}.stage__head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.stage__titles{min-width:0}.stage__title{margin:0;font-size:20px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#f4f4f6}.stage__hint{margin:4px 0 0;font-size:12.5px;color:#8a8a92;line-height:1.45}.stage__headright{margin-left:auto}.stage--muted{opacity:.72}.builder__actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:18px}.builder__buildbtns{display:flex;align-items:center;gap:10px}.builder__buildbtns .btn--primary{min-width:194px}.builder__buildhint{margin:10px 0 0;font-size:11.5px;color:#6a6a72;max-width:720px;line-height:1.4;min-height:2.8em}.builder__buildhint strong{color:#a0a0a8;font-weight:600}.builder__summary{justify-content:space-between;flex-wrap:wrap}.builder__stats{display:flex;align-items:center;gap:28px}.builder__saverow{display:flex;align-items:center;gap:10px}.builder__unsaved{font-size:11px;color:#f2b01b;font-weight:600;white-space:nowrap}.builder__saverow .builder__saveinput{margin:0;min-width:180px}.export__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.export__card{display:flex;flex-direction:column;gap:10px;padding:16px;background:#101015;border:1px solid #23232b;border-radius:10px}.export__card--audio{border-color:#33202a}.export__card--cloud{border-color:#1e2f3a}.export__blocked{margin:0;padding-left:18px;font-size:12px;line-height:1.6;color:#9a9aa2}.cloudrender__progress{display:flex;flex-direction:column;gap:8px}.cloudrender__bar{height:6px;border-radius:3px;background:#1c1c22;overflow:hidden}.cloudrender__bar span{display:block;height:100%;background:#3aa0d8;transition:width .4s ease}.cloudrender__downloads{display:flex;flex-direction:column;gap:8px}.cloudrender__listen{margin-top:12px;padding-top:10px;border-top:1px solid #23232c;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.cloudrender__listen .export__note{margin:0}.cloudrender__links{display:flex;flex-wrap:wrap;gap:6px}.cloudrender__links .btn{align-self:auto}.export__title{margin:0;font-size:14px;font-weight:700;color:#f4f4f6}.export__desc{margin:0;font-size:12.5px;line-height:1.5;color:#9a9aa2;flex:1}.export__desc strong{color:#e6e6e8}.export__card .btn{align-self:flex-start}.export__dir{display:flex;flex-direction:column;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6a6a72}.export__dir input{background:#16161c;border:1px solid #2a2a34;border-radius:7px;padding:8px 10px;color:#e6e6e8;font-size:13px;text-transform:none;letter-spacing:normal}.export__dir input:focus{outline:none;border-color:#f21b33}.export__note{margin:0;font-size:11.5px;line-height:1.5;color:#7a7a82}.export__note--ok{color:#35c07a}.export__note--err{color:#ff5a6a}.export__code{display:block;margin-top:6px;padding:7px 9px;background:#0b0b0e;border:1px solid #23232b;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:#c9a227;overflow-x:auto}.export__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4a4a52;margin-right:4px;vertical-align:middle}.export__dot--on{background:#35c07a}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.tour__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.tour__spot{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px #000000b8,0 0 0 2px #f21b33;transition:all .2s ease;pointer-events:auto}.tour__tip{position:fixed;width:340px;max-width:calc(100vw - 24px);background:#14141a;border:1px solid #33333d;border-radius:12px;padding:18px;box-shadow:0 20px 60px #0009;z-index:201}.tour__step{font-size:11px;font-weight:700;letter-spacing:.06em;color:#f21b33;margin-bottom:6px}.tour__title{margin:0 0 8px;font-size:16px;color:#f4f4f6}.tour__body{margin:0 0 16px;font-size:13px;line-height:1.55;color:#b4b4ba}.tour__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour__nav{display:flex;gap:8px}.builder__fresh{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid #26262e;border-radius:7px;background:#141418;font-size:13px;color:#c4c4ca;cursor:pointer;white-space:nowrap}.builder__fresh input{accent-color:#f21b33;cursor:pointer}.builder__score{color:#8a8a92;font-variant-numeric:tabular-nums}.builder__excluded{color:#c9a227}.setlist__intro{margin:0 0 14px;font-size:12.5px;color:#8a8a92;line-height:1.5;max-width:760px}.setlist__intro strong{color:#b4b4ba;font-weight:600}.lesson{margin:2px 0 10px 34px}.lesson__summary{display:inline-flex;align-items:center;gap:7px;padding:3px 2px;font-size:11.5px;color:#6a6a72;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.lesson__summary::-webkit-details-marker{display:none}.lesson__summary:hover{color:#b4b4ba}.lesson__chev{width:0;height:0;border-left:4px solid currentColor;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transition:transform .12s ease}.lesson[open] .lesson__chev{transform:rotate(90deg)}.lesson__partial{padding:1px 6px;border:1px solid #26262e;border-radius:4px;font-size:10px;color:#55555c}.lesson__body{margin-top:8px;padding:14px 16px;border:1px solid #1e1e24;border-radius:9px;background:#0e0e11;max-width:760px}.lesson__part+.lesson__part{margin-top:14px}.lesson__h{margin:0 0 6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#6a6a72;font-weight:600}.lesson__list,.lesson__steps{margin:0;padding-left:18px}.lesson__list li,.lesson__steps li{margin-bottom:5px;font-size:12.5px;line-height:1.55;color:#b4b4ba}.lesson__p{margin:0 0 6px;font-size:12.5px;line-height:1.55;color:#b4b4ba}.lesson__at{display:inline-block;margin-right:8px;padding:1px 6px;border-radius:4px;background:#17171c;border:1px solid #26262e;color:#f2b01b;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.lesson__hint,.lesson__note{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:#6a6a72}.lesson__note{padding-top:10px;border-top:1px solid #1e1e24;color:#55555c}.lesson__code{display:block;margin-top:6px;padding:6px 8px;border-radius:5px;background:#141418;border:1px solid #26262e;color:#b4b4ba;font-size:11px}.export__help{margin-top:10px;font-size:11.5px;color:#6a6a72}.export__help>summary{cursor:pointer;color:#8a8a92;-webkit-user-select:none;user-select:none}.export__help>summary:hover{color:#b4b4ba}.export__steps{margin:8px 0 0;padding-left:18px}.export__steps li{margin-bottom:5px;line-height:1.5}.export__steps strong{color:#b4b4ba;font-weight:600}.listencrate{margin-top:28px}.listencrate .crate__meta a{color:#8a8a92;text-decoration:none}.listencrate .crate__meta a:hover{color:#e6e6e8}.listencrate__tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.listencrate__toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a8a92}.listencrate__hint{margin-top:12px;color:#6a6a72;font-size:13px}.listencrate__hint a{color:#8a8a92}.listencrate__sub{display:flex;align-items:center;gap:10px;margin-top:12px}.listencrate__sub .btn:last-child{margin-left:auto}.listencrate__title{font-weight:600;color:#f4f4f6;font-size:13px}.listencrate__playlists{margin-top:12px}.listen-tag{flex-shrink:0;margin-left:8px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#0a0a0b;background:#3aa0d8}.listen-tag--mix{background:#b48cf2}.listen-tag--demo{background:#f27d5c}.listen-tag--catalog{background:#35c07a}.listen-tag--promo{background:#f2b01b}.listen__hint{color:#6a6a72;font-style:italic}.listen__expired{color:#e0605c;font-weight:600}.listen__added{display:flex;align-items:center;gap:8px}.backlink{font-size:12px;color:#8a8a92;text-decoration:none;padding:5px 9px;border:1px solid #23232c;border-radius:7px;white-space:nowrap}.backlink:hover{color:#e6e6e8;border-color:#3a3a46}.export__card--listen{border-color:#1e3a2a}.savelisten__file{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#8a8a92}.savelisten__file input{font-size:12px;color:#b4b4ba}.savelisten__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.export__card .savelisten__row .btn{align-self:auto}.savelisten__ok{display:flex;flex-direction:column;gap:6px}.automix__card{max-height:92vh;overflow-y:auto}.automix__body{display:flex;flex-direction:column;gap:12px;margin-top:8px}.automix__controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;align-items:end}.automix__field{display:flex;flex-direction:column;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6a6a72}.automix__field input,.automix__field .seg__select{background:#16161c;border:1px solid #2a2a34;border-radius:7px;padding:8px 10px;color:#e6e6e8;font-size:13px;text-transform:none;letter-spacing:normal;width:100%}.automix__toggle{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:13px;color:#b4b4ba}.automix__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow-y:auto}.automix__row{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #23232c;border-radius:8px;background:#101015;cursor:grab}.automix__row--drag{opacity:.5}.automix__pos{width:20px;text-align:right;font-size:12px;color:#6a6a72;font-variant-numeric:tabular-nums}.automix__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#f4f4f6}.automix__time{font-size:12px;color:#8a8a92;font-variant-numeric:tabular-nums}.automix__reorder{display:flex;gap:2px}.automix__reorder button{background:none;border:1px solid #2a2a34;border-radius:5px;color:#b4b4ba;width:24px;height:22px;cursor:pointer;font-size:12px}.automix__reorder button:disabled{opacity:.35;cursor:default}.automix__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.automix__skipped{font-size:12px;color:#8a8a92}.automix__skipped summary{cursor:pointer}.automix__skipped ul{margin:6px 0 0;padding-left:18px}.automix__reason{color:#6a6a72}.automix__link{background:none;border:none;padding:0;color:#8a8a92;text-decoration:underline;cursor:pointer;font:inherit}.crate__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.crate__listhead{display:flex;align-items:center;gap:8px;padding:2px 4px 6px;border-bottom:1px solid #1c1c22;font-size:12px;color:#6a6a72}.crate__list .crate__empty{padding:24px 12px}.crate__item{display:flex;align-items:flex-start;gap:8px;padding:8px 8px 8px 4px;background:#111114;border:1px solid #1c1c22;border-radius:8px;min-width:0}.crate__item--sel{box-shadow:inset 2px 0 #f21b33}.crate__item--playing{background:#f21b330d}.crate__item--playing .trackcell__title{color:#ff8a97}.crate__item--pending{color:#7a7a82}.crate__item .playbtn{flex-shrink:0;margin-top:10px}.crate__itemcheck{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;flex-shrink:0;cursor:pointer}.crate__itemcheck input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#f21b33}.crate__itembody{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:4px}.crate__itemtitle{display:flex;align-items:center;gap:8px;min-width:0}.crate__itemtitle .trackcell__title{flex:1 1 auto;min-width:0;font-size:14px;color:#e6e6e8;overflow-wrap:anywhere}.crate__itemmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;color:#b4b4ba;font-variant-numeric:tabular-nums}.crate__chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;background:#16161c;border:1px solid #23232b;white-space:nowrap}.crate__chip .badge{padding:0 5px;font-size:11px}.crate__itemwave{color:#4a4aff;line-height:0}.crate__itemwave .waveform{width:100%;height:18px}.crate__itemwave .waveform--empty{width:100%}.crate__sortsel select{max-width:120px}.crate__sortdir{min-width:44px;min-height:34px;padding:0 8px}.setitem__move{display:inline-flex;gap:4px;flex-shrink:0;margin-left:auto}.setitem__move button{width:44px;height:44px;background:#16161c;border:1px solid #2a2a34;border-radius:7px;color:#b4b4ba;cursor:pointer;font-size:12px;padding:0}.setitem__move button:disabled{opacity:.3;cursor:default}@media (max-width: 640px){.app{max-width:100%;padding:16px 16px 48px}.app__header p{display:none}.app__headmain,.app__headtools,.authbar,.brand{min-width:0;flex-wrap:wrap}.app__headtools{flex-shrink:1;gap:8px}.authbar__user{max-width:140px}.brand__logo{height:28px}.brand__product{font-size:18px}.stage__title{overflow-wrap:anywhere}.btn--sm,.backlink,.crate__filter select,.seg,.seg__select,.saved__del,.journey__reorder button,.automix__reorder button{min-height:44px}.backlink{display:inline-flex;align-items:center}.playbtn{width:36px;height:36px;font-size:11px}.crate__check input,.builder__fresh input{width:20px;height:20px}.builder__fresh{height:44px}.stage{padding:18px 0}.stage:before{display:none}.stage__head{align-items:center;gap:10px;flex-wrap:wrap}.stage__num{position:static;width:26px;height:26px;font-size:13px;flex-shrink:0}.stage__body{min-width:0}.transition{padding-left:12px}.transition__line{left:4px}.lesson,.journey__marker{margin-left:12px}.crate__head{flex-wrap:wrap;align-items:center;gap:8px 12px}.crate__tools{flex-wrap:wrap;min-width:0;gap:8px 12px}.crate__vol input[type=range]{width:64px}.dropzone{padding:28px 16px;margin-top:16px}.listencrate__sub,.listencrate__tabs,.listen__added,.promo__title{flex-wrap:wrap;min-width:0}.listencrate__sub .btn:last-child{margin-left:0}.promo{flex-wrap:wrap}.promo__action{flex-basis:100%}.builder__controls{grid-template-columns:1fr;justify-content:stretch;gap:14px}.ctrl{min-width:0}.segmented{flex-wrap:wrap}.segmented--wrap{width:100%}.segmented--wrap .seg{min-width:0}.seg__input{width:78px}.journey__row{flex-wrap:wrap;row-gap:6px}.journey__row .seg__select{flex:1 1 120px;min-width:0}.builder__actions{gap:10px}.builder__fresh{width:100%;justify-content:center}.builder__buildbtns{flex-direction:column;align-items:stretch;width:100%;min-width:0}.builder__buildbtns .btn{width:100%;min-height:44px}.builder__buildbtns .btn--primary{min-width:0}.builder__summary{gap:12px}.builder__stats{flex-wrap:wrap;gap:16px 20px}.builder__saverow{flex-wrap:wrap;width:100%;min-width:0}.builder__saverow .builder__saveinput,.builder__saveinput{flex:1 1 160px;min-width:0}.builder__saverow .btn{min-height:44px}.setitem{flex-wrap:wrap;gap:6px 8px;padding:8px 10px}.setitem__name{flex:1 1 60%;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:14px}.setitem__bpm,.setitem__energy{width:auto;text-align:left}.setitem .genrechip{max-width:100%}.setitem__move{margin-left:auto}.journey__report,.transition{flex-wrap:wrap}.ted__row,.ted__pv,.pshare,.lesson__body,.export__card{max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.ted__pv audio{min-width:0;width:100%}.ted__head{flex-wrap:wrap}.ted__names{flex-basis:100%;white-space:normal;overflow-wrap:anywhere}.ted__dir{flex-wrap:wrap}.ted__dir input{flex-basis:100%;min-width:0}.ted__footer{flex-wrap:wrap}.export__cards{grid-template-columns:1fr}.arcviz{max-width:100%}.modal{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));align-items:flex-end}.modal__card,.modal__card--wide{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 16px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.automix__card{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px))}.automix__controls{grid-template-columns:1fr 1fr}.automix__field:first-child{grid-column:1 / -1}.automix__row{flex-wrap:wrap;min-width:0}.automix__name{flex-basis:60%;white-space:normal;overflow-wrap:anywhere}.automix__reorder{margin-left:auto}.automix__reorder button{width:44px;height:44px}.automix__actions .btn{width:100%;min-height:44px}.tour__tip{right:12px;width:auto;max-width:none;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.syncdiff__cards{grid-template-columns:1fr}.modal__choices .btn{min-height:44px}}