@font-face{font-family:Comfortaa Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/comfortaa-cyrillic-ext-wght-normal-Bbyo-ZHz.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Comfortaa Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/comfortaa-cyrillic-wght-normal-D14l-6cu.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Comfortaa Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/comfortaa-greek-wght-normal-C_9s1t5x.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Comfortaa Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/comfortaa-vietnamese-wght-normal-BegpjMof.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Comfortaa Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/comfortaa-latin-ext-wght-normal-CYL25BRH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Comfortaa Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/comfortaa-latin-wght-normal-CLB3k12Y.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-400-normal-7HIToT7q.woff2) format("woff2"),url(/assets/pacifico-latin-400-normal-DArfF-vd.woff) format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-cyrillic-400-normal-DS5_g9Hw.woff2) format("woff2"),url(/assets/pacifico-cyrillic-400-normal-BtlfDWif.woff) format("woff")}:root{--orange: #d9622b;--mustard: #e8a33d;--olive: #6b7a3a;--teal: #2f6f6a;--pink: #e07a8f;--brick: #9a4b2c;--berry: #b9506a;--ink: #4a2c1d;--cream: #fbf1db;--bg: #f4e4c1;--surface: #fbf1db;--text: #4a2c1d;--muted: #8a6a52;--line: #4a2c1d;--shadow: #4a2c1d;--blob: rgba(232, 163, 61, .35);--field: rgba(74, 44, 29, .06);--veil: rgba(244, 228, 193, .3);--track-on: var(--orange);--track-off: rgba(74, 44, 29, .14);--thumb: var(--surface);--radius: 22px;--dock-h: 78px;--blob-shape: 47% 53% 60% 40% / 50% 45% 55% 50%;color-scheme:light}:root[data-theme=dark]{--bg: #1d1a2b;--surface: #2a201d;--text: #f4e4c1;--muted: #bfa58c;--line: #120c0a;--shadow: #0c0807;--blob: rgba(232, 163, 61, .16);--field: rgba(0, 0, 0, .25);--veil: rgba(18, 12, 20, .28);--track-off: rgba(244, 228, 193, .16);--thumb: #f4e4c1;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Comfortaa Variable,Comfortaa,system-ui,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}.muted{color:var(--muted);font-weight:500}.ic{width:40px;height:40px;flex:none;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:url(#rough)}.ic .fill{fill:currentColor;stroke:none}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.bg__veil,.bg__tint,.bg__media,.bg__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bg__veil{background:var(--veil);transition:background .4s}.bg__media{object-fit:cover;opacity:0;transition:opacity .9s ease}.bg__media.is-ready{opacity:1}.bg__shade{background:linear-gradient(180deg,#140c0873,#140c081a 35%,#140c0899)}.bg__steam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.steam-wisp{fill:none;stroke:#fff6e88c;stroke-width:14;stroke-linecap:round;filter:blur(7px);opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:steam-rise 4.2s ease-in infinite}@keyframes steam-rise{0%{opacity:0;transform:translateY(10px) scaleY(.6)}30%{opacity:.7}to{opacity:0;transform:translateY(-70px) scaleY(1.15) translate(8px)}}.theme-toggle{position:fixed;z-index:12;top:14px;right:14px;display:grid;place-items:center;width:48px;height:48px;border:2.5px solid var(--line);border-radius:50%;background:var(--mustard);color:var(--ink);box-shadow:3px 3px 0 var(--shadow);transition:transform .12s,box-shadow .12s,opacity .4s}.theme-toggle .ic{width:28px;height:28px}.theme-toggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}:root[data-theme=dark] .theme-toggle{box-shadow:3px 3px 0 var(--shadow),0 0 22px #e8a33d73}.theme-toggle.is-hidden{opacity:0;pointer-events:none}.app{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:40px 16px calc(var(--dock-h) + 56px + env(safe-area-inset-bottom));transition:opacity .5s ease}.app--hidden{opacity:0;pointer-events:none}.hero{max-width:700px;margin:0 auto;padding:22px 26px 24px;text-align:center;background:var(--surface);border:2.5px solid var(--line);border-radius:28px;box-shadow:6px 6px 0 var(--shadow)}.hero h1{margin:0;font:400 clamp(2.6rem,7vw,4rem) / 1.25 "Pacifico",cursive;color:var(--orange);text-shadow:4px 4px 0 var(--teal)}:root[data-theme=dark] .hero h1{text-shadow:4px 4px 0 var(--teal),0 0 28px rgba(255,159,67,.55)}.hero p{max-width:520px;margin:8px auto 0;line-height:1.55}.categories{margin-top:36px;display:grid;gap:30px}.category h2{display:inline-block;margin:0 0 14px;padding:6px 16px;font-size:.85rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink);background:var(--mustard);border:2.5px solid var(--line);border-radius:99px;box-shadow:3px 3px 0 var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:16px}.footer{margin-top:44px;text-align:center}.link{padding:8px 16px;border:2.5px solid var(--line);border-radius:99px;background:var(--surface);box-shadow:3px 3px 0 var(--shadow)}.card{--c: var(--teal);--glow: rgba(77, 182, 172, .55);--on-text: var(--cream);display:flex;flex-direction:column;background:var(--surface);border:2.5px solid var(--line);border-radius:var(--radius);box-shadow:5px 5px 0 var(--shadow);transition:transform .15s,box-shadow .15s,background .25s,color .25s}.card[data-cat=cozy]{--c: var(--orange);--glow: rgba(255, 140, 66, .6)}.card[data-cat=city]{--c: var(--brick);--glow: rgba(214, 120, 80, .5)}.card[data-cat=tavern]{--c: var(--olive);--glow: rgba(170, 190, 90, .5)}.card[data-cat=lofi]{--c: var(--berry);--glow: rgba(224, 122, 143, .55)}.card[data-cat=noise]{--c: var(--mustard);--glow: rgba(232, 163, 61, .55);--on-text: var(--ink)}.card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--shadow)}.card:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--shadow)}.card--on{background:var(--c);color:var(--on-text);--track-on: var(--mustard);--track-off: rgba(251, 241, 219, .3);--thumb: var(--cream)}.card[data-cat=noise].card--on{--track-on: var(--ink);--track-off: rgba(74, 44, 29, .2)}:root[data-theme=dark] .card--on{box-shadow:5px 5px 0 var(--shadow),0 0 34px -2px var(--glow)}:root[data-theme=dark] .card--on:hover{box-shadow:7px 7px 0 var(--shadow),0 0 40px 0 var(--glow)}.card--error{opacity:.6}.card__toggle{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 12px;background:none;border:0;border-radius:inherit;text-align:center}.card__icon{position:relative;display:grid;place-items:center;width:64px;height:64px}.card__icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blob);border:2.5px solid var(--line);border-radius:var(--blob-shape);filter:url(#rough);transition:transform .25s,background .25s,border-color .25s}.card:nth-child(3n+1) .card__icon:before{border-radius:58% 42% 46% 54%/42% 56% 44% 58%}.card:nth-child(3n+2) .card__icon:before{border-radius:40% 60% 52% 48%/58% 40% 60% 42%}.card--on .card__icon:before{background:#fbf1db2e;border-color:var(--on-text);transform:scale(1.08) rotate(10deg)}.card__icon .ic{position:relative}.card--on .card__icon .ic{filter:url(#rough) drop-shadow(2.5px 2px 0 var(--pink))}.card[data-cat=lofi].card--on .card__icon .ic{filter:url(#rough) drop-shadow(2.5px 2px 0 var(--mustard))}:root[data-theme=dark] .card--on .card__icon .ic{filter:url(#rough) drop-shadow(2.5px 2px 0 var(--pink)) drop-shadow(0 0 8px rgba(255,210,125,.7))}.card__badge{position:absolute;right:-4px;bottom:-4px;padding:2px;border-radius:50%;background:var(--surface);color:var(--orange);border:2px solid var(--line)}.card__name{font-size:.9rem;line-height:1.2}.slider.card__slider{margin:auto 14px 14px;width:auto}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.slider{--fill: 50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:0;background:transparent;cursor:pointer}.slider::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--track-on) var(--fill),var(--track-off) var(--fill))}.slider::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--track-on) var(--fill),var(--track-off) var(--fill))}.slider::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:20px;height:20px;margin-top:-6px;border-radius:50%;background:var(--thumb);border:3px solid var(--line)}.slider::-moz-range-thumb{box-sizing:border-box;width:20px;height:20px;border-radius:50%;background:var(--thumb);border:3px solid var(--line)}.dock{position:fixed;z-index:10;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(720px,calc(100% - 24px));display:flex;flex-direction:column;gap:14px}.dock--minimal{width:auto}.bar,.panel,.modal__inner{background:var(--surface);border:2.5px solid var(--line);border-radius:26px;box-shadow:6px 6px 0 var(--shadow)}.bar{display:flex;align-items:center;gap:10px;min-height:var(--dock-h);padding:10px 12px}.dock--minimal .bar{min-height:0;opacity:.6;transition:opacity .3s}.dock--minimal .bar:hover{opacity:1}.bar__play{flex:none;display:grid;place-items:center;width:56px;height:56px;border:2.5px solid var(--line);border-radius:50%;color:var(--cream);background:var(--orange);box-shadow:3px 3px 0 var(--shadow);transition:transform .12s,box-shadow .12s}.bar__play .ic{width:26px;height:26px;filter:url(#rough) drop-shadow(2px 1.5px 0 var(--ink))}.bar__play:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}:root[data-theme=dark] .bar__play{box-shadow:3px 3px 0 var(--shadow),0 0 24px #ff8c428c}.bar__play.is-waiting{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:3px 3px 0 var(--shadow),0 0 0 9px #d9622b2e}}.bar__master{flex:1;min-width:90px;display:flex;align-items:center;gap:8px}.bar__master .ic{width:24px;height:24px}.bar__tools{display:flex;gap:2px}.bar__btn,.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;transition:background .2s,box-shadow .2s}.bar__btn .ic{width:25px;height:25px}.icon-btn{width:34px;height:34px}.bar__btn:hover:not(:disabled),.bar__btn.is-active,.icon-btn:hover{color:var(--ink);background:var(--mustard);box-shadow:inset 0 0 0 2.5px var(--line)}.bar__badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);padding:1px 6px;border:2px solid var(--line);border-radius:99px;background:var(--orange);color:var(--cream);font-size:.66rem;font-variant-numeric:tabular-nums;white-space:nowrap}.panel{max-height:min(62vh,540px);overflow:auto;padding:16px 18px 18px;animation:rise .22s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel__head h2{margin:0;font:400 1.6rem Pacifico,cursive;color:var(--orange)}.panel__title{margin:16px 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.panel__body>p{margin:10px 0;font-size:.88rem}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:2.5px solid var(--line);border-radius:99px;background:var(--surface);box-shadow:3px 3px 0 var(--shadow);transition:transform .12s,box-shadow .12s,background .2s}.chip:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow)}.chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.chip.is-active{background:var(--mustard);color:var(--ink)}.list{list-style:none;margin:0;padding:0}.list__row{display:flex;align-items:center;gap:4px;padding:2px 0}.list__main{flex:1;padding:8px 10px;border:0;border-radius:12px;background:none;text-align:left}.list__main:hover{background:var(--field)}.row{display:flex;gap:8px;margin-top:12px}.input{flex:1;min-width:0;padding:9px 12px;border:2.5px solid var(--line);border-radius:14px;background:var(--field)}.input::placeholder{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:2.5px solid var(--line);border-radius:14px;background:var(--teal);color:var(--cream);box-shadow:3px 3px 0 var(--shadow);white-space:nowrap}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.btn--ghost{background:var(--surface);color:var(--text)}.segmented{display:flex;gap:4px;padding:4px;border:2.5px solid var(--line);border-radius:99px}.segmented__item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px;border:0;border-radius:99px;background:none}.segmented__item .ic{width:24px;height:24px}.segmented__item.is-active{background:var(--teal);color:var(--cream)}.scenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px}.scene{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border:2.5px solid transparent;border-radius:18px;background:none;font-size:.8rem;line-height:1.15;text-align:center;transition:transform .12s,box-shadow .12s}.scene .ic{width:36px;height:36px}.scene:hover:not(:disabled){border-color:var(--line)}.scene:active:not(:disabled){transform:translate(2px,2px)}.scene.is-active{color:var(--ink);background:var(--mustard);border-color:var(--line);box-shadow:3px 3px 0 var(--shadow)}:root[data-theme=dark] .scene.is-active{box-shadow:3px 3px 0 var(--shadow),0 0 22px #e8a33d80}.timer{text-align:center;margin:4px 0 14px}.timer__value{font:400 2.8rem Pacifico,cursive;font-variant-numeric:tabular-nums;color:var(--orange);text-shadow:3px 3px 0 var(--teal)}.timer .btn{margin-top:6px}.modal{width:min(560px,calc(100% - 32px));max-height:80vh;padding:0;border:0;background:transparent;color:var(--text);overflow:visible}.modal::backdrop{background:#140c088c}.modal__inner{max-height:calc(80vh - 10px);overflow:auto;padding:18px 20px 20px}.credits{margin:0;padding-left:18px;line-height:1.7;font-size:.88rem;font-weight:500}.credits a{color:var(--orange)}.toast{position:fixed;z-index:20;left:50%;top:20px;transform:translate(-50%,-12px);padding:10px 18px;border:2.5px solid var(--line);border-radius:99px;background:var(--mustard);color:var(--ink);box-shadow:3px 3px 0 var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (max-width: 560px){.app{padding-top:74px;--dock-h: 124px}.hero{padding:16px 16px 18px}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.card__name{font-size:.82rem}.bar{flex-wrap:wrap;gap:6px;padding:10px}.bar__master{order:3;flex-basis:100%;padding:0 6px}.bar__tools{flex:1;justify-content:flex-end}.bar__btn{width:38px}.dock--minimal .bar{flex-wrap:nowrap}.segmented__item .ic{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}