.label-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:20px}.label-prompt__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0006;cursor:pointer}.label-prompt__panel{position:relative;width:min(360px,100%);background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--ink);padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;animation:label-prompt-in .18s ease-out}.label-prompt__panel h2{font-family:var(--font-marker);font-size:1.35rem;margin:0}.label-prompt__input{font-family:var(--font-marker);font-size:1.1rem;border:none;border-bottom:2px dashed var(--paper-line);background:transparent;color:inherit;padding:6px 0;outline:none}.label-prompt__input:focus{border-bottom-color:var(--accent)}.label-prompt__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}@keyframes label-prompt-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.label-prompt__panel{animation:none}}.toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px 22px;background:color-mix(in srgb,var(--paper) 70%,transparent);border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);margin-bottom:22px}.toolbar__title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.toolbar__title{font-size:1.8rem;line-height:1}.toolbar__title-input{font-family:var(--font-marker);font-size:1.8rem;border:none;border-bottom:2px dashed var(--paper-line);background:transparent;color:inherit;outline:none}.toolbar__author,.toolbar__author-input{font-size:.85rem;opacity:.75}.toolbar__author-input{border:none;border-bottom:1px dashed var(--paper-line);background:transparent;color:inherit;outline:none;max-width:220px}.toolbar__actions{display:flex;align-items:center;gap:14px}.toolbar__menu{position:relative}.toolbar__menu-btn{min-width:40px;padding:8px 10px;font-size:1rem;line-height:1}.toolbar__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:210px;background:var(--paper);border:2px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink);z-index:20;overflow:hidden}.toolbar__dropdown-item{display:block;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:.9rem;text-align:left;cursor:pointer;white-space:nowrap}.toolbar__dropdown-item:hover{background:color-mix(in srgb,var(--accent-2) 30%,transparent)}.toolbar__dropdown-link{text-decoration:none;display:block}.toolbar__make-own{text-decoration:none;white-space:nowrap}.toolbar__themes{display:flex;gap:6px}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);padding:0}.swatch--on{outline:2px solid var(--ink);outline-offset:2px}.swatch:disabled{opacity:.55;cursor:default}.swatch--sunset{background:linear-gradient(135deg,#e8622c,#f2b134)}.swatch--mint{background:linear-gradient(135deg,#1f9e77,#7fd1b9)}.swatch--midnight{background:linear-gradient(135deg,#7c6cf4,#f26d9d)}.swatch--bubblegum{background:linear-gradient(135deg,#ff4f9a,#ffd23f)}.toolbar--listen .toolbar__actions{margin-left:auto}.toolbar--listen .toolbar__title-block{flex:1}.toolbar__fonts{display:flex;gap:4px}.font-chip{width:30px;height:30px;border-radius:6px;border:2px solid var(--ink);padding:0;background:var(--paper);font-size:.82rem;line-height:1;font-weight:700}.font-chip--on{outline:2px solid var(--ink);outline-offset:2px;background:color-mix(in srgb,var(--accent-2) 35%,var(--paper))}.font-chip:disabled{opacity:.55;cursor:default}@media (max-width: 820px){.toolbar{padding:14px 16px;gap:12px}.toolbar__title,.toolbar__title-input{font-size:clamp(1.35rem,5vw,1.8rem)}}@media (max-width: 640px){.toolbar{grid-template-columns:1fr;align-items:stretch}.toolbar__actions{flex-wrap:wrap;gap:10px}.toolbar__make-own{width:100%;text-align:center;white-space:normal}.toolbar__sticker-grid{gap:8px}.sticker-pick{width:44px;height:44px}}@media (max-width: 480px){.toolbar{padding:12px;margin-bottom:16px}.toolbar__themes,.toolbar__fonts{flex-wrap:wrap}.toolbar__dropdown{left:0;right:auto;min-width:180px}}.toolbar__stickers{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px dashed var(--paper-line)}.toolbar__stickers-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.toolbar__stickers-label{font-size:.8rem;opacity:.7}.toolbar__surface-pick{display:flex;gap:4px}.toolbar__surface-btn{border:1px solid var(--paper-line);background:transparent;color:inherit;font-size:.75rem;padding:3px 10px;border-radius:4px;cursor:pointer}.toolbar__surface-btn--on{background:color-mix(in srgb,var(--accent-2) 40%,transparent);border-color:var(--accent)}.toolbar__sticker-tabs{display:flex;gap:6px}.toolbar__sticker-tab{border:1px solid var(--paper-line);background:transparent;color:inherit;font-size:.78rem;padding:4px 12px;border-radius:999px;cursor:pointer}.toolbar__sticker-tab--on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.toolbar__sticker-grid{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sticker-pick{width:42px;height:42px;padding:4px;border:1px solid var(--paper-line);border-radius:8px;background:var(--paper);font-size:1.1rem;line-height:1;display:grid;place-items:center}.sticker-pick--holo{background:linear-gradient(135deg,#f0f4ff,#fff0f8,#fffce8)}.sticker-pick .retro-sticker-svg{width:100%;height:100%}.sticker-pick:hover{border-color:var(--accent);transform:translateY(-1px)}.sticker-pick--label{width:auto;padding:0 12px;font-size:.8rem;font-weight:700}.sticker-pick-wrap{position:relative}.sticker-pick--custom{padding:2px;overflow:hidden}.sticker-pick__img{width:100%;height:100%;object-fit:contain;display:block}.sticker-pick--upload{width:auto;min-width:42px;padding:0 10px;font-size:.72rem;font-weight:700;border-style:dashed}.sticker-pick__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border:none;border-radius:50%;background:#141414e6;color:#fff;font-size:.65rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.sticker-pick__remove:hover{background:var(--accent)}.toolbar__sticker-file{display:none}.toolbar__sticker-hint{margin:0;font-size:.75rem;opacity:.72;line-height:1.35}.toolbar__sticker-error{color:var(--accent);opacity:1}.sticker-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.sticker-layer .sticker{pointer-events:none}.sticker-layer--active{pointer-events:auto}.sticker-layer--active .sticker{pointer-events:auto;cursor:pointer}.sticker-layer--active .sticker--selected{cursor:grab}.sticker-layer--active .sticker--selected:active{cursor:grabbing}.sticker{position:absolute;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sticker--selected{outline:2px dashed var(--accent);outline-offset:4px;border-radius:4px}.sticker--sticker .sticker__content{font-size:2rem;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.35))}.sticker__art{display:block;width:68px;height:68px;position:relative}.sticker__art--flag{width:76px;height:58px}.sticker__art--custom{width:72px;height:72px}.sticker__art--custom img{display:block;width:100%;height:100%;object-fit:contain}.sticker--custom .sticker__art--custom img{pointer-events:none}.retro-sticker-svg{display:block;width:100%;height:100%;overflow:visible}.sticker--peel-tl .sticker__art{transform:perspective(300px) rotateX(-8deg) rotateY(7deg);transform-origin:85% 90%;filter:drop-shadow(-4px -5px 4px rgba(0,0,0,.25))}.sticker--peel-br .sticker__art{transform:perspective(300px) rotateX(7deg) rotateY(-8deg);transform-origin:15% 10%;filter:drop-shadow(5px 6px 4px rgba(0,0,0,.25))}.sticker__art--holo:after{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;border-radius:12px;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.45) 35%,rgba(180,230,255,.55) 45%,rgba(255,180,255,.5) 55%,rgba(255,255,180,.45) 65%,transparent 80%);background-size:220% 220%;animation:holo-shimmer 2.8s ease-in-out infinite;mix-blend-mode:overlay;pointer-events:none}.sticker--holo .retro-sticker-svg{filter:saturate(1.25) brightness(1.05)}@keyframes holo-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion: reduce){.sticker__art--holo:after{animation:none;opacity:.35}}.sticker--label .sticker__content{font-family:var(--font-marker);font-size:1.1rem;background:var(--paper);color:inherit;padding:2px 10px;border-radius:4px;border:1px dashed rgba(0,0,0,.4);box-shadow:1px 2px 4px #00000040;white-space:nowrap}.sticker__tools{position:absolute;top:100%;left:50%;transform:translate(-50%,4px) rotate(0);display:flex;gap:3px;background:#141414d9;padding:3px;border-radius:6px;z-index:5}.sticker__tools button{width:22px;height:22px;border:none;border-radius:4px;background:#f3f3f3;color:#111;font-size:.8rem;line-height:1;display:grid;place-items:center}.sticker__tools button:hover{background:var(--accent-2)}@media (max-width: 640px){.sticker__tools button{width:36px;height:36px;font-size:.95rem}}.cassette{width:100%;max-width:520px;margin:0 auto;-webkit-user-select:none;user-select:none}.cassette__body{--shell: var(--tape-body);--shell-edge: #111;position:relative;aspect-ratio:1.58 / 1;max-height:330px;background:linear-gradient(160deg,var(--shell),var(--shell-edge)),var(--shell);border-radius:12px 12px 8px 8px;padding:12px 18px;box-shadow:0 12px 30px var(--shadow),inset 0 2px 6px #ffffff1f,inset 0 -3px 8px #00000040;color:#f3f3f3;overflow:hidden;transition:background .35s ease;display:flex;flex-direction:column}.cassette__body:before{content:"";position:absolute;left:50%;bottom:0;width:76%;height:23%;transform:translate(-50%);clip-path:polygon(9% 0%,91% 0%,100% 100%,0% 100%);background:linear-gradient(180deg,#00000014,#00000038);pointer-events:none}.cassette__body:after{content:"";position:absolute;left:50%;bottom:4%;width:34%;height:7%;transform:translate(-50%);border-radius:3px;background:#00000047;box-shadow:inset 0 1px 3px #00000073;pointer-events:none}.cassette__screws{position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none}.cassette__screws span{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--tape-screw, #999) 130%,#fff),var(--tape-screw, #333));box-shadow:inset 0 0 0 1px #00000059}.cassette__screws span:nth-child(1){top:0;left:0}.cassette__screws span:nth-child(2){top:0;right:0}.cassette__screws span:nth-child(3){bottom:0;left:0}.cassette__screws span:nth-child(4){bottom:0;right:0}.cassette__screws span:nth-child(5){bottom:0;left:50%;transform:translate(-50%)}.cassette__brand{position:relative;background:var(--tape-band, #1b1b1b);color:var(--tape-band-ink, #f2efe4);border-radius:4px;padding:5px 10px 6px;margin-bottom:8px;box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff14;flex:0 0 auto}.cassette__stripes{display:flex;flex-direction:column;gap:2px;margin-bottom:5px}.cassette__stripes span{height:2px;border-radius:2px;opacity:.9}.cassette__brand-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cassette__brand-name{font-family:Arial Narrow,Helvetica Neue,sans-serif;font-weight:800;letter-spacing:.06em;font-size:.8rem;line-height:1;text-transform:uppercase}.cassette__brand-spec{font-family:Arial Narrow,Helvetica Neue,sans-serif;font-weight:800;font-size:.72rem;color:var(--tape-spec-ink, #f2b134);letter-spacing:.04em}.cassette__brand-tagline{display:block;margin-top:2px;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.cassette__label{position:relative;background-color:var(--paper);background-image:repeating-linear-gradient(transparent 0 21px,color-mix(in srgb,var(--paper-line) 65%,transparent) 21px,color-mix(in srgb,var(--paper-line) 65%,transparent) 22px);color:var(--ink);border-radius:4px;min-height:44px;padding:6px 12px;margin-bottom:8px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;box-shadow:0 2px 6px #00000047,inset 0 0 0 1px #0000000f;flex:0 0 auto}.cassette__label-title{font-family:var(--font-marker);font-size:1.02rem;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(1px)}.cassette__label-sub{font-family:var(--font-body);font-size:.66rem;line-height:1.2;opacity:.72;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cassette__window{margin:0 auto;width:100%;flex:1 1 auto;min-height:60px;max-height:96px;background:linear-gradient(180deg,color-mix(in srgb,var(--tape-window) 85%,#000),var(--tape-window));border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative;box-shadow:inset 0 3px 10px #00000073}.cassette__tape{flex:1;height:6px;margin:0 10px;background:#00000040;border-radius:3px;overflow:hidden}.cassette__tape-line{height:100%;background:#1b1b1b;transform-origin:left center;transition:transform .25s linear}.reel{position:relative;width:64px;height:64px;display:grid;place-items:center}.reel__tape-pack{position:absolute;border-radius:50%;background:repeating-radial-gradient(circle,#171717 0,#171717 2px,#2c2c2c 2px,#2c2c2c 4px);transition:width .3s ease,height .3s ease}.reel__hub{position:relative;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#f3f3f3,#cfcfcf);display:grid;place-items:center;box-shadow:0 0 0 4px #00000080}.reel__hub span{position:absolute;width:5px;height:14px;background:#7a7a7a;border-radius:2px;transform-origin:center 24px}.reel__hub span:nth-child(1){transform:rotate(0)}.reel__hub span:nth-child(2){transform:rotate(120deg)}.reel__hub span:nth-child(3){transform:rotate(240deg)}.reel__hub--spin{animation:reel-spin 1.4s linear infinite}.reel__hub--wind-fwd{animation:reel-spin .28s linear infinite}.reel__hub--wind-rev{animation:reel-spin-rev .28s linear infinite}@keyframes reel-spin{to{transform:rotate(360deg)}}@keyframes reel-spin-rev{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion: reduce){.reel__hub--spin,.reel__hub--wind-fwd,.reel__hub--wind-rev{animation:none}}.cassette__nowplaying{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:1px;min-height:34px;margin-top:4px;padding:0 16%;overflow:hidden;flex:0 0 auto}.cassette__track-index{display:block;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:1px}.cassette__track-title{font-weight:700;font-size:.84rem;line-height:1.2}.cassette__track-artist{font-size:.7rem;opacity:.75;line-height:1.2}.cassette__track-title,.cassette__track-artist{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cassette__foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding-top:4px;font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;flex:0 0 auto}.cassette__foot-dots{display:inline-flex;gap:4px}.cassette__foot-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.tape-picker-wrap{position:relative}.tape-picker-wrap:before,.tape-picker-wrap:after{content:"";position:absolute;top:0;bottom:0;width:36px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1}.tape-picker-wrap:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.tape-picker-wrap:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}.tape-picker-wrap--l:before,.tape-picker-wrap--r:after{opacity:1}.tape-picker__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;padding:0 0 2px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font-size:1.1rem;font-weight:700;line-height:1;display:grid;place-items:center;box-shadow:2px 2px 0 var(--ink)}.tape-picker__arrow:active{transform:translateY(calc(-50% + 2px)) translate(2px);box-shadow:0 0 0 var(--ink)}.tape-picker__arrow--left{left:-4px}.tape-picker__arrow--right{right:-4px}.tape-picker{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 4px;scrollbar-width:thin;scroll-snap-type:x proximity}.tape-chip{flex:0 0 auto;scroll-snap-align:start;width:84px;border:2px solid var(--ink);border-radius:8px;padding:0;overflow:hidden;background:var(--chip-shell, #333);box-shadow:2px 2px 0 var(--ink);transition:transform .05s ease,box-shadow .05s ease}.tape-chip--on{outline:2px solid var(--accent);outline-offset:2px}.tape-chip:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.tape-chip__stripes{display:flex;flex-direction:column;gap:2px;padding:5px 6px 3px;background:var(--chip-band, #1b1b1b)}.tape-chip__stripes i{height:2px;border-radius:2px}.tape-chip__name{display:block;padding:3px 4px 5px;background:var(--chip-band, #1b1b1b);color:var(--chip-ink, #f2efe4);font-family:Arial Narrow,Helvetica Neue,sans-serif;font-weight:800;font-size:.62rem;letter-spacing:.04em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cassette__winding{font-style:italic;opacity:.85;animation:wind-pulse .8s ease-in-out infinite alternate}@keyframes wind-pulse{0%{opacity:.65}to{opacity:1}}@media (prefers-reduced-motion: reduce){.cassette__winding{animation:none}}.cassette--winding-forward .cassette__tape-line,.cassette--winding-rewind .cassette__tape-line{transition:transform .1s linear}.cassette__counter{display:flex;align-items:center;gap:10px;margin:16px 6px 6px}.cassette__time{font-variant-numeric:tabular-nums;font-size:.8rem;min-width:40px;text-align:center;color:var(--ink)}.cassette__counter-track{flex:1;height:6px;border-radius:3px;background:color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}.cassette__counter-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .25s linear}.cassette__controls{display:flex;justify-content:center;gap:14px;margin-top:10px}.transport{width:56px;height:44px;font-size:1.2rem;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .05s ease,box-shadow .05s ease}.transport:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.transport--play{width:74px;background:var(--accent);color:#fff}.transport:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--ink)}@media (max-width: 480px){.cassette__body{max-height:280px;padding:12px 14px 14px}.cassette__brand-row{flex-wrap:wrap;gap:4px}.cassette__brand-name{font-size:.74rem}.cassette__brand-spec{font-size:.66rem}.cassette__label{min-height:44px;padding:6px 10px}.cassette__label-title{font-size:.92rem}.cassette__window{padding:0 8px;min-height:56px}.cassette__nowplaying{padding:0 4%}.reel{width:54px;height:54px}.cassette__controls{gap:10px}.transport{width:48px;height:40px;font-size:1rem}.transport--play{width:64px}}.notepad{--rule-height: 30px;position:relative;width:100%;max-width:460px;background:var(--paper);border-radius:6px 10px 10px 6px;box-shadow:0 14px 30px var(--shadow);padding:30px 24px 30px 44px;min-height:460px}.notepad__spiral{position:absolute;left:14px;top:18px;bottom:18px;width:16px;display:flex;flex-direction:column;justify-content:space-between}.notepad__spiral span{display:block;width:16px;height:8px;border-radius:8px;background:linear-gradient(180deg,#b9b9b9,#6f6f6f);box-shadow:inset 0 -1px 2px #0006}.notepad__page{position:relative;z-index:1;min-height:400px}.notepad__heading{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.notepad__track-no{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6;line-height:var(--rule-height)}.notepad__track-hint{text-transform:none;letter-spacing:0;font-style:italic;opacity:.75}.notepad__title{font-family:var(--font-marker);font-size:1.5rem;line-height:var(--rule-height)}.notepad__artist{font-size:.85rem;opacity:.75;line-height:var(--rule-height)}.notepad__label{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0;line-height:var(--rule-height)}.notepad__notes-area{background-image:repeating-linear-gradient(transparent 0 calc(var(--rule-height) - 1px),var(--paper-line) calc(var(--rule-height) - 1px) var(--rule-height));background-size:100% var(--rule-height);margin-bottom:16px}.notepad__notes{font-family:var(--font-marker);font-size:17px;line-height:var(--rule-height);white-space:pre-wrap;margin:0;min-height:calc(var(--rule-height) * 3);padding:0}.notepad__notes--edit{width:100%;border:none;background:transparent;resize:vertical;color:inherit;outline:none;min-height:calc(var(--rule-height) * 6)}.notepad__notes--edit:focus{background:color-mix(in srgb,var(--accent-2) 20%,transparent);border-radius:4px}.notepad__empty{opacity:.6;font-style:italic}.notepad__photos{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.polaroid{position:relative;background:#fff;padding:8px 8px 26px;border-radius:2px;box-shadow:0 4px 10px #00000047;transform:rotate(-2deg);width:130px}.polaroid:nth-child(2n){transform:rotate(2.5deg)}.polaroid img{display:block;width:114px;height:96px;object-fit:cover;background:#eee}.polaroid__caption{position:absolute;left:8px;right:8px;bottom:6px;text-align:center;font-family:var(--font-marker);font-size:.78rem;color:#333}.polaroid__caption--edit{border:none;border-bottom:1px dashed #bbb;background:transparent;outline:none}.polaroid__remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:.75rem;box-shadow:0 2px 4px #0000004d}.polaroid--add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:130px;border:2px dashed color-mix(in srgb,var(--ink) 40%,transparent);background:transparent;color:var(--ink);transform:none;box-shadow:none}.polaroid--add span{font-size:1.6rem;line-height:1}.polaroid--add small{font-size:.7rem;opacity:.7}.notepad__photo-error{flex:1 1 100%;margin:0;font-size:.78rem;color:var(--accent)}.polaroid--add:disabled{opacity:.55;cursor:wait}@media (max-width: 820px){.notepad{max-width:none}}@media (max-width: 480px){.notepad{--rule-height: 26px;min-height:320px;padding:22px 16px 22px 36px}.notepad__spiral{left:10px;width:12px}.notepad__spiral span{width:12px;height:6px}.notepad__page{min-height:280px}.notepad__title{font-size:1.25rem}.notepad__notes{font-size:16px}.polaroid{width:118px}.polaroid img{width:102px;height:86px}}.tracklist{background:var(--paper);border-radius:8px;padding:16px 18px;box-shadow:0 8px 20px var(--shadow)}.tracklist__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tracklist__head-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.tracklist__head h3{font-size:1.2rem;margin:0}.tracklist__capacity{font-size:.72rem;opacity:.65}.tracklist__capacity-hint{margin:0 0 10px;font-size:.78rem;opacity:.75;font-style:italic}.tracklist__edit-hint{margin:0 0 10px;font-size:.78rem;opacity:.7}.tracklist__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tracklist__item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;border:1px solid transparent}.tracklist__item--active{background:color-mix(in srgb,var(--accent-2) 30%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.tracklist__item--notes{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.tracklist__empty-hint{margin:0;font-size:.9rem;opacity:.65;font-style:italic}.tracklist--empty{text-align:center;padding:20px;opacity:.7;font-style:italic}.tracklist__play{width:30px;height:30px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-size:.7rem;flex-shrink:0;cursor:pointer}.tracklist__play--on{background:color-mix(in srgb,var(--accent-2) 40%,var(--paper));border-color:color-mix(in srgb,var(--accent) 55%,var(--ink))}.tracklist__play:disabled{opacity:.45;cursor:not-allowed}.tracklist__no{font-variant-numeric:tabular-nums;opacity:.6;min-width:22px}.tracklist__meta{display:flex;flex-direction:column;min-width:0;flex:1;text-align:left}.tracklist__meta--btn{border:none;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.tracklist__meta--btn:disabled{cursor:default}.tracklist__meta--btn:not(:disabled):hover .tracklist__title{text-decoration:underline}.tracklist__title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracklist__artist{font-size:.8rem;opacity:.7}.tracklist__edit{display:flex;flex-direction:column;gap:4px;flex:1}.tracklist__input{border:none;border-bottom:1px solid var(--paper-line);background:transparent;color:inherit;font-family:var(--font-body);font-size:.95rem;padding:2px 0;outline:none}.tracklist__input:focus{border-bottom-color:var(--accent)}.tracklist__input--sub{font-size:.8rem;opacity:.85}.tracklist__input--url{flex:1;min-width:0}.tracklist__source{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:2px}.tracklist__source-status{font-size:.72rem;opacity:.65}.tracklist__source-status--ok{opacity:.85;color:color-mix(in srgb,var(--accent) 80%,var(--ink))}.tracklist__source-status--warn{opacity:.75;font-style:italic}.tracklist__warn{font-size:.72rem;opacity:.55;font-style:italic}.tracklist__notes-btn{margin-left:auto;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);background:transparent;color:inherit;font-size:.72rem;padding:3px 10px;border-radius:4px;cursor:pointer;flex-shrink:0}.tracklist__notes-btn--on{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent);font-weight:700}.tracklist__remove{margin-left:0;width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--accent);font-size:.9rem;flex-shrink:0}.tracklist__remove:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}@media (max-width: 640px){.tracklist{padding:14px}.tracklist__head{flex-direction:column;align-items:stretch;gap:10px}.tracklist__head .btn{width:100%}.tracklist__item{flex-wrap:wrap;align-items:flex-start}.tracklist__edit{flex:1 1 100%;min-width:0}.tracklist__notes-btn{margin-left:0}}@media (max-width: 480px){.tracklist__play{width:36px;height:36px}.tracklist__notes-btn,.tracklist__remove{min-width:36px;min-height:36px}}.sharebar{background:var(--paper);border:2px dashed var(--ink);border-radius:12px;padding:16px 18px;box-shadow:0 8px 20px var(--shadow)}.sharebar__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sharebar__origin{font-size:.85rem;opacity:.6}.sharebar__slug,.sharebar__slug-input{font-family:var(--font-body);font-weight:700;color:var(--accent);font-size:.95rem}.sharebar__slug-input{border:none;border-bottom:2px solid var(--accent);background:transparent;outline:none;min-width:160px}.sharebar__copy{margin-left:auto}.sharebar__copy--ok{animation:sharebar-copy-pulse .45s ease-out}@keyframes sharebar-copy-pulse{0%{transform:scale(1)}40%{transform:scale(1.04);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.sharebar__copy--ok{animation:none}}.sharebar__full{width:100%;margin-top:12px;padding:8px 10px;border:1px solid var(--paper-line);border-radius:6px;background:color-mix(in srgb,var(--ink) 6%,transparent);color:inherit;font-size:.78rem;font-family:var(--font-body)}.sharebar__hint{margin:8px 2px 0;font-size:.76rem;opacity:.65}.sharebar__edit{margin-top:12px;padding-top:12px;border-top:1px dashed var(--paper-line)}.sharebar__edit-label{font-size:.85rem;font-weight:700}.sharebar__warn{margin:8px 2px 0;font-size:.76rem;color:var(--accent)}.sharebar--listen .sharebar__row{justify-content:space-between}.sharebar__listen-label{font-size:.9rem;font-weight:700}.sharebar--listen .sharebar__copy{margin-left:0}@media (max-width: 640px){.sharebar{padding:14px}.sharebar__row{flex-direction:column;align-items:stretch}.sharebar__copy{margin-left:0;width:100%}.sharebar__slug-input{min-width:0;width:100%}}.shared-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;margin:0 0 16px;padding:14px 18px;border-radius:10px;text-align:center;background:color-mix(in srgb,var(--accent-2) 35%,var(--paper));border:2px solid color-mix(in srgb,var(--ink) 15%,transparent);box-shadow:3px 3px 0 var(--ink)}.shared-cta__text{margin:0;font-size:.92rem;opacity:.85}.shared-cta__btn{text-decoration:none;white-space:nowrap}.help-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px}.help-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#00000073;cursor:pointer}.help-modal__panel{position:relative;z-index:1;width:min(480px,100%);max-height:min(85vh,640px);overflow:auto;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--ink);animation:help-modal-in .2s ease-out}@keyframes help-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.help-modal__panel{animation:none}}.help-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px dashed var(--paper-line)}.help-modal__head h2{font-family:var(--font-marker);font-size:1.6rem;margin:0}.help-modal__close{width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:var(--ink);font-size:1rem;cursor:pointer}.help-modal__close:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.help-modal__body{padding:16px 20px;font-size:.95rem;line-height:1.55}.help-modal__body h3{font-size:1rem;margin:18px 0 8px}.help-modal__body ol{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:8px}.help-modal__note{margin-top:16px;padding:10px 12px;border-radius:6px;background:color-mix(in srgb,var(--accent-2) 25%,transparent);font-size:.88rem}.help-modal__foot{padding:12px 20px 18px;display:flex;flex-direction:column;align-items:stretch;gap:10px;border-top:1px dashed var(--paper-line)}.help-modal__foot .btn{align-self:flex-end}.help-modal__keys{margin:0;font-size:.78rem;opacity:.7}.help-modal__keys kbd{display:inline-block;padding:1px 5px;border:1px solid var(--paper-line);border-radius:4px;font-family:var(--font-body);font-size:.72rem;background:color-mix(in srgb,var(--ink) 5%,var(--paper))}.loading-screen{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.loading-screen__text{margin:0;font-family:var(--font-marker);font-size:1.2rem}.loading-screen__sub{margin:0;font-size:.8rem;opacity:.6;font-style:italic}.loading-screen__reel{width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--tape-window, #d9b382) 55%,var(--paper));border:3px solid var(--ink);display:grid;place-items:center;box-shadow:0 8px 20px var(--shadow)}.loading-screen__hub{width:28px;height:28px;border-radius:50%;background:var(--ink);animation:loading-spin 1.1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-screen__hub{animation:none}}.app{max-width:1080px;margin:0 auto;padding:26px 20px 40px}.yt-audio-host{position:absolute;width:1px;height:1px;left:-9999px;top:-9999px;pointer-events:none}.app__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start;margin-bottom:24px}.app__left{display:flex;flex-direction:column;gap:20px}.app__right{display:flex;justify-content:center}.app--loading{min-height:60vh;display:grid;place-items:center;opacity:.7;font-style:italic}.app__footer{text-align:center;margin-top:22px;font-size:.8rem;opacity:.65}.app__share-error{margin:0 0 16px;padding:12px 16px;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,var(--paper));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);font-size:.88rem;text-align:center}.app__photo-optimize{margin:0 0 14px;padding:10px 14px;border-radius:8px;text-align:center;font-size:.82rem;font-style:italic;background:color-mix(in srgb,var(--accent-2) 22%,var(--paper));border:1px dashed color-mix(in srgb,var(--ink) 18%,transparent)}.app__shared-banner{margin:0 0 16px;padding:12px 16px;border-radius:8px;text-align:center;font-size:.88rem;line-height:1.45;background:color-mix(in srgb,var(--accent-2) 35%,var(--paper));border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.app__shared-banner-link{border:none;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}.app__footer-links{margin:6px 0 0;font-size:.72rem}.app__footer-links a{color:inherit;opacity:.75}.app__footer-links a:hover{opacity:1;color:var(--accent)}@media (max-width: 820px){.app{padding:16px 14px 28px}.app__stage{display:flex;flex-direction:column;gap:18px}.app__left{display:contents}.cassette{order:0}.app__right{order:1;justify-content:stretch}.tracklist{order:2}}@media (max-width: 480px){.app{padding:12px 10px 24px}.app__footer{font-size:.72rem;padding:0 4px}}:root{--bp-sm: 480px;--bp-md: 640px;--bp-lg: 820px;--font-body: "Courier New", "Courier", monospace;--font-marker: "Marker Felt", "Comic Sans MS", "Segoe Print", cursive;--bg: #f6e9d8;--bg-accent: #efd9b8;--ink: #2b2b2b;--paper: #fdf6e3;--paper-line: #d9c9a3;--tape-body: #2b2b2b;--tape-window: #d9b382;--accent: #e8622c;--accent-2: #f2b134;--shadow: rgba(0, 0, 0, .25)}body[data-theme=sunset]{--bg: #f6e0c9;--bg-accent: #f0c9a0;--accent: #e8622c;--accent-2: #f2b134;--tape-body: #3a2b2b;--tape-window: #e6b98a}body[data-theme=mint]{--bg: #e2f4ec;--bg-accent: #c4e8d8;--accent: #1f9e77;--accent-2: #7fd1b9;--ink: #1f2d29;--tape-body: #23403a;--tape-window: #bfe3d5;--paper: #f4fbf8;--paper-line: #bfe0d3}body[data-theme=midnight]{--bg: #1e2233;--bg-accent: #2a2f47;--accent: #7c6cf4;--accent-2: #f26d9d;--ink: #eef0ff;--tape-body: #0f1220;--tape-window: #454b73;--paper: #2a2f47;--paper-line: #3c4266;--shadow: rgba(0, 0, 0, .5)}body[data-theme=bubblegum]{--bg: #ffe3f1;--bg-accent: #ffc6e2;--accent: #ff4f9a;--accent-2: #ffd23f;--ink: #3a1f2c;--tape-body: #46243a;--tape-window: #ffc6e2;--paper: #fff2f8;--paper-line: #f4c9dd}body[data-font=classic]{--font-body: "Courier New", "Courier", monospace;--font-marker: "Marker Felt", "Comic Sans MS", "Segoe Print", cursive}body[data-font=scribble]{--font-body: "Segoe Print", "Comic Sans MS", cursive;--font-marker: "Segoe Script", "Bradley Hand", cursive}body[data-font=typewriter]{--font-body: "Courier New", "Courier", monospace;--font-marker: "Courier New", "Courier", monospace}body[data-font=loose]{--font-body: Georgia, "Times New Roman", serif;--font-marker: "Brush Script MT", "Segoe Script", cursive}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);overflow-x:hidden;background:radial-gradient(circle at 20% 10%,var(--bg-accent),transparent 40%),radial-gradient(circle at 90% 80%,var(--bg-accent),transparent 45%),var(--bg);background-attachment:fixed;transition:background .4s ease,color .4s ease}button{font-family:var(--font-body);cursor:pointer}h1,h2,h3{font-family:var(--font-marker);margin:0}.btn{border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:8px;padding:8px 14px;font-weight:700;box-shadow:3px 3px 0 var(--ink);transition:transform .05s ease,box-shadow .05s ease}.btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn--accent{background:var(--accent);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--ink)}.btn:focus-visible,.transport:focus-visible,.swatch:focus-visible,.font-chip:focus-visible,.tracklist__play:focus-visible,.tracklist__notes-btn:focus-visible,.tracklist__meta--btn:focus-visible,.toolbar__menu-btn:focus-visible,.toolbar__dropdown-item:focus-visible,.toolbar__surface-btn:focus-visible,.toolbar__sticker-tab:focus-visible,.sticker-pick:focus-visible,.help-modal__close:focus-visible,.app__shared-banner-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}