:root{--ground:#111512;--surface:#191f1a;--surface2:#212a22;--text:#ece3d2;--dim:#a39c8a;--faint:#6f6a5c;--line:hsla(39,41%,87%,.12);--line2:hsla(39,41%,87%,.06);--brass:#e2a24d;--brass-2:#c98a3c;--red:#d1503f;--green:#7d9d74;--shadow:0 24px 60px -30px rgba(0,0,0,.75);--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--sans:"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;--mono:"SF Mono","JetBrains Mono",ui-monospace,Menlo,monospace;--mal:"Malayalam Sangam MN","Nirmala UI","Noto Sans Malayalam","Manjari",var(--sans);--maxw:1120px;--tabbar-h:58px;--mini-h:66px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}:root,:root[data-theme=dark],:root[data-theme=light]{--ground:#111512;--surface:#191f1a;--surface2:#212a22;--text:#ece3d2;--dim:#a39c8a;--faint:#6f6a5c;--line:hsla(39,41%,87%,.12);--line2:hsla(39,41%,87%,.06);--brass:#e2a24d;--brass-2:#c98a3c;--red:#d1503f;--green:#7d9d74;--shadow:0 24px 60px -30px rgba(0,0,0,.75)}*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.sheet-open{overflow:hidden}.ml{font-family:var(--mal)}.app-shell{min-height:100%}.app-main{padding-top:calc(60px + var(--safe-t));padding-bottom:calc(var(--mini-h) + var(--tabbar-h) + var(--safe-b) + 24px)}@media (min-width:781px){.app-main{padding-bottom:calc(var(--mini-h) + 14px)}}.segmented button{gap:6px}.reel-n,.segmented button{display:inline-flex;align-items:center;justify-content:center}.btn svg,.mini-btn svg,.tab svg,.tbtn svg{flex:none}a{color:inherit;text-decoration:none}em{font-style:italic;color:var(--brass)}code{font-family:var(--mono);font-size:.85em;background:var(--surface2);padding:1px 5px;border-radius:4px}.bar{position:fixed;top:0;left:0;right:0;z-index:40;background:color-mix(in srgb,var(--ground) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line2);padding-top:var(--safe-t)}.bar-inner{max-width:none;margin:0;padding:0 22px;height:60px;display:flex;align-items:center;justify-content:space-between}.back-btn{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);background:transparent;padding:7px 14px;border-radius:999px;cursor:pointer}.back-btn:hover{color:var(--brass);border-color:var(--brass)}.brand{font-family:var(--serif);font-size:20px;display:flex;align-items:center;gap:10px}.brand b{font-weight:600}.brand small{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}.crumb{display:flex;align-items:center;gap:8px;margin-left:12px;margin-right:auto;min-width:0}.crumb-sep{color:var(--faint);font-size:16px;line-height:1}.crumb-name{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.room-head-bg{display:none}.room-head-extra{display:contents}.lamp{width:9px;height:9px;border-radius:50%;background:var(--brass);box-shadow:0 0 14px 1px color-mix(in srgb,var(--brass) 55%,transparent);animation:flick 3.6s ease-in-out infinite}@keyframes flick{0%,to{opacity:1}45%{opacity:.7}}.theme-btn{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--dim);border:1px solid var(--line);padding:7px 13px;border-radius:999px;cursor:pointer}.theme-btn:hover{color:var(--text);border-color:var(--brass)}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.05em;padding:12px 20px;border-radius:999px;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--text);display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease}.btn.primary{background:var(--brass);color:#1a1206;font-weight:600}.btn.primary:hover{transform:translateY(-2px)}.btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.ghost{border-color:var(--line);color:var(--text)}.btn.ghost:hover{border-color:var(--brass);color:var(--brass)}.cta-short{display:none}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.tag.time{color:var(--room,var(--brass));border-color:color-mix(in srgb,var(--room,var(--brass)) 40%,var(--line))}.tag.loved{color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.door.has-photo .tag.loved{color:#ff8a7a;border-color:hsla(7,100%,74%,.5)}.landing{max-width:var(--maxw);margin:0 auto;padding:0 24px}.landing-hero{padding:72px 0 40px}.ask{font-family:var(--mal);font-size:clamp(15px,2.4vw,18px);color:var(--brass);margin:0 0 22px;display:inline-flex;gap:10px;align-items:center}.ask:before{content:"›";font-family:var(--mono);color:var(--faint)}.landing-title{font-family:var(--serif);font-weight:600;font-size:clamp(52px,10vw,108px);line-height:.95;letter-spacing:-.03em;margin:0;text-wrap:balance}.landing-title .en{display:block;font-size:clamp(22px,4vw,40px);color:var(--dim);font-weight:500;margin-top:14px;letter-spacing:-.01em}.landing-lead{color:var(--dim);font-size:clamp(16px,2vw,19px);max-width:56ch;margin:26px 0 0}.doors{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:20px 0 90px}@media (max-width:960px){.doors{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.doors{grid-template-columns:1fr}}.door{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 18px 18px;overflow:hidden;display:flex;flex-direction:column;min-height:210px;color:inherit;transition:transform .18s ease,border-color .18s ease}.door:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--room) 55%,var(--line))}.door-swatch{position:absolute;inset:0 0 auto 0;height:4px;background:var(--room)}.door-glow{position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--room) 34%,transparent),transparent 70%)}.door-no{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:.1em}.door-body{display:flex;flex-direction:column}.door-name{font-family:var(--mal);font-size:23px;font-weight:600;margin-top:6px;position:relative;z-index:1}.door-en{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:3px}.door-blurb{color:var(--dim);font-size:13.5px;margin-top:12px}.door-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.door.has-photo{background-size:cover;background-position:50%;min-height:265px;justify-content:flex-end;color:#f5f0e4}.door-scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(8,10,9,.15),rgba(8,10,9,.05) 30%,rgba(8,10,9,.55) 72%,rgba(8,10,9,.86))}.door.has-photo:hover .door-scrim{background:linear-gradient(180deg,rgba(8,10,9,.1),rgba(8,10,9,.02) 28%,rgba(8,10,9,.5) 70%,rgba(8,10,9,.82))}.door.has-photo .door-no{position:absolute;top:16px;left:18px;z-index:2;color:hsla(0,0%,100%,.82);text-shadow:0 1px 8px rgba(0,0,0,.6)}.door-new{position:absolute;top:13px;right:13px;z-index:3;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;padding:3px 8px 2px;border-radius:999px;color:#1a1408;background:#f0c246;box-shadow:0 2px 12px rgba(0,0,0,.4)}.door.has-photo .door-body{position:relative;z-index:2}.door.has-photo .door-name{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.6)}.door.has-photo .door-en{color:hsla(0,0%,100%,.75);text-shadow:0 1px 8px rgba(0,0,0,.6)}.door.has-photo .door-blurb{color:hsla(0,0%,100%,.85);text-shadow:0 1px 10px rgba(0,0,0,.6)}.door.has-photo .tag{color:hsla(0,0%,100%,.88);border-color:hsla(0,0%,100%,.32)}.door.has-photo .tag.time{color:#fff;border-color:color-mix(in srgb,var(--room) 55%,#fff);background:color-mix(in srgb,var(--room) 42%,transparent)}.room-page{position:relative;min-height:calc(100vh - 60px);overflow:hidden}.room-bg{background:radial-gradient(60% 55% at 78% 8%,color-mix(in srgb,var(--room) 26%,transparent),transparent 70%),radial-gradient(50% 50% at 8% 4%,color-mix(in srgb,var(--room) 14%,transparent),transparent 72%)}.room-bg,.room-photo{position:absolute;inset:0;z-index:0;pointer-events:none}.room-photo{background-size:cover;background-position:50%}.room-scrim{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,10,9,.6),rgba(8,10,9,.34) 28%,rgba(8,10,9,.52) 66%,rgba(8,10,9,.88))}.room-inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:30px 24px 90px}.back{font-family:var(--mono);font-size:12px;color:hsla(40,43%,93%,.82);letter-spacing:.05em;text-shadow:0 1px 10px rgba(0,0,0,.5)}.back:hover{color:var(--brass)}.room-head{padding:26px 0 30px}.room-time{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--room);margin:0 0 12px;text-shadow:0 1px 12px rgba(0,0,0,.55)}.room-title{font-family:var(--serif);font-weight:600;font-size:clamp(40px,8vw,78px);line-height:.96;letter-spacing:-.02em;margin:0;color:#f5f0e4;text-shadow:0 2px 28px rgba(0,0,0,.6)}.room-en{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:hsla(41,42%,93%,.72);margin:10px 0 0;text-shadow:0 1px 10px rgba(0,0,0,.5)}.room-blurb{color:hsla(41,42%,93%,.9);font-size:16px;max-width:54ch;margin:16px 0 0;text-shadow:0 1px 16px rgba(0,0,0,.55)}.panel{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 72%,var(--ground)));border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}@media (max-width:780px){.panel{grid-template-columns:1fr}}.now-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0}.disc{width:132px;height:132px;border-radius:50%;margin:20px 0 18px;position:relative;background:conic-gradient(from 0deg,#2a221a,#4a3a24,#2a221a,#4a3a24,#2a221a);border:6px solid #17130d;box-shadow:inset 0 0 0 22px rgba(0,0,0,.25)}.disc:after{content:"";position:absolute;inset:0;margin:auto;width:30px;height:30px;border-radius:50%;background:var(--room);box-shadow:inset 0 0 0 6px #17130d}.disc.spin{animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.song-ml{font-family:var(--mal);font-weight:600;font-size:26px;margin:0}.song-en{color:var(--dim);font-size:14px;margin:4px 0 0}.transport{gap:14px;margin:20px 0 6px}.tbtn,.transport{display:flex;align-items:center}.tbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;justify-content:center;font-size:15px}.tbtn:hover{border-color:var(--brass);color:var(--brass)}.tbtn.big{width:56px;height:56px;background:var(--brass);color:#1a1206;border-color:transparent}.tbtn.big:hover{color:#1a1206;transform:translateY(-1px)}.tbtn:disabled{opacity:.4;cursor:not-allowed}.song-count{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seek{margin:20px 0 4px}.seekbar{width:100%;touch-action:none}.seek-times{display:flex;justify-content:space-between;margin-top:7px;font-family:var(--mono);font-size:11px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.no-mp3{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0 6px}.no-mp3-note{font-family:var(--mono);font-size:11px;color:var(--faint);width:100%;margin:4px 0 0}.reel{margin-top:22px;border-top:1px solid var(--line2)}.reel-row{width:100%;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;grid-column-gap:12px;column-gap:12px;grid-row-gap:1px;row-gap:1px;align-items:center;padding:10px 6px;background:transparent;border:none;border-bottom:1px solid var(--line2);color:inherit;cursor:pointer;text-align:left}.reel-row:hover{background:color-mix(in srgb,var(--room) 8%,transparent)}.reel-row.active .reel-ml{color:var(--brass)}.reel-n{font-family:var(--mono);font-size:12px;color:var(--faint);grid-row:1/3;align-self:center}.reel-ml{font-family:var(--mal);font-size:16px;grid-row:1}.reel-en,.reel-ml{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-en{font-size:12px;color:var(--faint);grid-row:2}.reel-flag{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);border:1px solid color-mix(in srgb,var(--red) 40%,transparent);border-radius:999px;padding:2px 6px}.reel-flag.ok{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,transparent)}.mixer h4{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 4px}.mixer-hint{font-size:12.5px;color:var(--faint);margin:0 0 16px}.startbar{margin-bottom:14px;min-height:44px}.live-row,.startbar{display:flex;align-items:center}.live-row{justify-content:space-between;gap:14px;width:100%}.live-note{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--green);text-transform:uppercase}.live-note:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.btn.stop{font-size:12px;padding:9px 15px;border:1px solid var(--line);color:var(--dim);background:transparent}.btn.stop:hover{border-color:var(--red);color:var(--red);transform:none}.layer{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;grid-gap:14px;gap:14px;padding:11px 0;border-bottom:1px solid var(--line2)}.lname{display:flex;flex-direction:column}.lname b{font-family:var(--mal);font-weight:600;font-size:15px}.lname span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.lname span,.val{font-family:var(--mono)}.val{font-size:12px;color:var(--dim);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:3px;background:var(--line);outline:none;cursor:pointer}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brass);border:2px solid var(--ground);box-shadow:0 0 8px color-mix(in srgb,var(--brass) 60%,transparent)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--ground);border-radius:50%;background:var(--brass)}.yt-holder{position:fixed;bottom:0;left:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;z-index:-1}.yt-holder iframe{width:100%;height:100%;display:block}.yt-shield{position:absolute;inset:0;z-index:2}@media (max-width:780px){.yt-holder.on{width:168px;height:94px;left:auto;right:12px;bottom:calc(var(--mini-h) + var(--tabbar-h) + var(--safe-b) + 14px);opacity:0;pointer-events:none;z-index:-1}}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:4px}.room-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}.room-cta .btn.ghost{color:#f5f0e4;border-color:hsla(0,0%,100%,.4);background:rgba(8,10,9,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.room-cta .btn.ghost:hover{border-color:var(--brass);color:var(--brass)}.room-layers{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}.room-credit{margin:22px 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:hsla(41,42%,93%,.72);text-shadow:0 1px 10px rgba(0,0,0,.5)}.room-credit .heart{color:var(--red);display:inline-block;animation:heartbeat 1.6s ease-in-out infinite}.app-main:has(.room-page) .made-by{display:none}.chip{font-size:12px;color:hsla(41,42%,93%,.92);background:rgba(8,10,9,.42);border:1px solid hsla(0,0%,100%,.16);padding:6px 11px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 8px rgba(0,0,0,.5)}.chip b{font-family:var(--mal);font-weight:600}.room-reel{margin-top:30px;background:color-mix(in srgb,var(--surface) 60%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-bottom:none;border-radius:18px;padding:20px 20px 8px;box-shadow:var(--shadow)}.reel-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 8px}@media (min-width:781px){.room-head,.room-reel{max-width:640px}}@media (max-width:780px){.room-reel{margin-left:-24px;margin-right:-24px;border-radius:0;border-left:none;border-right:none}}@media (max-width:600px){.room-inner{padding:16px 22px 0}.room-head{padding:10px 0 16px}.room-time{margin:0 0 8px}.room-title{font-size:clamp(30px,9vw,46px)}.room-en{font-size:11px;margin:8px 0 0}.room-blurb{font-size:14px;margin:11px 0 0}.room-cta{gap:8px;margin:16px 0 0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.room-cta::-webkit-scrollbar{display:none}.room-cta .btn{flex:none;white-space:nowrap;padding:11px 16px;font-size:12px;gap:6px}.cta-full{display:none}.cta-short{display:inline}.room-layers{flex-wrap:nowrap;gap:8px;margin:13px 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.room-layers::-webkit-scrollbar{display:none}.chip{font-size:11px;padding:5px 9px;flex:none;white-space:nowrap}.room-credit{margin:15px 0 0;font-size:11px}}@media (max-width:780px){.room-page{overflow:visible}.room-head{position:-webkit-sticky;position:sticky;top:calc(60px + var(--safe-t));z-index:6;--p:0;margin:0 -24px;padding:8px 24px 14px}.room-head-bg{display:block;position:absolute;inset:0;z-index:-1;opacity:var(--p);background:linear-gradient(180deg,color-mix(in srgb,var(--ground) 76%,transparent),color-mix(in srgb,var(--ground) 92%,transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.room-time{opacity:calc(1 - var(--p) * 2);overflow:hidden;margin:0;max-height:max(0px,calc((1 - var(--p) * 2) * 18px))}.room-title{font-size:calc(40px - 20px * var(--p));line-height:1.05;margin-top:calc(var(--p) * 2px)}.room-en{opacity:calc(1 - .35 * var(--p));margin-top:calc(7px - 5px * var(--p))}.room-head-extra{display:block;overflow:hidden;max-height:max(0px,calc((1 - var(--p) * 2) * var(--extra-h, 560px)));opacity:calc(1 - var(--p) * 2);transform:translateY(calc(var(--p) * -6px))}.room-head.is-collapsed .room-head-extra{pointer-events:none}}@media (min-width:1200px){.room-inner{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-gap:44px;gap:44px;align-items:start;padding-right:0}.room-reel{max-width:none;margin-top:-30px;display:flex;flex-direction:column;height:calc(100vh - 126px);border-radius:0;border-right:none}.room-reel .reel{overflow-y:auto;min-height:0;margin-top:14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.room-reel .reel::-webkit-scrollbar{width:6px}.room-reel .reel::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.room-reel .reel::-webkit-scrollbar-track{background:transparent}.app-main:has(.room-page){height:100vh;padding-bottom:0;overflow:hidden}}.mini{position:fixed;left:0;right:0;z-index:45;bottom:calc(var(--tabbar-h) + var(--safe-b));display:flex;align-items:center;gap:12px;padding:28px 14px 10px;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.mini-prog{position:absolute;top:12px;left:16px;right:16px;height:4px;border-radius:3px;background:var(--line2)}.mini-prog span{display:block;height:100%;background:var(--brass);transition:width .25s linear}input.mini-scrub{position:absolute;top:-12px;left:0;width:100%;height:26px;margin:0;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mini-scrub:disabled{opacity:0;pointer-events:none}input.mini-scrub::-webkit-slider-runnable-track{background:transparent;height:24px;border:none}input.mini-scrub::-moz-range-track{background:transparent;height:24px;border:none}input.mini-scrub::-webkit-slider-thumb{-webkit-appearance:none;margin-top:6px;width:16px;height:16px;border:none;border-radius:50%;background:var(--brass);box-shadow:0 1px 5px rgba(0,0,0,.55)}input.mini-scrub::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--brass);box-shadow:0 1px 5px rgba(0,0,0,.55)}.mini-main{flex:1 1;min-width:0;display:flex;align-items:center;gap:12px;background:transparent;border:none;color:inherit;cursor:pointer;text-align:left;padding:0}.mini-art{width:44px;height:44px;border-radius:10px;flex:none;background:var(--room,var(--surface2)) center/cover;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1)}.mini-art.spin{animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}.mini-text{min-width:0;display:flex;flex-direction:column}.mini-text b{font-size:15px}.mini-text b,.mini-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-text small{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.mini-ctrls{gap:8px;flex:none}.mini-btn,.mini-ctrls{display:flex;align-items:center}.mini-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 75%,transparent);color:var(--text);font-size:15px;cursor:pointer;justify-content:center}.mini-btn:active{transform:scale(.94)}.mini-btn>svg{display:block}.mini-btn[aria-label=previous]>svg{transform:translateX(-2px)}.mini-btn[aria-label=next]>svg{transform:translateX(2px)}.mini-btn.shuf{display:none;color:var(--dim)}.mini-btn.shuf.on{color:var(--brass)}@media (min-width:781px){.mini-btn.shuf{display:flex}}.mini-btn.play{background:var(--brass);color:#1a1206;border-color:transparent;width:48px;height:48px}.mini-btn:disabled{opacity:.4;cursor:not-allowed}.mini.idle .mini-main{cursor:default}.mini.idle .mini-art{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--brass) 55%,transparent),transparent 68%),var(--surface2)}.mini.idle .mini-text b{color:var(--dim)}.mini-seek{display:none}@media (min-width:781px){.mini{bottom:0;height:var(--mini-h);padding:0 24px;gap:18px}.mini-main{flex:0 0 auto;width:250px}.mini-art{width:46px;height:46px}.mini-btn.play{width:44px;height:44px;font-size:16px}.mini-seek{display:block;flex:1 1;min-width:0}.mini-seek .seekbar{width:100%}.mini-prog,.mini-scrub{display:none}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:46;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);display:flex;background:color-mix(in srgb,var(--ground) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line2)}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;cursor:pointer;color:var(--faint);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.tab .tab-ico{font-size:17px;line-height:1}.tab.on{color:var(--brass)}.tab:disabled{opacity:.4;cursor:not-allowed}@media (min-width:781px){.tabbar{display:none}}.sheet{position:fixed;inset:0;z-index:60;overflow:hidden;background:var(--ground);transform:translateY(100%);visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility .32s}.sheet.open{transform:translateY(0);visibility:visible}.sheet-photo{background-size:cover;background-position:50%}.sheet-bg,.sheet-photo{position:absolute;inset:0}.sheet-bg{background:radial-gradient(70% 60% at 50% 10%,color-mix(in srgb,var(--room) 32%,transparent),transparent 72%),var(--ground)}.sheet-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,9,.55),rgba(8,10,9,.4) 26%,rgba(8,10,9,.74) 70%,rgba(8,10,9,.95))}.sheet-inner{position:relative;z-index:1;height:100%;overflow-y:auto;color:#f5f0e4;max-width:560px;margin:0 auto;padding:calc(var(--safe-t) + 14px) 22px calc(var(--safe-b) + 30px);display:flex;flex-direction:column}.sheet-head{display:flex;align-items:center;gap:12px}.sheet-close{width:40px;height:40px;border-radius:50%;border:1px solid hsla(0,0%,100%,.22);background:rgba(8,10,9,.35);color:#f5f0e4;font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}.sheet-head-t{flex:1 1;text-align:center;display:flex;flex-direction:column;gap:2px}.sheet-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--room) 60%,#f5f0e4)}.sheet-head-t b{font-family:var(--mal);font-size:16px}.sheet-spacer{width:40px;flex:none}.disc.big{width:min(62vw,236px);height:min(62vw,236px);margin:clamp(18px,5vw,40px) auto clamp(16px,4vw,26px)}.sheet-title{text-align:center}.sheet-title .song-ml{font-size:clamp(22px,6vw,30px)}.sheet-title .song-en{color:hsla(41,42%,93%,.72)}.sheet .seek{margin:22px 0 6px}.transport.big{justify-content:center;gap:22px;margin:20px 0 6px}.transport.big .tbtn{width:52px;height:52px;font-size:18px;color:#f5f0e4;border-color:hsla(0,0%,100%,.28)}.transport.big .tbtn>svg{display:block}.transport.big .tbtn[aria-label=previous]>svg{transform:translateX(-2px)}.transport.big .tbtn[aria-label=next]>svg{transform:translateX(2px)}.transport.big .tbtn.big{width:66px;height:66px;font-size:20px;background:var(--brass);color:#1a1206;border-color:transparent}.transport.big .tbtn.shuf{width:44px;height:44px;color:hsla(41,42%,93%,.6);border-color:hsla(0,0%,100%,.2)}.transport.big .tbtn.shuf.on{color:var(--brass);border-color:var(--brass)}.transport.big .tbtn.shuf.on:hover{color:var(--brass)}.transport.big .song-count{display:none}.segmented{display:flex;gap:4px;margin:24px 0 12px;padding:4px;background:rgba(8,10,9,.4);border:1px solid hsla(0,0%,100%,.14);border-radius:999px}.segmented button{flex:1 1;padding:9px;border:none;background:transparent;color:hsla(41,42%,93%,.7);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;cursor:pointer}.segmented button.on{background:var(--brass);color:#1a1206;font-weight:600}.sheet .reel{margin-top:4px;border-top:none}.sheet .reel-en{color:hsla(41,42%,93%,.6)}.sheet-mix{margin-top:4px}.sheet-mix .layer{grid-template-columns:108px 1fr 32px;gap:12px;align-items:center}.sheet-mix .lname b{line-height:1.2}.sheet-mix .mixer h4{color:hsla(41,42%,93%,.85)}.sheet-mix .lname b{color:#f5f0e4}.sheet-panels .panel-mix,.sheet-panels[data-tab=mix] .panel-reel{display:none}.sheet-panels[data-tab=mix] .panel-mix{display:block}@media (min-width:781px){.app-shell.has-active .app-main{padding-right:384px}.sheet{top:60px;left:auto;right:0;bottom:var(--mini-h);width:384px;transform:translateX(100%);visibility:hidden;background:var(--surface);border-left:1px solid var(--line);transition:transform .28s ease,visibility .28s}.app-shell.has-active .sheet{transform:translateX(0);visibility:visible}.sheet-photo,.sheet-scrim{display:none}.sheet-inner{color:var(--text);max-width:none;padding:18px 18px 24px}.sheet-close,.sheet-spacer{display:none}.sheet-head{justify-content:flex-start}.sheet-head-t{text-align:left}.sheet-kicker{color:color-mix(in srgb,var(--room) 62%,var(--text))}.sheet-head-t b{color:var(--text)}.segmented,.sheet .disc.big,.sheet .seek,.sheet .sheet-title,.sheet .transport.big,.sheet-panels .panel-reel{display:none}.sheet-panels .panel-mix{display:block}.sheet-mix .mixer h4{color:var(--dim)}.sheet-mix .lname b{color:var(--text)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.studio{max-width:900px;margin:0 auto;padding:40px 22px 80px}.studio-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.studio h1{font-family:var(--serif);font-size:clamp(28px,5vw,44px);margin:0}.studio h2{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin:0 0 12px}.card{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 72%,var(--ground)));border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:620px){.grid2{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.field input,.field select,.field textarea{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font-family:var(--sans);font-size:15px;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brass)}.field textarea{min-height:70px;resize:vertical}.field input[type=color]{padding:4px;height:42px;cursor:pointer}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spacer{flex:1 1}.muted{color:var(--faint)}.err,.muted{font-size:13px}.err{color:var(--red)}.ok{color:var(--green);font-size:13px}.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;gap:12px;background:var(--surface2);border:1px solid var(--line2);border-radius:10px;padding:10px 12px}.list-row .grow{flex:1 1;min-width:0}.list-row b{font-family:var(--mal);font-weight:600}.icon-btn{background:transparent;border:1px solid var(--line);color:var(--dim);width:34px;height:34px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon-btn:hover{color:var(--brass);border-color:var(--brass)}.icon-btn.danger:hover{color:var(--red);border-color:var(--red)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.btn.danger{border:1px solid color-mix(in srgb,var(--red) 40%,var(--line));color:var(--red);background:transparent}.btn.danger:hover{border-color:var(--red)}.auth-wrap{max-width:400px;margin:0 auto;padding:64px 22px}.auth-wrap .brandline{text-align:center;font-family:var(--serif);font-size:30px;margin-bottom:8px}.auth-wrap .sub{text-align:center;color:var(--dim);margin-bottom:24px;font-size:14px}.auth-wrap .switch{text-align:center;margin-top:16px;font-size:13px;color:var(--dim)}.auth-wrap .switch a{color:var(--brass)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.room-card{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface);color:inherit}.room-card:hover{border-color:color-mix(in srgb,var(--brass) 45%,var(--line))}.room-card .thumb{height:120px;background-size:cover;background-position:50%;background-color:var(--surface2)}.room-card .meta{padding:12px 14px}.room-card .meta b{font-family:var(--mal);font-size:18px}.room-card .meta .en{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:2px}.empty{text-align:center;color:var(--dim);padding:50px 20px;border:1px dashed var(--line);border-radius:16px}.inp{background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--text);font-family:var(--sans);font-size:14px}.inp:focus{outline:none;border-color:var(--brass)}.inp.grow{flex:1 1;min-width:0}.song-thumb{flex:none;width:56px;height:40px;border-radius:6px;background-size:cover;background-position:50%;background-color:var(--surface)}.made-by{text-align:center;padding:34px 20px 8px;color:var(--faint);font-family:var(--mono);font-size:12px;letter-spacing:.06em}.made-by .heart{color:var(--red);font-size:13px}@keyframes heartbeat{0%,to{transform:scale(1)}45%{transform:scale(1.25)}}.made-by .heart{display:inline-block;animation:heartbeat 1.6s ease-in-out infinite}