/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--bg:#0d0e0e;--surface:#171818;--surface-2:#222424;--surface-3:#303232;--metal:#c7c9c7;--metal-dark:#747775;--ink:#111212;--text:#ececea;--muted:#9c9f9d;--line:#454847;--pink:#ff91aa;--yellow:#f4d849;--green:#36e77a;--cyan:#38c9cf;--orange:#f46b32;--cream:#eee8d6;--red:var(--pink);--paper:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 75% 5%, #ffffff0b, transparent 28%), var(--bg);min-height:100vh}.topbar{z-index:30;background:#111;border-bottom:1px solid #393b3a;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,4vw);display:flex;position:sticky;top:0}.topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--pink), var(--yellow), transparent);opacity:.75;height:2px;position:absolute;bottom:-3px;left:0;right:0}.brand{color:#fff;text-align:left;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:12px;font:11px/1.08 Courier New,monospace;display:flex}.brand b{color:var(--pink);font-size:13px;display:block}.brand-mark{background:linear-gradient(#565858,#222);border:2px solid #d7d9d7;place-items:center;width:36px;height:36px;font-weight:900;display:grid;box-shadow:inset 0 0 0 3px #111}.desktop-nav{height:100%;display:flex}.desktop-nav button{color:#929492;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-left:1px solid #2c2d2d;min-width:130px;font:700 11px Courier New,monospace}.desktop-nav button:last-child{border-right:1px solid #2c2d2d}.desktop-nav button:hover,.desktop-nav button.active{color:var(--text);box-shadow:inset 0 -3px var(--pink);background:#1c1d1d}.creator-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.creator-toggle>span{text-align:right;flex-direction:column;display:flex}.creator-toggle b{letter-spacing:.08em;font:700 10px Courier New,monospace}.creator-toggle input{opacity:0;position:absolute}.creator-toggle i{background:#272929;border:1px solid #707372;width:46px;height:24px;position:relative}.creator-toggle i:after{content:"";background:#8a8c8b;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:inset 0 0 0 1px #ddd}.eyebrow{color:var(--pink);letter-spacing:.16em;font:700 11px Courier New,monospace}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:68px;max-width:1440px;min-height:680px;margin:auto;padding:80px max(24px,5vw) 70px;display:grid}.hero-copy h1{color:#fff;letter-spacing:-.065em;margin:24px 0 28px;font-size:clamp(58px,7vw,104px);line-height:.84}.hero-copy h1 em{color:var(--pink);font-style:normal}.primary,.secondary,.danger.solid{letter-spacing:.08em;text-transform:uppercase;border:1px solid #777a78;border-radius:0;min-height:46px;padding:0 18px;font:800 10px Courier New,monospace}.primary{color:#131313;background:var(--pink);border-color:#ffb6c7;box-shadow:3px 3px #5b2030}.secondary{color:var(--text);background:linear-gradient(#343636,#222);border-color:#777}.hero-cta{min-height:54px;margin-top:18px;padding:0 24px}.deck-specs{color:#747876;letter-spacing:.12em;gap:18px;margin-top:34px;font:9px Courier New,monospace;display:flex}.deck-specs span{padding-left:12px;position:relative}.deck-specs span:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 7px var(--green);border-radius:50%;position:absolute;top:2px;left:0}.collection-rack{background:linear-gradient(145deg,#262727,#131414);border:1px solid #4c4e4d;padding:18px 20px 26px;position:relative;box-shadow:inset 0 1px #6b6d6c,0 20px 50px #050505}.collection-rack:before,.collection-rack:after{content:"✣";color:#8a8c8b;font-size:15px;position:absolute}.collection-rack:before{top:7px;left:8px}.collection-rack:after{top:7px;right:8px}.rack-top{color:#9b9e9c;letter-spacing:.08em;justify-content:space-between;margin:0 18px 16px;font:9px Courier New,monospace;display:flex}.cassette-collection{background:#090a0a;border:1px solid #050505;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;display:grid;box-shadow:inset 0 0 28px #000}.cassette-collection .cassette{width:100%;box-shadow:none;border-width:2px;border-radius:5px;padding:11px 12px 9px}.cassette-collection .cassette-label{height:46px;padding:6px}.cassette-collection .cassette-label:before{height:9px;top:14px}.cassette-collection .cassette-label:after{height:7px;bottom:4px}.cassette-collection .cassette-label small{font-size:5px}.cassette-collection .cassette-label strong{padding:2px 5px;font-size:8px}.cassette-collection .cassette-label span{font-size:11px;bottom:13px}.cassette-collection .cassette-window{height:36px;margin:7px 12px 0;padding:0 9px}.cassette-collection .cassette-window:before{height:14px}.cassette-collection .reel{border-width:5px;width:26px;height:26px}.cassette-collection .reel b{width:7px;height:7px}.cassette-collection .cassette-bottom{height:19px;margin-top:7px;margin-bottom:-9px}.rack-shelf{color:#d5ab80;letter-spacing:.08em;background:linear-gradient(#9c5b2d,#5d2f17);border:1px solid #696b6a;justify-content:space-between;align-items:center;height:24px;margin:14px -12px -19px;padding:0 12px;font:7px Courier New,monospace;display:flex}.rack-shelf i{background:#1c130d;border-radius:50%;width:7px;height:7px;box-shadow:inset 1px 1px #b87846}.cassette{--tape-accent:var(--cyan);background:linear-gradient(145deg,#303232,#111);border:3px solid #050606;border-radius:8px;max-width:500px;margin:auto;padding:22px 25px 18px;position:relative;box-shadow:inset 0 0 0 2px #4a4c4c,9px 12px #00000057}.cassette:before,.cassette:after{content:"+";color:#a7aaa8;text-align:center;background:#181919;border-radius:50%;width:12px;height:12px;font:11px/12px Arial;position:absolute;top:7px;box-shadow:inset 0 0 0 1px #676967}.tape-orange{--tape-accent:var(--orange)}.tape-ivory{--tape-accent:#e8ddc3}.tape-green{--tape-accent:#4b9a56}.tape-smoke{--tape-accent:#78828d}.cassette-label{background:var(--tape-accent);color:#111;border:1px solid #111;flex-direction:column;justify-content:center;align-items:center;height:88px;padding:10px 16px;display:flex;position:relative;overflow:hidden}.cassette-label:before,.cassette-label:after{content:"";background:#ffffffb8;position:absolute;left:0;right:0}.cassette-label small{letter-spacing:.1em;font:700 7px Courier New,monospace;position:absolute;top:5px;left:10px}.cassette-label strong{z-index:1;white-space:nowrap;text-overflow:ellipsis;background:#f6efd9eb;max-width:76%;padding:4px 9px;font:800 clamp(10px,1.5vw,15px) Courier New,monospace;overflow:hidden}.cassette-label span{z-index:2;color:#111;font:900 19px Arial;position:absolute;bottom:22px;right:9px}.cassette-window{background:#c9cbc9;border:2px solid #050505;border-radius:38px;justify-content:space-between;align-items:center;height:75px;margin:13px 27px 0;padding:0 22px;display:flex;position:relative;box-shadow:inset 0 0 0 4px #686a69}.cassette-window:before{content:"";background:#23170f;border-radius:4px;width:46%;height:28px;position:absolute;left:27%;box-shadow:inset 0 0 9px #000}.reel{z-index:1;background:#eee;border:8px dashed #2b2c2b;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.reel b{background:#111;border-radius:50%;width:13px;height:13px}.tape-line{border-top:2px solid #120c08;position:absolute;left:27%;right:27%}.is-playing .reel{animation:1s linear infinite spin}.cassette-bottom{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:#1b1c1c;border:2px solid #111;border-bottom:0;justify-content:space-around;align-items:center;width:58%;height:38px;margin:12px auto -18px;display:flex}.cassette-bottom i{background:#eee;border-radius:50%;width:7px;height:7px}.cassette-bottom div{border-top:3px solid #777;width:32px}.spine-shelf{background:#090a0a;border-top:9px solid #8e4f27;border-bottom:12px solid #492512;grid-template-columns:repeat(8,1fr);gap:4px;max-width:100%;min-height:126px;padding:18px max(24px,5vw) 24px;display:grid;box-shadow:inset 0 15px 30px #000}.spine-shelf span{color:#171717;background:#e8e4d9;border:1px solid #020202;flex-direction:column;justify-content:space-between;min-width:0;padding:11px 9px;display:flex;box-shadow:inset 0 0 0 2px #ffffff4d}.spine-shelf b{white-space:nowrap;text-overflow:ellipsis;font:800 10px Arial Narrow,Arial,sans-serif;overflow:hidden}.spine-shelf small{opacity:.65;font:7px Courier New,monospace}.spine-shelf .spine-1{background:#d46c34}.spine-shelf .spine-2{background:#6e8a79}.spine-shelf .spine-3{background:#efdbc2}.spine-shelf .spine-4{color:#fff;background:#a04b70}.spine-shelf .spine-5{background:#cbb03f}.library{max-width:1400px;margin:auto;padding:70px max(24px,5vw) 100px}.section-head,.search-title,.builder-head{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.section-head h2,.how h2,.search-title h2,.builder-head h2,.form-block h2,.collaboration h2{color:#fff;letter-spacing:-.035em;margin:7px 0 0;font-size:42px}.count,.search-title>span{border:1px solid var(--line);color:#b9bcba;letter-spacing:.1em;padding:8px 11px;font:700 9px Courier New,monospace}.mix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.mix-card{background:#161717;border:1px solid #4b4e4c;grid-template-columns:47% 53%;min-height:310px;transition:all .2s;display:grid;overflow:hidden;box-shadow:inset 0 1px #626563}.mix-card:hover{border-color:#878a88;transform:translateY(-3px)}.card-art{background:radial-gradient(circle at 50% 40%,#3a3c3b,#181919 68%);align-items:center;min-width:0;padding:40px 20px 28px;display:flex;position:relative}.card-art .cassette{border-width:2px;width:100%;padding:13px 15px 11px;box-shadow:5px 7px #090909}.card-art .cassette-label{height:54px}.card-art .cassette-label:before{height:10px;top:16px}.card-art .cassette-label:after{height:8px;bottom:4px}.card-art .cassette-label small{font-size:5px}.card-art .cassette-label strong{font-size:9px}.card-art .cassette-label span{font-size:12px;bottom:15px}.card-art .cassette-window{height:42px;margin:8px 15px 0;padding:0 10px}.card-art .cassette-window:before{height:15px}.card-art .reel{border-width:5px;width:31px;height:31px}.card-art .reel b{width:7px;height:7px}.card-art .cassette-bottom{height:22px;margin-top:8px;margin-bottom:-11px}.status{z-index:2;background:var(--yellow);color:#111;letter-spacing:.08em;border:1px solid #111;padding:5px 8px;font:800 8px Courier New,monospace;position:absolute;top:12px;left:13px}.style-tag{color:#858987;font:8px Courier New,monospace;position:absolute;bottom:10px;right:11px}.mix-info{border-left:1px solid #3b3d3c;flex-direction:column;min-width:0;padding:30px;display:flex}.mix-info h3{color:#fff;margin:18px 0 9px;font-size:28px;line-height:1.06}.mix-info p{color:var(--muted);margin:0;font-size:12px}.card-actions{gap:8px;margin-top:auto;display:flex}.card-actions .primary{flex:1}.icon-btn{color:#ddd;background:linear-gradient(#303231,#1c1d1d);border:1px solid #6e716f;width:43px}.how{text-align:center;background:#121313;border-top:1px solid #3a3c3b;padding:80px max(24px,7vw)}.how>h2{max-width:720px;margin:12px auto 50px}.how>div{border:1px solid #4a4d4b;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:auto;display:grid}.how article{background:#191a1a;min-height:230px;padding:34px;position:relative}.how article>b{color:#5b5e5c;font:12px Courier New,monospace;position:absolute;top:15px;right:18px}.how article>span{color:var(--yellow);font-size:41px;display:block}.how h3{color:#fff;margin:20px 0 9px;font-size:20px}.how p{color:var(--muted);font-size:13px;line-height:1.55}.editor-page{max-width:1440px;margin:auto;padding:42px max(18px,4vw) 110px}.editor-head{grid-template-columns:145px 1fr auto;align-items:center;gap:24px;display:grid}.back{color:#a8aba9;text-align:left;background:0 0;border:0;font:700 10px Courier New,monospace}.editor-head h1{color:#fff;margin:7px 0;font-size:41px}.editor-actions{gap:10px;display:flex}.studio-tabs{border:1px solid var(--line);background:#151616;margin:35px 0;display:flex;overflow:auto}.studio-tabs button{border:0;border-right:1px solid var(--line);color:#8d908e;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:0 0;flex:1;min-height:54px;padding:0 20px;font:800 10px Courier New,monospace}.panel,.search-main,.tape-summary,.builder{background:#181919;border:1px solid #4b4e4c;padding:32px;box-shadow:inset 0 1px #525553}.details-panel{grid-template-columns:1.2fr .8fr;gap:48px;display:grid}.form-block label,.modal label{color:#c7c9c7;letter-spacing:.07em;text-transform:uppercase;flex-direction:column;gap:8px;margin:22px 0;font:700 10px Courier New,monospace;display:flex}.form-block input,.form-block select,.form-block textarea,.modal input,.modal textarea,.invite input{color:#eee;letter-spacing:0;text-transform:none;background:#101111;border:1px solid #5b5e5c;border-radius:0;outline:none;width:100%;padding:14px;font-family:Arial,sans-serif;font-weight:400}textarea{resize:vertical;min-height:110px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.uploads{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.uploads label{text-align:center;cursor:pointer;background:#121313;border:1px dashed #646765;justify-content:center;align-items:center;min-height:125px;margin:0;padding:20px 10px}.uploads label:hover{border-color:var(--pink)}.uploads label span{color:var(--pink);font-size:25px}.uploads label small{color:#747775;font-size:8px}.uploads input{display:none}.style-preview{border-left:1px solid var(--line);padding-left:45px}.preview-art{background:radial-gradient(circle,#303232,#0d0e0e 70%);border:1px solid #565957;flex-direction:column;justify-content:space-between;min-height:470px;margin:18px 0;padding:22px;display:flex;overflow:hidden}.preview-spec{color:#8d908e;justify-content:space-between;font:8px Courier New,monospace;display:flex}.preview-art h3{color:#fff;max-width:330px;margin:28px 0 0;font-size:42px;line-height:.92}.preview-art .cassette{transform-origin:0 100%;width:145%;margin:-50px 0 -25px;transform:scale(.69)}.style-preview>p,.collaboration>div>p{color:var(--muted);font-size:13px;line-height:1.6}.search-layout{grid-template-columns:1fr 305px;align-items:start;gap:28px;display:grid}.searchbar{background:#101111;border:1px solid #737674;grid-template-columns:40px 1fr 175px;align-items:center;margin-bottom:18px;display:grid}.searchbar>span{color:var(--pink);text-align:center;font-size:23px}.searchbar input,.searchbar select{background:0 0;border:0;outline:none;padding:15px}.searchbar select{color:#ccc;border-left:1px solid #4c4f4d;font-size:11px}.track-result{background:#171818;border-bottom:1px solid #3e4140;grid-template-columns:58px 1fr 55px 170px;align-items:center;gap:15px;padding:13px;display:grid}.track-copy>span{color:var(--pink);letter-spacing:.1em;font:700 8px Courier New,monospace}.track-copy h3{color:#fff;margin:4px 0;font-size:18px}.track-copy p{color:var(--muted);margin:0;font-size:10px}.add-buttons{gap:6px;display:flex}.add-buttons button{color:#ddd;background:#252727;border:1px solid #646765;padding:9px;font:700 9px Courier New,monospace}.cover{border:1px solid #777;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #00000040}.cover:before{content:"";background:#ffffff26;border:7px solid #0000006b;border-radius:50%;width:70%;height:70%;position:absolute}.cover span{z-index:1;color:#fff;text-shadow:1px 1px #000;font:900 10px Courier New,monospace}.cover i{border-top:2px solid #ffffffa6;position:absolute;bottom:6px;left:7px;right:7px}.cover-md{width:58px;height:58px}.cover-sm{width:48px;height:48px}.tape-summary{position:sticky;top:100px}.tape-summary>h2{color:#fff;margin:9px 0 25px;font-size:27px}.runtime{border-top:4px solid #bcbfbd;padding:16px 0 22px}.runtime>div:first-child{justify-content:space-between;font:10px Courier New,monospace;display:flex}.meter,.big-meter{background:#090a0a;border:1px solid #444;height:10px;margin:12px 0}.meter i,.big-meter i{background:repeating-linear-gradient(90deg,var(--green) 0 13px,transparent 13px 16px);height:100%;filter:drop-shadow(0 0 4px var(--green));display:block}.runtime p{color:var(--muted);font:9px Courier New,monospace}.summary-track{color:#ddd;white-space:nowrap;text-overflow:ellipsis;margin:8px 0;font-size:11px;display:block;overflow:hidden}.runtime button{color:var(--pink);background:0 0;border:0;margin-top:11px;padding:0;font:700 10px Courier New,monospace}.sides{grid-template-columns:1fr 1fr;gap:22px;display:grid}.side-builder{background:#101111;border:1px solid #616462;min-width:0;padding:19px}.side-title{grid-template-columns:42px 58px 1fr;align-items:center;display:grid}.side-title>span{color:#aaa;font:9px Courier New,monospace;transform:rotate(-90deg)}.side-title>b{color:var(--pink);font-size:58px;line-height:.8}.side-title>div{flex-direction:column;align-items:end;display:flex}.side-title strong,.side-title small,.remaining{font:9px Courier New,monospace}.side-title small,.remaining{color:#808482}.remaining{text-align:right;text-transform:uppercase}.empty{text-align:center;border:1px dashed #555;padding:40px 24px}.empty>span{color:var(--green);font-size:37px}.empty b{color:#fff;margin:10px;display:block}.empty p{color:var(--muted);font-size:12px}.empty button,.add-more{color:var(--pink);background:0 0;border:0;font-weight:700}.builder-tracks{flex-direction:column;gap:6px;display:flex}.builder-tracks article{background:#1b1c1c;border:1px solid #3f4240;grid-template-columns:20px 25px 48px 1fr auto;align-items:start;gap:9px;padding:12px;display:grid}.drag{color:#666;line-height:48px}.track-no{color:#aaa;font:10px/48px Courier New,monospace}.builder-copy h3{color:#fff;margin:1px 0 3px;font-size:16px}.builder-copy p{color:var(--muted);margin:0;font-size:9px}.builder-copy blockquote{border-left:2px solid var(--yellow);color:#bbb;margin:8px 0 0;padding-left:8px;font-size:10px;font-style:italic}.builder-tracks article>b{color:#aaa;font:9px Courier New,monospace}.track-tools{grid-column:3/-1;justify-content:end;gap:4px;display:flex}.track-tools button{background:#252727;border:1px solid #555;width:30px;height:28px}.track-tools button:disabled{opacity:.25}.add-more{border:1px dashed #494c4a;width:100%;margin-top:6px;padding:17px;font:700 10px Courier New,monospace}.collaboration{grid-template-columns:1.2fr .8fr;gap:45px;display:grid}.owner-row{border-top:1px solid #444;align-items:center;gap:13px;padding:15px 0;display:flex}.avatar{background:var(--pink);color:#111;border-radius:0;place-items:center;width:42px;height:42px;font-size:10px;font-weight:700;display:grid}.avatar.alt{background:var(--yellow)}.owner-row>div{flex-direction:column;flex:1;display:flex}.owner-row small{color:var(--muted);font-size:9px}.owner-row strong{background:var(--yellow);color:#111;padding:5px;font:8px Courier New,monospace}.owner-row button{color:var(--pink);background:0 0;border:0;font-size:10px}.invite{grid-template-columns:1fr auto;gap:10px;margin-top:18px;display:grid}.integration-note{color:#747775;margin-top:14px;font:8px Courier New,monospace;display:block}.collaboration aside{background:#101111;border:1px solid #5d605e;padding:28px}.collaboration aside>span{color:var(--yellow);letter-spacing:.12em;font:8px Courier New,monospace}.collaboration aside h3{color:#fff;font-size:25px}.collaboration aside li{color:#b5b8b6;margin:11px 0;font-size:12px;line-height:1.55}.mix-action-bar{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.mix-action-bar button{color:#ddd;background:#1b1c1c;border:1px solid #565957;padding:11px 14px;font:700 9px Courier New,monospace}.mix-action-bar .danger{color:#ff8f8f;border-color:#8b4545}.listener-page{color:#eee;background:#0b0c0c;min-height:100vh}.listener-head{background:#111;border-bottom:1px solid #393b3a;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,5vw);display:flex}.listener-head>button{color:#ddd;text-transform:uppercase;background:#1c1d1d;border:1px solid #656866;padding:10px;font:9px Courier New,monospace}.listener-hero{grid-template-columns:1fr 1fr;align-items:center;gap:55px;max-width:1400px;margin:auto;padding:62px max(20px,4vw) 75px;display:grid}.listener-copy h1{color:#fff;letter-spacing:-.06em;margin:20px 0;font-size:clamp(52px,6vw,86px);line-height:.9}.listener-art{max-width:610px;margin-top:48px;position:relative}.deck-window{background:#050606;border:8px solid #828584;padding:30px;box-shadow:inset 0 0 0 2px #c8cac8,inset 0 0 40px #000}.scribble{color:#747876;letter-spacing:.12em;text-align:right;margin-top:13px;font:9px Courier New,monospace;display:block}.player{color:#101111;background:linear-gradient(120deg,#d4d5d3,#939693);border:7px solid #777a78;align-self:center;padding:26px;box-shadow:inset 0 0 0 2px #eee,0 20px 50px #000}.player-brand{letter-spacing:.1em;align-items:center;gap:18px;margin:-4px 0 17px;font:9px Courier New,monospace;display:flex}.player-brand b{font-size:18px}.player-brand span{flex:1}.player-brand i{color:#3e403f;padding-left:11px;font-style:normal;position:relative}.player-brand i:before{content:"";background:#f36c76;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;left:0;box-shadow:0 0 5px #f36c76}.now{color:var(--green);background:#06150c;border:2px solid #070808;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:15px;display:grid;box-shadow:inset 0 0 16px #000}.now span{color:#58e88c;letter-spacing:.1em;font:8px Courier New,monospace}.now h2{text-shadow:0 0 7px var(--green);margin:4px 0;font:20px Courier New,monospace}.now p{color:#58b676;margin:0;font-size:10px}.now>b{font:11px Courier New,monospace}.scrubber{accent-color:#ef8099;width:100%;margin-top:18px}.times{justify-content:space-between;font:8px Courier New,monospace;display:flex}.level-meter{background:#071109;border:1px solid #333;gap:4px;margin-top:12px;padding:9px 10px;display:flex}.level-meter span{background:#15331d;flex:1;height:9px}.level-meter span:nth-child(-n+4){background:var(--green);box-shadow:0 0 5px var(--green)}.level-meter span:nth-child(5){background:#dfd63a}.controls{justify-content:center;gap:7px;margin:16px 0;display:flex}.controls button{color:#ddd;background:linear-gradient(#454746,#171818);border:1px solid #111;min-width:54px;height:54px;padding:0 8px;font-size:12px;box-shadow:inset 0 1px #777,0 3px #090909}.controls button small{color:#9c9f9d;margin-top:5px;font:6px Courier New,monospace;display:block}.controls .play{color:var(--pink);border-top:3px solid var(--pink)}.switch-side{color:#111;letter-spacing:.1em;background:#d8d9d7;border:1px solid #333;width:100%;padding:12px;font:800 9px Courier New,monospace}.future-box{background:#aeb0ae;border:1px solid #555;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px;padding:12px;display:grid}.future-box b,.future-box small{grid-column:1/-1;font:7px Courier New,monospace}.future-box span{background:#d8d9d7;border:1px solid #666;padding:8px;font-size:8px}.future-box small{color:#4f5150;line-height:1.4}.public-tracklists{grid-template-columns:1fr 1fr;gap:45px;max-width:1300px;margin:auto;padding:55px max(18px,4vw) 90px;display:grid}.public-side-head{border-bottom:4px solid #bfc2c0;grid-template-columns:34px 70px 1fr;align-items:center;padding:0 0 15px;display:grid}.public-side-head span{color:#aaa;font:9px Courier New,monospace;transform:rotate(-90deg)}.public-side-head b{color:var(--pink);font-size:68px;line-height:.8}.public-side-head i{color:#8e9190;text-align:right;font:8px Courier New,monospace}.public-tracklists article{cursor:pointer;border-bottom:1px solid #3b3e3c;grid-template-columns:25px 48px 1fr auto;gap:12px;padding:16px 9px;display:grid}.public-tracklists article:hover,.public-tracklists article.active{box-shadow:inset 3px 0 var(--pink);background:#191b1a}.number{color:#858886;font:9px Courier New,monospace}.public-tracklists h3{color:#fff;margin:0;font-size:17px}.public-tracklists p{color:#8e9190;margin:4px 0;font-size:9px}.public-tracklists blockquote{color:#c3c6c4;margin:9px 0 0;font-size:11px;font-style:italic;line-height:1.4}.public-tracklists article>b{color:#aaa;font:9px Courier New,monospace}.share-strip{background:#1c1d1d;border-top:1px solid #555;border-bottom:1px solid #555;align-items:center;gap:24px;padding:38px max(20px,7vw);display:flex}.share-strip>div:first-child{flex:1}.share-strip h2{color:#fff;margin:7px 0;font-size:33px}.share-strip p{color:#888;font:9px Courier New,monospace}.qr{color:#fff;text-align:center;background:#111;border:6px solid #ddd;place-items:center;width:90px;height:90px;display:grid}.qr span{font-size:39px;line-height:.6}.qr small{font:6px Courier New,monospace}.public-footer{color:#858886;justify-content:space-between;padding:25px max(20px,5vw);font:9px Courier New,monospace;display:flex}.public-footer button{color:var(--pink);background:0 0;border:0;font-weight:700}.modal-backdrop{z-index:100;background:#000000d1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:520px;max-height:90vh;box-shadow:7px 7px 0 var(--pink);background:#1b1c1c;border:1px solid #8e9190;padding:29px;position:relative;overflow:auto}.modal h2{color:#fff;margin:0 35px 15px 0;font-size:30px}.modal>p{color:var(--muted);font-size:13px;line-height:1.5}.modal-x{color:#ddd;background:0 0;border:0;font-size:24px;position:absolute;top:11px;right:15px}.modal-track{background:#101111;border:1px solid #444;align-items:center;gap:14px;padding:12px;display:flex}.modal-track div{flex-direction:column;display:flex}.modal-track div b{color:#fff}.modal-track div span{color:var(--muted);font-size:10px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.danger.solid{color:#fff;background:#a93838}.conflict-track{border-left:5px solid var(--pink);background:#101111;flex-direction:column;padding:13px;display:flex}.conflict-track span{color:var(--muted);font-size:9px}.question{font-weight:700;color:#fff!important}.conflict-options,.remove-choices{flex-direction:column;gap:7px;display:flex}.conflict-options button,.remove-choices button{color:#ddd;text-align:left;background:#121313;border:1px solid #4b4e4c;padding:11px}.conflict-options button{flex-direction:column;display:flex}.conflict-options button:hover,.remove-choices button:hover{border-color:var(--pink)}.conflict-options button b{font-size:11px}.conflict-options button span{color:var(--muted);margin-top:2px;font-size:10px}.remove-choices button{grid-template-columns:48px 1fr auto;align-items:center;gap:12px;display:grid}.remove-choices span{flex-direction:column;display:flex}.remove-choices span b{color:#fff}.remove-choices span small{color:var(--muted)}.remove-choices strong{color:var(--pink);text-transform:uppercase;font:8px Courier New,monospace}.text-button{color:var(--pink);background:0 0;border:0;margin-top:13px;padding:0;font-weight:700}.field-help{color:var(--muted);text-align:right;margin-top:5px;font:8px Courier New,monospace;display:block}.replacement-note{border-left:3px solid var(--yellow);background:#121313;padding:10px 12px;color:#ddd!important}.remove-choices button:disabled{opacity:.42;cursor:not-allowed}.remove-choices button:disabled:hover{border-color:#4b4e4c}.toast{z-index:200;color:#fff;max-width:90%;box-shadow:4px 4px 0 var(--pink);text-align:center;background:#111;border:1px solid #777;padding:13px 18px;font:700 10px Courier New,monospace;position:fixed;top:88px;left:50%;transform:translate(-50%)}.mobile-nav{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:720px}.collection-rack{width:100%;max-width:720px;margin:auto}.spine-shelf{grid-template-columns:repeat(4,1fr)}.mix-grid,.details-panel,.search-layout,.collaboration{grid-template-columns:1fr}.style-preview{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.tape-summary{position:static}.sides,.listener-hero,.public-tracklists{grid-template-columns:1fr}.player{width:100%;max-width:650px;margin:auto}.share-strip{flex-wrap:wrap}.editor-head{grid-template-columns:100px 1fr}.editor-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=640px){body{padding-bottom:64px}.topbar{height:64px;padding:0 14px}.brand{font-size:8px}.brand b{font-size:10px}.brand-mark{width:31px;height:31px}.creator-toggle>span{display:none}.hero{gap:45px;min-height:auto;padding:43px 16px 50px}.hero-copy h1{font-size:56px}.hero-copy>p{font-size:15px}.deck-specs{flex-wrap:wrap;gap:9px}.collection-rack{padding:16px 13px 23px}.rack-top{margin:0 14px 13px}.rack-top span{display:none}.cassette-collection{gap:7px;padding:9px}.cassette-collection .cassette{padding:8px 7px 7px}.cassette-collection .cassette-label{height:37px}.cassette-collection .cassette-label strong{font-size:6px}.cassette-collection .cassette-window{height:27px;margin:5px 5px 0;padding:0 5px}.cassette-collection .reel{border-width:4px;width:19px;height:19px}.cassette-collection .cassette-bottom{height:14px}.spine-shelf{grid-template-columns:repeat(4,1fr);min-height:100px;padding:13px 12px 17px}.spine-shelf span:nth-child(n+5){display:none}.library{padding:48px 14px 70px}.section-head h2,.how h2,.search-title h2,.builder-head h2,.form-block h2,.collaboration h2{font-size:32px}.mix-card{display:block}.card-art{min-height:250px}.mix-info{border-top:1px solid #3b3d3c;border-left:0;min-height:220px;padding:24px}.how{padding:55px 16px}.how>div{grid-template-columns:1fr}.how article+article{border-top:1px solid #4a4d4b;border-left:0}.editor-page{padding:25px 12px 90px}.editor-head{grid-template-columns:1fr auto;gap:10px}.editor-head .back{grid-column:1/-1}.editor-head h1{font-size:29px}.editor-actions{flex-direction:column;grid-column:auto}.editor-actions button{min-height:36px}.studio-tabs{margin:22px 0}.studio-tabs button{min-width:120px;padding:0 12px}.panel,.search-main,.tape-summary,.builder{padding:18px}.form-row,.uploads{grid-template-columns:1fr}.preview-art{min-height:390px}.preview-art .cassette{width:165%}.search-title{align-items:start}.searchbar{grid-template-columns:38px 1fr}.searchbar select{border-top:1px solid #4c4f4d;border-left:0;grid-column:1/-1}.track-result{grid-template-columns:48px 1fr auto;gap:9px}.track-result .cover{width:48px;height:48px}.duration{grid-column:3}.add-buttons{grid-column:2/-1}.add-buttons button{flex:1;padding:10px}.side-builder{padding:12px}.builder-tracks article{grid-template-columns:18px 20px 40px 1fr}.builder-tracks .cover{width:40px;height:40px}.builder-tracks article>b{text-align:right;grid-column:4}.track-tools{grid-column:2/-1}.builder-copy p{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.invite{grid-template-columns:1fr}.mix-action-bar{justify-content:stretch}.mix-action-bar button{flex:1}.listener-head{padding:0 13px}.listener-hero{padding:42px 13px 55px}.listener-copy h1{font-size:54px}.deck-window{border-width:6px;padding:16px}.cassette{padding:15px 13px 12px}.cassette-label{height:66px}.cassette-window{height:55px;margin:9px 12px 0;padding:0 12px}.reel{border-width:6px;width:40px;height:40px}.cassette-bottom{height:28px;margin-bottom:-13px}.player{border-width:5px;padding:16px}.player-brand span{display:none}.controls{gap:3px}.controls button{flex:1;min-width:0;height:50px;padding:0 4px}.controls button small{font-size:5px}.public-tracklists{padding:30px 10px 65px}.public-tracklists article{grid-template-columns:20px 42px 1fr auto;padding:14px 4px}.public-tracklists .cover{width:42px;height:42px}.public-tracklists h3{font-size:16px}.public-tracklists blockquote{grid-column:3/-1}.share-strip{padding:32px 18px}.share-strip>div:first-child{flex-basis:100%}.share-strip h2{font-size:28px}.share-strip .primary,.share-strip .secondary{flex:1}.mobile-nav{z-index:50;background:#111;border-top:1px solid #555;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#858886;background:0 0;border:0;border-right:1px solid #333;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font:8px Courier New,monospace;display:flex}.mobile-nav button span{font-size:18px}.mobile-nav button.active{color:var(--pink);box-shadow:inset 0 3px var(--pink)}.modal{padding:23px 18px}.modal h2{font-size:27px}.toast{top:75px}}body{color:#29271f;background-color:#e7dfc9;background-image:radial-gradient(circle at 1px 1px,#4a412e24 1px,#0000 1.2px),linear-gradient(110deg,#ffffff38,#0000 30%);background-position:0 0;background-repeat:repeat;background-size:7px 7px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.topbar{color:#24221c;background:linear-gradient(#f3ecd9,#d9cfb6);border-bottom:3px solid #27251f;box-shadow:0 5px #18aeb8,0 9px #ed3c84,0 13px #e85f28}.brand{color:#222018}.brand b{color:#b51e5d}.brand-mark{color:#f3ecd9;background:linear-gradient(#53534c,#21211d);border-color:#34322c;box-shadow:inset 0 0 0 3px #bdb59e,3px 3px #aaa087}.desktop-nav button{color:#59564c;border-color:#aaa28e}.desktop-nav button:last-child{border-right-color:#aaa28e}.creator-toggle b{color:#29271f}.creator-toggle small{color:#6b6658}.creator-toggle i{background:#bcb39c;border-color:#6d685c;box-shadow:inset 2px 2px #8d8571}.creator-toggle i:after{background:#eee6d2;box-shadow:inset 0 0 0 1px #6f6a5e,1px 1px #fff}.auth-link{color:#29271f;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#f7f0de,#c9bea6);border:2px outset #cbc2aa;align-items:center;min-height:36px;padding:0 12px;font:700 8px Courier New,monospace;text-decoration:none;display:inline-flex}.auth-link:focus-visible{outline-offset:2px;outline:3px solid #18aeb8}.auth-sent{text-align:center;padding:12px 0 4px}.auth-sent>span{background:#f5eedb;border:1px solid #b7afa0;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 15px;font-size:25px;display:grid}.auth-sent h3{color:#2b302d;margin:0 0 8px;font-size:24px}.auth-sent p{color:#686458;font-size:13px;line-height:1.6}.auth-sent .secondary{min-height:40px;margin-top:8px}.auth-error{background:#fae8e5;border-left:3px solid #a93838;margin:-10px 0 12px;padding:10px 12px;color:#7b2727!important;font-size:12px!important}.spotify-embed{background:#171717;border:0;border-radius:8px;grid-column:1/-1}.uploaded-artwork{object-fit:cover;border:8px solid #f3ecd9;width:100%;max-height:220px;margin:12px 0 18px;box-shadow:5px 6px #3f33224d}.eyebrow{color:#b51e5d;text-shadow:1px 1px #ffffffa6}.hero{background:linear-gradient(135deg,#ffffff52,#0000 55%),repeating-linear-gradient(0deg,#0000 0 31px,#5049390b 31px 32px);border-left:1px solid #5e574633;border-right:1px solid #5e574633}.hero-copy h1{color:#25231d;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif;line-height:.8}.hero-copy>p{color:#565145}.primary{color:#fff8e8;background:linear-gradient(#f15c98,#d6296f);border:2px solid #4e1a2f;box-shadow:4px 4px #7e173f}.primary:hover{background:#f06a9d}.secondary{color:#29271f;background:linear-gradient(#f7f0de,#c9bea6);border:2px outset #cbc2aa;box-shadow:2px 2px #7e7767}.deck-specs{color:#5c584e}.deck-specs span:before{background:#e03a37;border:1px solid #7d1714;box-shadow:0 0 5px #e03a37}.collection-rack{background:linear-gradient(145deg,#f4edda,#c9bea6);border:4px ridge #c8c0ad;box-shadow:inset 0 1px #fff,8px 10px #5b442740}.collection-rack:before,.collection-rack:after{color:#635f55}.rack-top{color:#686357}.cassette-collection{background:#bcb299;border:3px inset #aaa18a;box-shadow:inset 0 0 20px #5b4b3359}.rack-shelf{color:#f0d0a7;background:linear-gradient(#b96b34,#71401f);border-color:#5d2f17;box-shadow:0 3px #4c2813}.spine-shelf{background:#9e6d42;border-top-color:#a95b2b;border-bottom-color:#6f3a1d;box-shadow:inset 0 10px 20px #4b291247}.spine-shelf span{border-color:#5e5545;box-shadow:inset 0 0 0 2px #ffffff6b,2px 2px #392b1c40}.library{background:#f4eddb8c;border-left:1px solid #5e574633;border-right:1px solid #5e574633}.section-head h2,.how h2,.search-title h2,.builder-head h2,.form-block h2,.collaboration h2{color:#28251f;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif}.count,.search-title>span{color:#4c493f;background:#eee6d2;border:2px solid #827c6c;box-shadow:2px 2px #aaa089}.mix-card{background:#eee6d2;border:2px solid #686254;box-shadow:inset 0 1px #fff,6px 7px #604d3047}.mix-card:hover{border-color:#302e28;box-shadow:inset 0 1px #fff,8px 9px #604d3052}.mix-info{background:repeating-linear-gradient(0deg,#f3ecd9 0 25px,#e9e0ca 25px 26px);border-left-color:#8b8370}.meta{color:#b51e5d}.mix-info h3{color:#26241e;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif}.mix-info p{color:#676153}.icon-btn{color:#2b2923;background:linear-gradient(#f7f0de,#c9bea6);border:2px outset #cbc2aa}.style-tag{color:#5f5a4e}.how{color:#28251f;background:linear-gradient(90deg,#f1ead7 0 25%,#e7dec8 25% 50%,#f1ead7 50% 75%,#e7dec8 75%),#ece4d0;border-top:8px solid #18aeb8}.how>div{border:2px solid #756e5e;box-shadow:6px 6px #a49a83}.how article{background:#f6efdbd9}.how article+article{border-left-color:#8c846f}.how article>b{color:#8a8372}.how h3{color:#28251f;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif}.back{color:#5f5a4d}.editor-head h1{color:#29261f;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif}.studio-tabs{background:#d2c8af;border:2px solid #666052;box-shadow:4px 4px #a89d84}.studio-tabs button{color:#5f5a50;background:linear-gradient(#eee6d2,#cfc4ab);border-right-color:#8f8774}.studio-tabs button.active{color:#fff8e8;background:#d92d71;box-shadow:inset 0 -5px #f4c72f}.panel,.search-main,.tape-summary,.builder{background:#eee6d2;border:2px solid #6d6758;box-shadow:inset 0 1px #fff,5px 5px #6654393d}.form-block label,.modal label{color:#4f4a40}.form-block input,.form-block select,.form-block textarea,.modal input,.modal textarea,.invite input{color:#29261f;background:#fffaf0;border:2px inset #b4aa92;box-shadow:inset 2px 2px #5f543f1f}.uploads label{background:#e4dbc4;border-color:#867f6c;box-shadow:inset 2px 2px #c9bea6}.style-preview{border-left-color:#918974}.preview-art{background:radial-gradient(circle,#efe7d2,#bfb49b 74%);border:4px ridge #bcb39d;box-shadow:inset 0 0 18px #62503433}.preview-spec{color:#5a554a}.preview-art h3{color:#29261f;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif}.preview-art>p{color:#b51e5d}.searchbar{background:#fffaf0;border:3px inset #b6ac95}.searchbar select{color:#36332c;border-left-color:#9e9682}.track-results{background:#d2c7ad;border:2px solid #8b836f}.track-result{background:#f0e8d4;border-bottom-color:#aaa18a}.track-result:nth-child(2n){background:#e8dec6}.track-copy h3{color:#28251f}.track-copy p{color:#676154}.duration{color:#4e4a41}.add-buttons button{color:#2b2822;background:linear-gradient(#f8f1df,#cfc4aa);border:2px outset #c9bea5}.add-buttons button:hover{background:#f4c72f}.runtime{border-top-color:#4c4941}.meter,.big-meter{background:#262923;border:2px inset #9d957f}.runtime p{color:#5e594e}.runtime button{color:#b51e5d}.side-builder{background:#ddd2b9;border:3px ridge #aaa18a}.empty{background:#ebe2ce;border-color:#8f8774}.empty b{color:#29261f}.empty p{color:#625d51}.builder-tracks article{background:#f4edda;border-color:#99907a;box-shadow:2px 2px #b3a990}.builder-copy h3{color:#29261f}.builder-copy p{color:#686256}.builder-copy blockquote{color:#4e4a40}.track-no,.builder-tracks article>b{color:#625d52}.track-tools button{color:#2c2923;background:linear-gradient(#f7efdd,#c9bea6);border:2px outset #c6bca3}.add-more{color:#b51e5d;border-color:#8b836f}.owner-row{border-top-color:#9f9782}.owner-row small{color:#6a6457}.collaboration aside{background:#d6cbb2;border:3px ridge #a79e88}.collaboration aside li{color:#575247}.mix-action-bar button{color:#302d27;background:linear-gradient(#f7efdc,#cbc0a6);border:2px outset #c9bea5}.listener-head{background:linear-gradient(#f4edda,#d5cbb3);border-bottom:4px solid #d52d70;box-shadow:0 4px #18aeb8}.listener-head>button{color:#2b2923;background:linear-gradient(#f8f0dd,#c9bea5);border:2px outset #c7bca2}.listener-copy h1{color:#25231d;text-transform:uppercase;text-shadow:3px 3px #f4c72f;font-family:Arial Black,Arial,sans-serif}.listener-copy>p{color:#5f5a4e}.deck-window{background:#342f28;border-color:#ada590;box-shadow:inset 0 0 0 2px #eee7d6,inset 0 0 28px #1c1915,6px 6px #5c482d40}.scribble{color:#5f5a4f}.player{background:linear-gradient(120deg,#ede6d5,#bbb19b);border-color:#8e8878;box-shadow:inset 0 0 0 2px #fff8e9,7px 8px #58462c42}.public-tracklists{color:#29261f}.public-side-head{border-bottom-color:#4a473f}.public-side-head span,.public-side-head i{color:#625d52}.public-tracklists article{border-bottom-color:#9a927e}.public-tracklists article:hover,.public-tracklists article.active{background:#f2d6e0}.number,.public-tracklists article>b{color:#625d52}.share-strip h2{color:#29261f;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif}.share-strip p{color:#5f5a4e}.qr{color:#27251f;background:#f8f2e3;border-color:#3d3931}.public-footer{color:#625d52}.modal-backdrop{background:#453b2bb8}.modal{background:#eee6d2;border:4px ridge #afa58e;box-shadow:8px 8px #7b684b}.modal h2{color:#29261f;text-transform:uppercase;font-family:Arial Black,Arial,sans-serif}.modal-x{color:#2c2923}.modal-track,.conflict-track{background:#ddd2b9;border-color:#9b927d}.modal-track div b,.question,.remove-choices span b{color:#29261f!important}.modal-track div span,.conflict-track span{color:#625d52}.conflict-options button,.remove-choices button{color:#29261f;background:#e5dcc6;border:2px outset #c7bca3}.conflict-options button span,.remove-choices span small{color:#625d52}.toast{color:#fff7e8;background:#b7205b;border-color:#4f1c32;box-shadow:4px 4px #6f1439}@media (width<=640px){.topbar{box-shadow:0 4px #18aeb8,0 7px #ed3c84}.mobile-nav{background:linear-gradient(#eee6d2,#cfc4aa);border-top:3px solid #37342d;box-shadow:0 -4px #18aeb8}.mobile-nav button{color:#5c574b;border-right-color:#aaa18b}.mobile-nav button.active{color:#b51e5d;box-shadow:inset 0 4px #d52d70}.how article+article{border-top-color:#8c846f}.mix-info{border-top-color:#8b8370}}:root{--bg:#f5f4f0;--surface:#fff;--surface-2:#eeece6;--surface-3:#dedbd2;--text:#1d211f;--muted:#6d726f;--line:#d7d5ce;--pink:#b24f50;--yellow:#c69a45;--green:#4c775d;--cyan:#3f7d82;--orange:#b76643;--cream:#f6f1e5;--paper:#f5f4f0}body{color:var(--text);background:#f5f4f0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{color:var(--text);background:0 0}.topbar{height:74px;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f6f0;border:0;border-bottom:1px solid #1d211f1a;padding:0 max(20px,4vw)}.topbar:after{display:none}.brand{color:#1d211f;letter-spacing:.04em;gap:11px;font:600 11px/1.05 Inter,ui-sans-serif,sans-serif}.brand b{color:#9b4f4d;letter-spacing:.08em;margin-top:3px;font-size:12px}.brand-mark{color:#f7f6f2;background:linear-gradient(145deg,#353a37,#171a18);border:1px solid #252927;border-radius:10px;width:38px;height:38px;box-shadow:inset 0 0 0 3px #666b67,0 4px 10px #1417152e}.desktop-nav button{color:#707572;letter-spacing:0;text-transform:none;background:0 0;border:0;min-width:118px;font:600 13px Inter,ui-sans-serif,sans-serif}.desktop-nav button:last-child{border:0}.desktop-nav button:hover,.desktop-nav button.active{color:#1d211f;background:#1d211f09;box-shadow:inset 0 -2px #9b4f4d}.creator-toggle b{color:#252927;letter-spacing:0;font:600 11px Inter,ui-sans-serif,sans-serif}.creator-toggle small{color:#7f8481;font-size:10px}.creator-toggle i{background:#d6d7d3;border:0;border-radius:99px;width:42px;height:24px;box-shadow:inset 0 1px 2px #0000002e}.creator-toggle i:after{background:#fff;border-radius:50%;width:18px;height:18px;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.creator-toggle input:checked+i{background:#426e57}.creator-toggle input:checked+i:after{background:#fff;transform:translate(18px);box-shadow:0 1px 3px #00000040}.eyebrow{color:#8d504e;letter-spacing:.13em;text-shadow:none;font:700 10px Inter,ui-sans-serif,sans-serif}.hero{background:0 0;border:0;gap:76px;min-height:660px;padding:84px max(24px,5vw) 74px}.hero-copy h1{color:#191d1b;letter-spacing:-.065em;text-transform:none;margin:20px 0 28px;font-family:Inter,ui-sans-serif,sans-serif;font-size:clamp(56px,6.5vw,92px);font-weight:650;line-height:.92}.hero-copy h1 em{color:#9b4f4d;text-shadow:none;font-style:normal}.hero-copy>p{color:#666c68;max-width:540px;font-size:18px;line-height:1.65}.hero-instructions{color:#3e4440;max-width:620px;margin:0 0 30px}.hero-instructions .hero-instructions-intro{color:#252927;margin:0 0 22px;font-size:18px;font-weight:700;line-height:1.45}.hero-instructions ol{margin:0 0 34px;padding-left:31px;font-size:18px;line-height:1.55;list-style:decimal}.hero-instructions li{padding-left:2px}.hero-instructions li span{color:#666c68}.hero-instructions .hero-signoff{color:#252927;margin:0;font-size:18px;line-height:1.45}.hero-instructions .hero-signoff strong{font-weight:750}.primary,.secondary,.danger.solid{letter-spacing:0;text-transform:none;min-height:46px;box-shadow:none;border-radius:10px;padding:0 18px;font:650 12px Inter,ui-sans-serif,sans-serif}.primary{color:#fff;background:#2f503e;border:1px solid #2d3f35}.primary:hover{background:#244232;transform:translateY(-1px)}.secondary{color:#2d312f;background:#fff;border:1px solid #c9c8c2}.secondary:hover{border-color:#999c98}.hero-cta{min-height:52px;padding:0 23px}.deck-specs{color:#6f7471;letter-spacing:.04em;gap:8px;margin-top:28px;font:600 10px Inter,ui-sans-serif,sans-serif}.deck-specs span{background:#fbfaf7;border:1px solid #d9d7d0;border-radius:99px;padding:7px 10px}.deck-specs span:before{display:none}.collection-rack{background:linear-gradient(145deg,#edeae2,#d9d5ca);border:1px solid #cbc8c0;border-radius:20px;padding:22px 24px 30px;box-shadow:inset 0 1px #ffffffe6,0 22px 55px #36302624}.collection-rack:before,.collection-rack:after{content:"";background:radial-gradient(circle at 35% 35%,#eee,#7b7d78 42%,#343633);border-radius:50%;width:7px;height:7px;top:12px;box-shadow:0 1px 2px #00000073}.collection-rack:before{left:13px}.collection-rack:after{right:13px}.rack-top{color:#757974;letter-spacing:.04em;margin:0 10px 17px;font:600 10px Inter,ui-sans-serif,sans-serif}.rack-top b{color:#303431}.cassette-collection{background:linear-gradient(145deg,#242825,#101311);border:1px solid #252825;border-radius:13px;gap:13px;padding:18px;box-shadow:inset 0 0 30px #000000bf,inset 0 1px 1px #ffffff1a}.cassette-photo-collection{padding:0;display:block;overflow:hidden}.cassette-photo-collection img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.rack-shelf{color:#d8c5a9;letter-spacing:.08em;background:linear-gradient(#805438,#52331f);border:0;border-radius:0 0 11px 11px;height:25px;margin:17px -11px -22px;padding:0 14px;font:600 7px Inter,ui-sans-serif,sans-serif;box-shadow:inset 0 1px #ffffff29}.cassette{--tape-accent:#4a8b8e;--shell:#202422;--shell-hi:#535854;--shell-edge:#080a09;border:1px solid var(--shell-edge);background:linear-gradient(115deg,#ffffff1f,transparent 22%,#ffffff08 51%,transparent 72%), radial-gradient(ellipse at 50% 115%,#000000a6,transparent 47%), linear-gradient(160deg,var(--shell-hi),var(--shell) 30%,#111412 100%);border-radius:10px;max-width:500px;padding:20px 23px 16px;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 -12px 20px #00000047,0 13px 24px -12px #0f121094}.cassette:before,.cassette:after{content:"";background:repeating-conic-gradient(#838783 0 12deg,#343735 12deg 24deg);color:#0000;border:0;border-radius:50%;width:10px;height:10px;top:7px;box-shadow:inset 0 0 0 3px #353836,0 1px 1px #000}.cassette:before{left:8px}.cassette:after{right:8px}.tape-cyan{--tape-accent:#4b969b}.tape-orange{--tape-accent:#b85a36;--shell-hi:#4d514d}.tape-ivory{--tape-accent:#d7ccac;--shell:#dad7cb;--shell-hi:#faf8ef;--shell-edge:#a9a69d}.tape-pink{--tape-accent:#b6527b}.tape-green{--tape-accent:#5d8067;--shell-hi:#4f5651}.tape-smoke{--tape-accent:#7b858d;--shell:#343a3c;--shell-hi:#70787a}.cassette-label{color:#171a18;background:linear-gradient(90deg,#ffffff21,transparent 30%,#0000000a), repeating-linear-gradient(0deg,#ffffff09 0 1px,transparent 1px 3px), var(--tape-accent);border:1px solid #191b1961;border-radius:3px;height:84px;padding:11px 16px;box-shadow:inset 0 1px #ffffff75,0 1px 1px #0000003b}.cassette-label:before,.cassette-label:after{background:#f5f0e0d1;box-shadow:inset 0 1px #ffffff80}.cassette-label:before{height:14px;top:22px}.cassette-label:after{height:11px;bottom:8px}.cassette-label small{letter-spacing:.09em;font:700 6px/1.1 ui-monospace,SFMono-Regular,monospace;top:6px;left:10px}.cassette-label strong{color:#252725;background:#f7f3e5eb;border-radius:1px;max-width:72%;padding:3px 8px;font:700 clamp(9px,1.25vw,13px) ui-monospace,SFMono-Regular,monospace;box-shadow:0 1px 2px #00000029}.cassette-label span{color:#222521;font:700 17px Inter,ui-sans-serif,sans-serif;bottom:21px;right:9px}.cassette-window{background:linear-gradient(100deg,#ffffff7a,#0000 16% 76%,#fff3),linear-gradient(#b8bbb6,#858984 48%,#c8cac5);border:1px solid #090b0a;border-radius:39px;height:74px;margin:12px 24px 0;padding:0 19px;box-shadow:inset 0 0 0 3px #5a5f5b,inset 0 4px 8px #00000061,0 1px #ffffff2e}.cassette-window:before{background:linear-gradient(90deg,#0000 0 12%,#88502b73 12% 15%,#2a180e 15% 85%,#88502b73 85% 88%,#0000 88%),#17130f;border-radius:4px;width:48%;height:32px;left:26%;box-shadow:inset 0 0 11px #000,0 0 0 1px #ffffff1f}.reel{background:radial-gradient(circle,#303431 0 14%,transparent 15%), repeating-conic-gradient(from 8deg,#f1f0ea 0 11deg,#707570 11deg 18deg,#f1f0ea 18deg 29deg), #e9e9e4;border:0;border-radius:50%;width:50px;height:50px;box-shadow:inset 0 0 0 3px #dde0dc,inset 0 0 0 5px #3b403c,0 1px 2px #0000008c}.reel b{background:#292d2a;width:12px;height:12px;box-shadow:inset 0 0 0 3px #777c77}.tape-line{opacity:.82;border-top:2px solid #2a180e;left:26%;right:26%}.cassette-bottom{background:linear-gradient(155deg,#ffffff17,#0000 44%),#111412eb;border:1px solid #000000b8;border-bottom:0;width:58%;height:37px;margin:11px auto -16px;box-shadow:inset 0 1px #ffffff1f}.cassette-bottom i{background:radial-gradient(circle,#e7e9e5 0 35%,#242825 38% 100%);width:7px;height:7px}.cassette-bottom div{border-top:2px solid #777c77;border-bottom:1px solid #1c1e1d;width:30px}.cassette-collection .cassette{box-shadow:inset 0 0 0 1px #ffffff21,inset 0 -8px 14px #00000052,0 8px 12px -6px #000}.spine-shelf{background:linear-gradient(#3c291f,#1c1713);border:0;border-top:12px solid #6f4932;border-bottom:14px solid #4a3021;gap:6px;min-height:116px;padding:22px max(24px,5vw) 28px;box-shadow:inset 0 12px 24px #00000073}.spine-shelf span{transform:rotate(var(--case-tilt,0deg));border:1px solid #1012109e;border-radius:2px;padding:11px 10px;box-shadow:inset 0 0 0 2px #ffffff4d,0 5px 9px #00000059}.spine-shelf span:nth-child(2n){--case-tilt:.35deg}.spine-shelf span:nth-child(3n){--case-tilt:-.3deg}.spine-shelf b{font:700 10px Inter,ui-sans-serif,sans-serif}.spine-shelf small{font:600 7px ui-monospace,SFMono-Regular,monospace}.library{background:0 0;border:0;padding-top:82px}.section-head h2,.how h2,.search-title h2,.builder-head h2,.form-block h2,.collaboration h2{color:#1d211f;text-transform:none;letter-spacing:-.04em;font-family:Inter,ui-sans-serif,sans-serif;font-weight:650}.count,.search-title>span{color:#6e736f;box-shadow:none;letter-spacing:.03em;background:#fff;border:1px solid #d4d3cd;border-radius:99px;font:650 10px Inter,ui-sans-serif,sans-serif}.mix-grid{gap:26px}.mix-card{cursor:pointer;background:#fff;border:1px solid #d8d6d0;border-radius:20px;box-shadow:0 12px 35px #2a261f12}.mix-card:hover{border-color:#b8b7b1;transform:translateY(-2px);box-shadow:0 16px 42px #2a261f1c}.mix-card:focus-visible{outline-offset:4px;outline:3px solid #2f5c47}.card-art{background:radial-gradient(circle at 50% 38%,#edece7,#d8d5cd 72%)}.card-art .cassette{box-shadow:inset 0 0 0 1px #ffffff21,inset 0 -8px 14px #0000004d,0 14px 22px -12px #000000b3}.status{color:#fff;letter-spacing:.02em;background:#1e2320cc;border:0;border-radius:99px;padding:6px 9px;font:650 9px Inter,ui-sans-serif,sans-serif;top:14px;left:14px}.style-tag{color:#666b67;font:600 9px Inter,ui-sans-serif,sans-serif;bottom:12px;right:14px}.mix-info{background:#fff;border-left:1px solid #e3e1db}.meta{color:#8d504e;letter-spacing:.07em;font:700 9px Inter,ui-sans-serif,sans-serif}.mix-info h3{color:#1f2321;text-transform:none;letter-spacing:-.035em;font-family:Inter,ui-sans-serif,sans-serif;font-size:27px;font-weight:650}.mix-info p{color:#777c78;font-size:12px}.icon-btn{color:#353a37;box-shadow:none;background:#fff;border:1px solid #d1d0ca;border-radius:10px}.how{color:#1d211f;background:#eceae4;border:0;padding:88px max(24px,7vw)}.how>div{box-shadow:none;border:0;gap:18px}.how article{background:#f9f8f5;border:1px solid #d8d5cd;border-radius:18px;min-height:220px}.how article+article{border-left:1px solid #d8d5cd}.how article>b{color:#a3a5a1;font:600 12px Inter,ui-sans-serif,sans-serif}.how article>span{color:#9b4f4d}.how h3{color:#222623;text-transform:none;font-family:Inter,ui-sans-serif,sans-serif;font-weight:650}.how p{color:#707571}.editor-page{color:#252927}.back{color:#676c68;font:600 12px Inter,ui-sans-serif,sans-serif}.editor-head h1{color:#1c201e;text-transform:none;letter-spacing:-.04em;font-family:Inter,ui-sans-serif,sans-serif;font-weight:650}.studio-tabs{box-shadow:none;background:#fff;border:1px solid #d7d5ce;border-radius:13px}.studio-tabs button{color:#707572;letter-spacing:0;text-transform:none;background:#fff;border-right:1px solid #e3e1dc;font:600 12px Inter,ui-sans-serif,sans-serif}.studio-tabs button.active{color:#fff;box-shadow:none;background:#2f503e}.panel,.search-main,.tape-summary,.builder{background:#fff;border:1px solid #d7d5ce;border-radius:18px;box-shadow:0 12px 30px #2e2a220e}.form-block label,.modal label{color:#444a46;letter-spacing:.02em;text-transform:none;font:650 11px Inter,ui-sans-serif,sans-serif}.form-block input,.form-block select,.form-block textarea,.modal input,.modal textarea,.invite input{color:#242825;box-shadow:none;background:#faf9f6;border:1px solid #d1d0ca;border-radius:10px}.form-block input:focus,.form-block select:focus,.form-block textarea:focus,.modal input:focus,.modal textarea:focus{border-color:#537463;box-shadow:0 0 0 3px #53746321}.uploads label{box-shadow:none;background:#f7f6f2;border:1px dashed #c7c5bd;border-radius:13px}.style-preview{border-left:1px solid #e0ded8}.preview-art{box-shadow:none;background:radial-gradient(circle,#e9e6df,#cbc7bd 78%);border:0;border-radius:18px}.preview-spec{color:#666b67;font:600 8px Inter,ui-sans-serif,sans-serif}.preview-art h3{color:#1f2321;text-transform:none;font-family:Inter,ui-sans-serif,sans-serif;font-weight:650}.preview-art>p{color:#8d504e;font:600 10px Inter,ui-sans-serif,sans-serif}.style-preview>p,.collaboration>div>p{color:#717672}.searchbar{background:#faf9f6;border:1px solid #d3d1cb;border-radius:12px;overflow:hidden}.searchbar>span{color:#8d504e}.searchbar select{color:#3a3f3c;border-left:1px solid #dddcd6}.track-results{background:#f1efea;border:1px solid #dedcd6;border-radius:14px;overflow:hidden}.track-result,.track-result:nth-child(2n){background:#fff;border-bottom:1px solid #e3e1dc}.track-result:hover{background:#f7f4ef}.track-copy>span{color:#8d504e;font:700 8px Inter,ui-sans-serif,sans-serif}.track-copy h3,.builder-copy h3{color:#222623}.track-copy p,.builder-copy p{color:#777c78}.duration{color:#666b68;font:600 11px Inter,ui-sans-serif,sans-serif}.add-buttons button{color:#323734;background:#fff;border:1px solid #d1d0ca;border-radius:8px;font:600 10px Inter,ui-sans-serif,sans-serif}.add-buttons button:hover{color:#fff;background:#2f503e}.cover{border:1px solid #181b1929;border-radius:8px;box-shadow:0 3px 8px #0000001f}.cover span{font-family:Inter,ui-sans-serif,sans-serif}.tape-summary>h2{color:#242825}.runtime{border-top:1px solid #d8d6d0}.runtime>div:first-child,.runtime p{font-family:Inter,ui-sans-serif,sans-serif}.summary-track{color:#3d423f}.side-builder{background:#f7f6f2;border:1px solid #d8d6d0;border-radius:15px}.side-title>span,.side-title small,.remaining{color:#777c78}.side-title>b{color:#8d504e;text-shadow:none}.side-title strong,.side-title small,.remaining{font-family:Inter,ui-sans-serif,sans-serif}.empty{background:#fff;border:1px dashed #c8c6bf;border-radius:12px}.builder-tracks article{box-shadow:none;background:#fff;border:1px solid #dedcd6;border-radius:11px}.track-no,.builder-tracks article>b{color:#777c78;font-family:Inter,ui-sans-serif,sans-serif}.track-tools button{color:#343936;background:#fff;border:1px solid #d2d0ca;border-radius:7px}.track-tools button:hover{color:#fff;background:#2f503e}.add-more{color:#8d504e;border-color:#c7c5be;font-family:Inter,ui-sans-serif,sans-serif}.collaboration aside{background:#f7f6f2;border:1px solid #d8d6d0;border-radius:14px}.collaboration aside h3{color:#252927}.collaboration aside li,.owner-row small{color:#6f7471}.avatar{color:#fff;background:#8d504e;border-radius:50%}.mix-action-bar button{color:#333835;background:#fff;border:1px solid #d1d0ca;border-radius:9px;font:600 10px Inter,ui-sans-serif,sans-serif}.listener-page{color:#202421;background:#f5f4f0}.listener-head{box-shadow:none;background:#faf9f6f0;border-bottom:1px solid #d8d6d0}.listener-head>button{color:#343936;text-transform:none;background:#fff;border:1px solid #d0cec7;border-radius:9px;padding:10px 13px;font:600 11px Inter,ui-sans-serif,sans-serif}.listener-hero{gap:68px;padding-top:76px}.listener-copy h1{color:#1b1f1d;text-transform:none;text-shadow:none;letter-spacing:-.06em;font-family:Inter,ui-sans-serif,sans-serif;font-weight:650}.listener-copy>p{color:#6d726f;font:500 12px Inter,ui-sans-serif,sans-serif}.deck-window{background:linear-gradient(145deg,#363a37,#171a18);border:1px solid #a7aaa5;border-radius:16px;padding:29px;box-shadow:inset 0 0 0 7px #b9bbb5,inset 0 0 30px #0d0f0e,0 18px 38px #26221b30}.deck-window .cassette{transform:rotate(-.4deg);box-shadow:0 18px 24px -14px #000}.scribble{color:#777c78;font:600 9px Inter,ui-sans-serif,sans-serif}.player{background:linear-gradient(135deg,#e5e5e0,#bfc1bc);border:1px solid #a2a49f;border-radius:16px;padding:27px;box-shadow:inset 0 0 0 2px #ffffffad,0 18px 42px #27231c2e}.player-brand{font-family:Inter,ui-sans-serif,sans-serif}.now{background:linear-gradient(#07150d,#041008);border:1px solid #0d1811;border-radius:5px}.controls button{border:1px solid #1b1e1c;border-radius:5px;box-shadow:inset 0 1px #717571,0 3px #121412}.switch-side{border:1px solid #777a76;border-radius:7px;font-family:Inter,ui-sans-serif,sans-serif}.future-box{border:1px solid #8d908c;border-radius:8px}.public-side-head{border-bottom:1px solid #b9bbb6}.public-side-head span,.public-side-head i,.number,.public-tracklists article>b{color:#777c78;font-family:Inter,ui-sans-serif,sans-serif}.public-side-head b{color:#8d504e;text-shadow:none}.public-tracklists article{border-bottom:1px solid #d8d6d0;border-radius:9px}.public-tracklists article:hover,.public-tracklists article.active{background:#ebe8e1;box-shadow:inset 3px 0 #8d504e}.public-tracklists h3{color:#242825}.public-tracklists p{color:#777c78}.public-tracklists blockquote{color:#555b57}.share-strip{background:#eceae4;border-color:#d7d5ce}.share-strip h2{color:#222623;text-transform:none;font-family:Inter,ui-sans-serif,sans-serif;font-weight:650}.share-strip p,.public-footer{color:#717672;font-family:Inter,ui-sans-serif,sans-serif}.qr{color:#252927;background:#fff;border-color:#252927;border-radius:8px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f221f94}.modal{background:#fff;border:1px solid #d2d0ca;border-radius:18px;box-shadow:0 24px 70px #0000003d}.modal h2{color:#222623;text-transform:none;font-family:Inter,ui-sans-serif,sans-serif;font-weight:650}.modal>p{color:#6e736f}.modal-track,.conflict-track{background:#f5f4f0;border-color:#d9d7d0;border-radius:10px}.conflict-options button,.remove-choices button{color:#292e2b;background:#fff;border:1px solid #d2d0ca;border-radius:9px}.toast{color:#fff;background:#2c4939;border:0;border-radius:99px;font:650 11px Inter,ui-sans-serif,sans-serif;box-shadow:0 9px 24px #1f2c2438}@media (width<=640px){.topbar{box-shadow:none}.hero{gap:50px;padding-top:52px}.hero-copy h1{font-size:52px}.hero-instructions{margin-bottom:26px}.hero-instructions .hero-instructions-intro,.hero-instructions ol,.hero-instructions .hero-signoff{font-size:16px}.hero-instructions .hero-instructions-intro{margin-bottom:17px}.hero-instructions ol{margin-bottom:26px;padding-left:27px}.collection-rack{border-radius:16px;padding:17px 14px 24px}.cassette-collection{gap:8px;padding:10px}.cassette-collection .cassette{padding:8px 7px 7px}.spine-shelf{min-height:102px}.mix-info{border-top-color:#e3e1db}.how article+article{border-top:1px solid #d8d5cd;border-left:1px solid #d8d5cd}.style-preview{border-top:1px solid #e0ded8}.mobile-nav{background:#faf9f6f7;border-top:1px solid #d4d2cc;box-shadow:0 -8px 22px #28241d14}.mobile-nav button{color:#747975;border-right:1px solid #e1dfd9;font:600 9px Inter,ui-sans-serif,sans-serif}.mobile-nav button.active{color:#2f503e;box-shadow:inset 0 2px #2f503e}.listener-copy h1{font-size:50px}.deck-window{border-width:1px;padding:18px;box-shadow:inset 0 0 0 5px #b9bbb5,inset 0 0 24px #0d0f0e,0 14px 30px #26221b2b}.player{border-width:1px}}.cover{overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.undo-button:disabled{opacity:.42;cursor:not-allowed}.builder-actions,.listener-head-actions{align-items:center;gap:9px;display:flex}.listener-head-actions button{color:#343936;background:#fff;border:1px solid #d0cec7;border-radius:9px;min-height:39px;padding:0 13px;font:600 11px Inter,ui-sans-serif,sans-serif}.catalog-search{grid-template-columns:42px 1fr auto;margin-bottom:8px}.catalog-search button{color:#fff;background:#2f503e;border:0;border-left:1px solid #d3d1cb;align-self:stretch;min-width:112px;font:650 11px Inter,ui-sans-serif,sans-serif}.catalog-search button:disabled{opacity:.65}.catalog-help{color:#747975;margin:0 0 18px;font-size:11px;line-height:1.5}.search-state{text-align:center;background:#f7f6f2;border:1px dashed #c9c7c0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;padding:28px;display:flex}.search-state b{color:#2b302d;font-size:16px}.search-state span{color:#727773;font-size:12px}.search-state.error{background:#fcf4f3;border-color:#c98d8a}.catalog-result{grid-template-columns:64px 1fr 58px 172px;align-items:start}.catalog-result .cover{width:64px;height:64px}.catalog-links{flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;display:flex}.catalog-links a,.preview-button{color:#39403c;background:#fff;border:1px solid #d1d0ca;border-radius:7px;align-items:center;min-height:28px;padding:0 9px;font:600 9px Inter,ui-sans-serif,sans-serif;text-decoration:none;display:inline-flex}.preview-button:disabled{opacity:.45}.catalog-links a:hover,.preview-button:hover:not(:disabled){color:#fff;background:#2f503e;border-color:#577463}.add-buttons button.selected{border-color:#2f503e;box-shadow:inset 0 0 0 1px #2f503e}.side-selector{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;display:grid}.side-selector button{color:#3a403c;background:#f8f7f3;border:1px solid #d2d0c9;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:64px;padding:11px 15px;display:flex}.side-selector button b{font-size:15px}.side-selector button span{color:#747975;font-size:10px}.side-selector button.active{color:#fff;background:#2f503e;border-color:#2f503e;box-shadow:0 8px 18px #2f503e29}.side-selector button.active span{color:#dfe9e3}.side-selector.compact{gap:6px;margin:12px 0 19px}.side-selector.compact button{align-items:center;min-height:42px;padding:8px;font-weight:650}.selected-side{max-width:900px;margin:0 auto}.selected-side .side-builder{padding:22px}.deck-lower{grid-template-columns:1fr 118px;align-items:stretch;gap:12px;display:grid}.volume-control{color:#171a18;background:#d8d9d7;border:1px solid #777a76;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:auto 46px;justify-content:center;align-items:center;column-gap:7px;min-height:64px;padding:7px 9px;display:grid}.volume-control>span{letter-spacing:.08em;font:700 7px Inter,ui-sans-serif,sans-serif}.volume-control>b{font:700 8px ui-monospace,monospace}.volume-knob{background:radial-gradient(circle at 38% 32%,#70736f,#242725 64%,#111);border:1px solid #303330;border-radius:50%;grid-area:1/2/3;width:44px;height:44px;position:relative;box-shadow:inset 0 1px 2px #aaa,0 2px 3px #00000059}.volume-knob i{transform-origin:2px 17px;background:#f0eee6;border-radius:2px;width:3px;height:14px;position:absolute;top:5px;left:20px}.volume-knob input{opacity:0;cursor:pointer;width:54px;height:54px;position:absolute;inset:-5px}.test-audio-box{grid-template-columns:1fr}.test-audio-box b,.test-audio-box small{grid-column:1}.test-audio-box span{justify-content:center;align-items:center;display:flex}.test-track-button{color:#fff;cursor:pointer;background:#2f503e;border:1px solid #294535;border-radius:6px;min-height:38px;padding:8px 12px;font:700 9px Inter,ui-sans-serif,sans-serif}.test-track-button:hover{background:#253f31}.listener-editor{background:#fff;border:1px solid #d0cec7;border-radius:16px;max-width:1040px;margin:34px auto 54px;padding:24px;box-shadow:0 14px 34px #27231c17}.listener-editor-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.listener-editor-head h2{color:#222623;letter-spacing:-.04em;margin:4px 0 5px;font:650 28px Inter,ui-sans-serif,sans-serif}.listener-editor-head p{color:#717672;margin:0;font:500 11px Inter,ui-sans-serif,sans-serif}.listener-editor .side-builder{padding:20px}.editable-track-card{cursor:pointer;min-width:0}.editable-track-card:focus-visible{outline-offset:2px;outline:3px solid #2f503e59}.tap-hint{color:#2f503e;font:700 9px Inter,ui-sans-serif,sans-serif;display:none}@media (width<=760px){.editor-actions{flex-flow:wrap}.editor-actions button{white-space:nowrap;flex:1}.builder-head{align-items:flex-start;gap:14px}.builder-actions{flex-wrap:wrap;width:100%}.builder-actions button{flex:1}.catalog-search{grid-template-columns:38px 1fr}.catalog-search button{border-top:1px solid #d3d1cb;border-left:0;grid-column:1/-1;min-height:44px}.catalog-result{grid-template-columns:50px 1fr auto}.catalog-result .cover{width:50px;height:50px}.catalog-links{grid-column:1/-1}.catalog-result .add-buttons{grid-column:2/-1}.listener-head-actions button:first-child{display:none}.listener-head-actions button{padding:0 8px;font-size:9px}.deck-lower{grid-template-columns:1fr 105px}.volume-control{grid-template-columns:auto 42px;padding:6px}.volume-knob{width:40px;height:40px}.volume-knob input{width:50px;height:50px}.listener-editor{margin:22px 14px 40px;padding:16px}.listener-editor-head{flex-direction:column}.listener-editor-head button{width:100%}.listener-editor .side-builder,.selected-side .side-builder{padding:12px;overflow:hidden}.builder-tracks article{grid-template-columns:24px 44px minmax(0,1fr) auto;grid-template-areas:"number cover copy time""tools tools tools tools";align-items:start;gap:10px;width:100%;min-width:0;padding:13px}.builder-tracks .drag{display:none}.builder-tracks .track-no{grid-area:number;line-height:44px}.builder-tracks .cover{grid-area:cover;width:44px;height:44px}.builder-tracks .builder-copy{grid-area:copy;min-width:0}.builder-tracks .builder-copy h3{overflow-wrap:anywhere;margin-top:0;font-size:17px;line-height:1.18}.builder-tracks .builder-copy p{white-space:normal;max-width:none;line-height:1.35;overflow:visible}.builder-tracks .builder-copy blockquote{line-height:1.45}.builder-tracks article>b{text-align:right;white-space:nowrap;grid-area:time;align-self:start}.builder-tracks .track-tools{grid-area:tools;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:100%;display:grid}.builder-tracks .track-tools button{border-radius:9px;width:100%;min-width:0;height:44px;font-size:16px}.tap-hint{margin-top:10px;display:block}}