*,:before,:after{box-sizing:border-box}html,body,#root{background:#121820;height:100%;margin:0}body{font-optical-sizing:auto;color:#e8eef4;font-family:Inter,system-ui,sans-serif;overflow:hidden}.app{--text:#eef2f6;--muted:#c5d0dc;--glass:#0c121c6b;--glass-border:#ffffff2e;--input:#ffffff1a;--vignette:#080a106b;height:100%;color:var(--text);background:linear-gradient(#141a28 0%,#0c1018 55%,#080a10 100%);transition:background 1.4s,color .6s;position:relative;overflow:hidden}.app[data-sky=night]{--text:#e8eef8;--muted:#a8b4c8;--glass:#080c1880;--vignette:#04060e80;background:radial-gradient(900px 520px at 70% 12%,#5064b438,#0000 55%),radial-gradient(700px 480px at 12% 80%,#141e4673,#0000 50%),linear-gradient(#070b18 0%,#0a1024 42%,#05070e 100%)}.app[data-sky=twilight]{--text:#f6ece6;--muted:#d4b8b0;--glass:#1c0c1673;--vignette:#14081066;background:radial-gradient(1000px 560px at 80% 8%,#ff8c5a59,#0000 52%),radial-gradient(800px 500px at 10% 90%,#461e5a80,#0000 50%),linear-gradient(#2a1540 0%,#8a3a4a 38%,#1a1028 100%)}.app[data-sky=sky]{--text:#1c2a38;--muted:#4a5c6e;--glass:#ffffff6b;--glass-border:#ffffff8c;--input:#ffffff8c;--vignette:#b4c8dc2e;background:radial-gradient(1100px 600px at 50% 0,#ffffff8c,#0000 50%),linear-gradient(#7eb6e8 0%,#b9d6f2 42%,#e8f0f6 100%)}.app[data-sky=noon]{--text:#2a2818;--muted:#5c5840;--glass:#ffffff7a;--glass-border:#ffffff9e;--input:#fff9;--vignette:#ffe6a01f;background:radial-gradient(900px 500px at 50% 8%,#fffce6e6,#0000 48%),linear-gradient(#9ad0ff 0%,#fff4c8 48%,#ffe7a0 100%)}.app[data-scheme=light] .yt-input,.app[data-scheme=light] .lightbox-card input{color:#1c2430}.hall{z-index:1;isolation:isolate;justify-content:stretch;align-items:stretch;height:100%;padding:0;display:flex;position:relative}.hall-empty{color:var(--muted);letter-spacing:.04em;justify-content:center;align-items:center}.curve{z-index:0;pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.node{will-change:transform, opacity;pointer-events:auto;position:absolute;top:0;left:0}.frame{appearance:none;cursor:pointer;color:inherit;background:0 0;border:0;padding:0;display:block}.frame-mat{-webkit-backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(165deg,#ffffff57 0%,#ffffff14 38%,#ffffff0a 100%);border-radius:24px;padding:2px;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000047,inset 0 1px #ffffff8c}.frame-shine{pointer-events:none;border-radius:inherit;z-index:1;background:linear-gradient(125deg,#ffffff38 0%,#ffffff0a 22%,#0000 46%);position:absolute;inset:0}.frame:hover .frame-mat,.frame:focus-visible .frame-mat{transform:scale(1.045);box-shadow:0 22px 50px #00000057,inset 0 1px #ffffffb8,0 0 0 1px #ffffff2e}.frame-photo{object-fit:cover;background:#111;border-radius:22px;width:auto;max-width:28vw;height:18vh;min-height:120px;animation:22s ease-in-out infinite alternate kenburns;display:block}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}.vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 42%, transparent 42%, var(--vignette) 100%), linear-gradient(180deg, transparent 62%, var(--vignette) 100%);position:absolute;inset:0}.brand{appearance:none;font:inherit;color:inherit;cursor:pointer;z-index:16;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(150%);letter-spacing:.12em;border-radius:8px;padding:.65rem 1rem;font-size:1.05rem;font-weight:500;transition:background .6s,color .6s;position:absolute;top:auto;bottom:1.15rem;left:1.4rem;transform:none;box-shadow:inset 0 1px #ffffff47}.brand:hover,.brand:focus-visible{background:var(--input)}.chrome{z-index:15;flex-direction:column;align-items:center;max-width:min(960px,100vw - 1.5rem);transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.dock-lift{transform:translate(-50%)translateY(-6px)}.chrome-bar{cursor:pointer;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px)saturate(160%);border-radius:999px;place-items:center;width:132px;height:22px;padding:0;display:grid;box-shadow:0 10px 28px #0000002e,inset 0 1px #fff6}.chrome-grip{background:var(--muted);border-radius:999px;width:42px;height:4px}.chrome-panel{opacity:0;pointer-events:none;background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(170%);border:1px solid #0000;border-radius:16px;max-height:0;margin-top:0;padding:0 1rem;transition:max-height .42s cubic-bezier(.22,1,.36,1),opacity .28s,margin .32s,padding .32s,border-color .28s;position:relative;overflow:hidden}.chrome-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"music music""library playback""motion sky";align-items:start;gap:.95rem 1.15rem;display:grid}.control-music{grid-area:music}.control-library{grid-area:library}.control-playback{grid-area:playback}.control-motion{grid-area:motion}.control-sky{grid-area:sky}.yt-vol input,.speed input{accent-color:#e8ddd2;width:90px}.chrome-open .chrome-panel{opacity:1;pointer-events:auto;border-color:var(--glass-border);max-height:720px;margin-top:.65rem;padding:1.15rem 1.1rem 1rem;box-shadow:0 18px 50px #00000047,inset 0 1px #fff6}.control-group{flex-direction:column;gap:.4rem;min-width:0;display:flex}.control-group h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem;font-weight:600}.control-row,.yt-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.chrome-close{z-index:1;font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--input);border:1px solid var(--glass-border);cursor:pointer;border-radius:999px;padding:.28rem .65rem;font-size:.68rem;position:absolute;top:.55rem;right:.65rem}.yt-dock{gap:.75rem;min-width:0;display:flex}.yt-host{background:#00000073;border-radius:18px;flex:none;width:200px;height:112px;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.yt-host iframe{display:block}.yt-controls{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.yt-label,.yt-vol,.speed,.lightbox-card label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:.25rem;font-size:.7rem;display:flex}.yt-input,.lightbox-card input{font:inherit;width:100%;min-width:0;color:var(--text);background:var(--input);border:1px solid var(--glass-border);letter-spacing:0;text-transform:none;border-radius:999px;outline:none;padding:.45rem .85rem;transition:border-color .25s,background .25s}.yt-input:focus,.lightbox-card input:focus{background:#ffffff29;border-color:#fff6}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--input);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:.42rem .85rem;font-size:.72rem;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s,border-color .22s}.btn:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:default}.btn-danger{color:#fff;-webkit-backdrop-filter:none;background:#c43c36;border-color:#b1322c}.btn.btn-danger:hover:not(:disabled){color:#fff;background:#d94a43;border-color:#c43c36}.app[data-scheme=light] .btn-danger{background:#c23028;border-color:#a82822}.app[data-scheme=light] .btn.btn-danger:hover:not(:disabled){background:#d33c34;border-color:#c23028}.yt-status,.hint{color:var(--muted);letter-spacing:.04em;margin:0;font-size:.72rem}.btn-on{background:#ffffff47;border-color:#ffffff6b}.motion{flex-direction:column;gap:.3rem;display:flex}.motion-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.motion-pills{flex-wrap:wrap;gap:.35rem;display:flex}.drop-veil{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.2em;text-transform:uppercase;pointer-events:none;background:#12100e6b;place-items:center;animation:.25s fadein;display:grid;position:absolute;inset:0}.lightbox{z-index:20;-webkit-backdrop-filter:blur(16px)saturate(130%);background:#0c0b0a7a;place-items:center;animation:.28s fadein;display:grid;position:absolute;inset:0}.lightbox-card{-webkit-backdrop-filter:blur(28px)saturate(170%);color:#eef2f6;background:#121014b8;border:1px solid #ffffff2e;border-radius:28px;flex-direction:column;gap:.7rem;width:fit-content;max-width:94vw;padding:1rem;animation:.34s cubic-bezier(.22,1,.36,1) rise;display:flex;box-shadow:0 24px 60px #00000059,inset 0 1px #fff6}.lightbox-body{flex-direction:row;align-items:flex-start;display:flex}.lightbox-stage{flex:none;position:relative}.lightbox-card img{object-fit:contain;border-radius:20px;display:block}.meta-toggle{z-index:1;color:#eef2f6;cursor:pointer;-webkit-backdrop-filter:blur(14px)saturate(150%);background:#0c0e148c;border:1px solid #ffffff38;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:.55rem;right:.55rem}.meta-toggle svg{width:18px;height:18px}.meta-toggle:hover,.meta-toggle:focus-visible,.meta-toggle.btn-on{background:#ffffff38}.lightbox-meta{opacity:0;pointer-events:none;color:#eef2f6;flex:none;width:0;min-width:0;max-height:0;padding:0;transition:width .38s cubic-bezier(.22,1,.36,1),max-height .38s cubic-bezier(.22,1,.36,1),opacity .28s,padding .38s cubic-bezier(.22,1,.36,1);overflow:hidden}.lightbox-card.meta-open .lightbox-meta{opacity:1;pointer-events:auto;width:15.5rem;max-height:78vh;padding:.2rem .2rem .2rem 1rem;overflow:auto}.lightbox-meta h3{letter-spacing:.14em;text-transform:uppercase;color:#b8c4d4;margin:0 0 .7rem;font-size:.68rem;font-weight:600}.lightbox-meta dl{flex-direction:column;gap:.7rem;margin:0;display:flex}.lightbox-meta div{min-width:0}.lightbox-meta dt{letter-spacing:.12em;text-transform:uppercase;color:#b8c4d4;margin:0 0 .18rem;font-size:.62rem}.lightbox-meta dd{overflow-wrap:anywhere;color:#eef2f6;margin:0;font-size:.86rem;line-height:1.35}.lightbox-card .btn:not(.btn-danger){color:#eef2f6}.about-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(170%);max-width:min(420px,90vw);color:var(--text);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.35rem 1.4rem 1.2rem;animation:.34s cubic-bezier(.22,1,.36,1) rise;display:flex;box-shadow:0 24px 60px #00000047,inset 0 1px #ffffff59}.about-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem}.about-card h2{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:500;line-height:1.25}.about-card p{color:var(--text);margin:0;font-size:.92rem;line-height:1.55}.about-note{color:var(--muted);font-size:.82rem}.lightbox-actions{gap:.5rem;display:flex}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=820px){.brand{top:max(.7rem, env(safe-area-inset-top));letter-spacing:.1em;padding:.45rem .75rem;font-size:.92rem;bottom:auto;left:.75rem}.app:has(.chrome-open) .brand{opacity:0;pointer-events:none}.chrome{left:.5rem;right:.5rem;bottom:max(.4rem, env(safe-area-inset-bottom));align-items:stretch;max-width:none;transform:none}.dock-lift{transform:translateY(-4px)}.chrome-close{letter-spacing:0;place-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;display:grid;top:.45rem;right:.45rem}.chrome-open .chrome-panel{scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:18px;max-height:min(72dvh,640px);margin-top:.45rem;padding:1.85rem .8rem .85rem;overflow:hidden auto}.chrome-grid{grid-template-columns:1fr;grid-template-areas:"music""library""playback""motion""sky";gap:.85rem}.control-group{gap:.4rem}.control-group h2{font-size:.62rem}.hint,.yt-status,.yt-host{display:none}.yt-dock,.yt-controls,.yt-label,.yt-input,.speed{width:100%;min-width:0}.control-row{flex-direction:column;align-items:stretch}.yt-actions{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.yt-vol{grid-column:1/-1}.yt-vol input,.speed input{width:100%;min-height:28px}.btn{width:100%;min-height:42px;padding:.55rem .7rem;font-size:.68rem}.motion-pills{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.motion-pills .btn{width:auto}.hall{padding-bottom:0}.lightbox-body{flex-direction:column}.lightbox-card{width:fit-content;max-width:94vw}.lightbox-meta{width:100%;max-height:0;padding:0}.lightbox-card.meta-open .lightbox-meta{width:100%;max-height:16rem;padding:.85rem .1rem .15rem}}