:root{--bg: #14110d;--bg-raised: #1c1813;--bg-warm: #1a140e;--fg: #f2ecdf;--fg-soft: #cfc7b8;--muted: #8d8578;--dim: #5f584e;--line: rgba(242, 236, 223, .09);--line-strong: rgba(242, 236, 223, .18);--accent: #f2a33a;--accent-2: #e8452c;--accent-grad: linear-gradient(90deg, #f4a63c 0%, #ee6a35 55%, #e5392b 100%);--wave-low: #5a2410;--wave-peak: #ff7a5c;--font-display: "Archivo", "Arial Black", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--gutter: clamp(16px, 3.75vw, 56px);--header-h: 72px;--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:4px}html.is-locked,html.is-menu-open{overflow:hidden}#app,#header,#footer{opacity:0;transition:opacity .6s ease}.is-ready #app,.is-ready #header,.is-ready #footer{opacity:1}.container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}.label{font-family:var(--font-mono);font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.label--accent{color:var(--accent)}.h2{font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:clamp(2.1rem,3.7vw,3.75rem);line-height:1.04;letter-spacing:-.035em}.h2 em,.contact__title em{font-style:italic;font-weight:600;color:var(--accent)}.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .1em .12em 0;margin:-.08em -.1em -.12em 0}.w__i{display:inline-block;will-change:transform}.w--plain{overflow:visible}.w--plain .w__i{will-change:opacity}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.75em;height:46px;padding:0 22px;border-radius:999px;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background-color .45s var(--ease-out),color .45s var(--ease-out),border-color .45s var(--ease-out)}.btn--solid{background:var(--fg);color:var(--bg);border-color:transparent}.btn--solid:hover{background:var(--accent)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--small{height:40px;padding:0 18px;font-size:10.5px}.btn__disc{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f2a33a29;color:var(--accent);transition:background-color .4s,color .4s}.btn__disc svg{width:11px;height:11px}.btn__disc:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--accent);opacity:0;transform:scale(.7)}.btn--audio.is-playing{border-color:#f2a33a73}.btn--audio.is-playing .btn__disc{background:var(--accent);color:var(--bg)}.btn--audio.is-playing .btn__disc:after{animation:ring 1.8s var(--ease-out) infinite}.btn--audio [data-audio-label]{min-width:13.5em;text-align:center}.is-playing [data-audio-label]{color:var(--fg)}.is-loading{cursor:progress}.btn__dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2)}.btn.is-playing .btn__dot{background:var(--bg);animation:blink 1s steps(2) infinite}.btn--solid.is-playing{background:var(--accent)}.ico-pause{display:none}.is-playing>.ico-play,.is-playing .btn__disc .ico-play,.is-playing [data-player=toggle] .ico-play{display:none}.is-playing>.ico-pause,.is-playing .btn__disc .ico-pause,.is-playing [data-player=toggle] .ico-pause{display:block}@keyframes ring{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@keyframes blink{50%{opacity:.2}}.has-cursor,.has-cursor *{cursor:none!important}.cursor{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s}.cursor.is-visible{opacity:1}.cursor__ring,.cursor__dot{position:fixed;top:0;left:0;will-change:transform}.cursor__ring span{display:block;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid rgba(242,163,58,.55);transition:transform .45s var(--ease-out),background-color .45s,border-color .45s}.cursor__dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--accent)}.cursor.is-hover .cursor__ring span{transform:scale(1.6);background:#f2a33a14;border-color:var(--accent)}.cursor.is-down .cursor__ring span{transform:scale(.8)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#waves{position:absolute;top:0;left:0;z-index:0;width:100%;height:100vh;height:100svh;pointer-events:none}main,.footer{position:relative;z-index:1}.header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header-h);transition:background-color .5s,backdrop-filter .5s}.header.is-scrolled{background:#14110db8;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.header__bar{height:100%;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:10px;margin-right:auto;font-family:var(--font-mono);font-size:13px;font-weight:500}.logo__ring{width:12px;height:12px;border-radius:50%;border:2px solid var(--accent);transition:transform .6s var(--ease-out)}.logo:hover .logo__ring{transform:scale(1.3)}.logo sup{margin-left:-4px;font-size:10px;color:var(--muted)}.nav{display:flex;gap:26px}.nav a{position:relative;padding-block:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-soft);transition:color .3s}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-out)}.nav a:hover,.nav a.is-active{color:var(--fg)}.nav a:hover:after,.nav a.is-active:after{transform:scaleX(1);transform-origin:left}.nav .nav__cta,.nav .nav__cta:hover,.nav .nav__cta.is-active{color:var(--accent)}.lang{display:flex;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--dim)}.lang button{color:var(--muted);transition:color .3s}.lang button:hover,.lang button.is-active{color:var(--accent)}.header__progress{position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left}.menu-btn{display:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 0}.menu-btn__close,.is-menu-open .menu-btn__open{display:none}.is-menu-open .menu-btn__close{display:inline}.mnav{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--header-h) + 32px) var(--gutter) 40px;background:var(--bg);opacity:0;visibility:hidden;transition:opacity .5s var(--ease-out),visibility .5s}.is-menu-open .mnav{opacity:1;visibility:visible}.mnav__links{display:flex;flex-direction:column;gap:6px}.mnav__links a{display:flex;align-items:baseline;gap:14px;font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:clamp(2.2rem,11vw,3.4rem);letter-spacing:-.04em;line-height:1.1}.mnav__links .label{font-size:10px}.section{position:relative;padding-block:clamp(96px,13vw,176px)}.section-head{margin-bottom:clamp(48px,7vw,96px)}.section-head .label{display:block;margin-bottom:14px}.section-head__sub{margin-top:18px;max-width:26rem;font-size:14.5px;line-height:1.6;color:var(--muted)}.hero{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding-top:var(--header-h)}.hero__inner{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:40px 48px}.hero__status{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--fg-soft)}.pulse-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2.2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #f2a33a8c}to{box-shadow:0 0 0 10px #f2a33a00}}.hero__name{margin:0 0 clamp(20px,2.6vw,36px) -.04em;font-family:var(--font-display);font-stretch:125%;font-weight:800;font-size:clamp(3.1rem,9.6vw,10.5rem);line-height:.86;letter-spacing:-.03em}.hero__line{display:block;overflow:hidden;padding:.16em .06em .04em 0;margin:-.16em -.06em -.04em 0;white-space:nowrap}.char{display:inline-block;will-change:transform}.hero__line--accent .char{background-image:var(--accent-grad);background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent}.hero__role{font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:clamp(1.15rem,1.7vw,1.6rem);letter-spacing:-.025em}.hero__role em{font-style:italic;font-weight:500;color:var(--accent)}.hero__intro{max-width:30rem;margin:12px 0 32px;font-size:15.5px;line-height:1.6;color:var(--fg-soft)}.hero__ctas{display:flex;flex-wrap:wrap;gap:10px}.hero__foot{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-block:18px 26px}.hero__foot:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}.hero__scroll{justify-self:end;display:flex;align-items:center;gap:12px}.hero__scroll i{display:block;width:44px;height:1px;background:currentColor;transform-origin:left;animation:scrollLine 2.4s var(--ease-out) infinite}@keyframes scrollLine{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.1%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@media(min-width:821px){.hero .container{padding-left:calc(var(--gutter) * 2)}.hero__foot:before{left:calc(var(--gutter) * 2)}}.marquee{position:relative;z-index:1;overflow:hidden;padding-block:18px;border-block:1px solid var(--line);background:var(--bg);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:flex;width:max-content;will-change:transform}.marquee__group{display:flex;flex-shrink:0}.marquee__item{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--muted)}.marquee__item:after{content:"—";margin-inline:1.1em;color:var(--dim)}.projects{list-style:none;margin:0;padding:0}.project{border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}.project__link{display:block;padding-block:clamp(40px,6vw,72px)}.project__top{display:flex;align-items:center;gap:18px;margin-bottom:clamp(24px,3vw,36px)}.project__index{align-self:flex-end;margin-bottom:.9em;font-family:var(--font-mono);font-size:10px;color:var(--dim)}.project__title{overflow:hidden;font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;letter-spacing:-.045em}.project__title>span{display:inline-block;transition:color .6s var(--ease-out)}.project__status{padding:5px 10px;border:1px solid var(--line-strong);border-radius:999px;font-size:9.5px}.project__arrow{margin-left:auto;font-size:26px;color:var(--accent);transition:transform .6s var(--ease-out),color .6s var(--ease-out)}.project__link:hover .project__title>span{color:var(--project)}.project__link:hover .project__arrow{color:var(--project);transform:translate(6px,-6px)}.project__body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:clamp(24px,3.5vw,48px)}.project__media{position:relative;overflow:hidden;aspect-ratio:16 / 10.4;border:1px solid var(--line);border-radius:6px;background:var(--bg-raised);clip-path:inset(0% 0% 0% 0%)}.project__frame{position:absolute;inset:-6% 0;transition:transform 1.2s var(--ease-out)}.project__frame img{width:100%;height:100%;object-fit:cover}.project__link:hover .project__frame{transform:scale(1.04)}.project__caption{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:4px;background:#0a0907c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft)}.project__info{display:flex;flex-direction:column}.project__desc{max-width:34rem;margin-bottom:18px;font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:var(--fg-soft)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.tag{padding:7px 11px;border:1px solid var(--line-strong);border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);transition:border-color .4s}.project__link:hover .tag{border-color:color-mix(in srgb,var(--project) 45%,transparent)}.project__meta{margin-top:auto;padding-top:28px;color:var(--dim)}.labs{overflow:hidden;background:radial-gradient(55% 50% at 50% 58%,rgba(242,163,58,.1),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg-warm) 28%,var(--bg-warm) 72%,var(--bg))}.labs__stage{display:flex;flex-direction:column;align-items:center;text-align:center}.labs__soon{margin-bottom:10px}.labs__word-wrap{position:relative}.labs__word,.labs__glow{font-family:var(--font-display);font-stretch:125%;font-weight:800;font-size:clamp(4.5rem,16vw,15rem);line-height:.95;letter-spacing:-.02em}.labs__word{position:relative;color:transparent;-webkit-text-stroke:1.5px var(--accent)}.labs__glow{position:absolute;inset:0;color:var(--accent);filter:blur(34px);opacity:.12;pointer-events:none;will-change:opacity}.labs__wave{display:block;width:min(640px,92%);height:90px;margin:18px 0 30px}.labs__text{max-width:30rem;font-size:15.5px;line-height:1.65;color:var(--fg-soft)}.labs__text em{color:var(--accent)}.labs__note{margin:12px 0 28px;color:var(--dim)}.stack__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,5vw,64px) clamp(24px,4vw,64px);padding-inline:clamp(0px,2vw,24px)}.stack__cell h3{margin-bottom:14px}.stack__cell p{min-height:3.2em;margin-bottom:26px;font-size:14px;line-height:1.6;color:var(--fg-soft)}.stack__bar{display:block;height:1px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transform-origin:left}.method__wrap{position:relative}.method__track{position:absolute;top:7px;left:0;right:0;height:1px;background:var(--line-strong)}.method__fill{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left top}.method__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.method__step{position:relative;padding-top:36px}.method__dot{position:absolute;top:0;left:0;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg);transition:border-color .4s}.method__dot:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .5s var(--ease-out)}.method__step .label{display:block;margin-bottom:10px}.method__step h3{margin-bottom:10px;font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:clamp(1.1rem,1.5vw,1.4rem);letter-spacing:-.02em;color:var(--muted);transition:color .5s}.method__step p{font-size:13px;line-height:1.55;color:var(--dim);transition:color .5s}.method__step.is-active .method__dot{border-color:var(--accent)}.method__step.is-active .method__dot:after{transform:scale(1)}.method__step.is-active .label{color:var(--accent)}.method__step.is-active h3{color:var(--fg)}.method__step.is-active p{color:var(--muted)}.about__body{max-width:40rem;font-family:var(--font-display);font-stretch:105%;font-weight:500;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.4;letter-spacing:-.015em}.about__body p+p{margin-top:1.1em}.about__body mark{background:none;color:var(--accent)}.about__body em{font-style:italic;color:var(--accent)}.about__sign{margin-top:32px;color:var(--dim)}.contact{display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh}.contact__label{margin-bottom:clamp(48px,7vw,88px)}.contact__inner{display:flex;flex-direction:column;align-items:center;text-align:center}.contact__title{margin-bottom:44px;font-family:var(--font-display);font-stretch:112%;font-weight:700;font-size:clamp(2.5rem,6.4vw,6.5rem);line-height:1.02;letter-spacing:-.045em}.contact__line{display:block}.contact__title em{font-weight:500;color:transparent;-webkit-text-stroke:1.5px var(--accent)}.contact__handle{display:inline-flex;align-items:center;gap:14px;max-width:100%;height:64px;padding:0 30px;border:1px solid var(--line-strong);border-radius:999px;background:#f2ecdf08;font-family:var(--font-mono);font-size:clamp(12px,1.2vw,15px);letter-spacing:.1em;text-transform:uppercase;transition:border-color .4s,color .4s,box-shadow .6s var(--ease-out)}.contact__handle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact__handle svg{flex:none}.contact__handle:hover,.contact__handle.is-copied{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 6px #f2a33a0f,0 0 48px #f2a33a2e}.contact__hint{margin:14px 0 34px;color:var(--dim)}.contact__links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:0;padding:0;list-style:none}.contact__links a{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .3s}.contact__links a:hover{color:var(--accent)}.footer{border-top:1px solid var(--line)}.footer__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-block:22px;padding-right:calc(var(--gutter) + 72px)}.footer__top{justify-self:end;transition:color .3s}.footer__top:hover{color:var(--accent)}@media(max-width:1100px){.nav{gap:18px}.project__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:820px){:root{--header-h: 64px}.nav,.header__bar>.lang{display:none}.menu-btn{display:block}.mnav .lang{font-size:13px}.hero__foot{grid-template-columns:1fr auto;padding-bottom:92px}.hero__highlights{display:none}.btn--audio [data-audio-label]{min-width:0}.project__top{gap:12px}.project__index{display:none}.project__title{font-size:clamp(2rem,10vw,2.6rem)}.project__body{grid-template-columns:1fr}.stack__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:0}.method__track{inset:0 auto 0 7px;width:1px;height:auto}.method__fill{transform:scaleY(0)}.method__steps{grid-template-columns:1fr;gap:36px}.method__step{padding:0 0 0 40px}.footer__bar{grid-template-columns:1fr;justify-items:start;gap:8px;padding-right:var(--gutter);padding-bottom:96px}.footer__top{justify-self:start}}@media(max-width:560px){.stack__grid{grid-template-columns:1fr}.stack__cell p{min-height:0}.hero__ctas .btn{flex:1 1 auto}}.player{--c1: #e8452c;--c2: #f2a33a;--c3: #f6d2b0;position:fixed;right:var(--gutter);bottom:22px;z-index:60}.icon-btn{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;color:var(--muted);transition:color .3s,background-color .3s}.icon-btn:hover{color:var(--fg);background:#f2ecdf12}.cover{flex:none;width:44px;height:44px;border-radius:8px;background-color:var(--c1);background-image:radial-gradient(60% 60% at 30% 30%,var(--c3),transparent 70%),radial-gradient(70% 70% at 75% 80%,var(--c2),transparent 70%);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff14}.karaoke{background-image:linear-gradient(90deg,var(--fg) var(--fill, 0%),rgba(242,236,223,.55) var(--fill, 0%));-webkit-background-clip:text;background-clip:text;color:transparent}.mp{position:relative;display:flex;align-items:center;gap:10px;width:280px;height:54px;padding:0 8px 0 7px;overflow:hidden;border:1px solid var(--line-strong);border-radius:999px;background:#181410d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:width .7s var(--ease-out)}.mp__play{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--bg);transition:transform .4s var(--ease-out)}.mp__play:hover{transform:scale(1.06)}.is-loading .mp__play{animation:blink .8s ease-in-out infinite alternate}.mp__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;transition:opacity .4s}.mp__title{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-soft)}.mp__title span{display:inline-block;white-space:pre;animation:mpMarquee 16s linear infinite}@keyframes mpMarquee{to{transform:translate(-50%)}}.mp__bars{display:block;width:100%;height:12px}.mp .icon-btn{transition:opacity .4s,color .3s,background-color .3s}.mp__cc.is-on{color:var(--accent)}.mp__progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.player.is-compact .mp{width:56px}.player.is-compact .mp__info,.player.is-compact .mp .icon-btn{opacity:0;pointer-events:none}.bubble{position:absolute;right:0;bottom:calc(100% + 10px);display:flex;align-items:center;gap:6px;max-width:min(320px,calc(100vw - 2 * var(--gutter)));padding:8px 8px 8px 16px;border:1px solid var(--line-strong);border-radius:999px;background:#181410d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}.bubble.is-visible{opacity:1;transform:none;pointer-events:auto}.bubble__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);font-stretch:105%;font-weight:600;font-size:12.5px;letter-spacing:-.01em}.bubble__close{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;color:var(--muted)}.bubble__close svg{width:12px;height:12px}.bubble__close:hover{color:var(--fg)}.pl{position:absolute;right:0;bottom:calc(100% + 12px);width:min(340px,calc(100vw - 2 * var(--gutter)));max-height:calc(100svh - 130px);overflow:auto;padding:16px;border:1px solid var(--line-strong);border-radius:18px;background:#16130feb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 80px #00000073;transform-origin:bottom right;opacity:0;transform:translateY(12px) scale(.97);pointer-events:none;transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);scrollbar-width:thin}.player.is-panel .pl{opacity:1;transform:none;pointer-events:auto}.player.is-panel .mp__toggle svg{transform:rotate(180deg)}.mp__toggle svg{transition:transform .5s var(--ease-out)}.pl__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.pl__meta{flex:1;min-width:0}.pl__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-display);font-stretch:110%;font-weight:700;font-size:15px;letter-spacing:-.02em}.pl__head .label{font-size:9.5px}.pl__lyrics{margin-bottom:14px;padding:12px 14px 10px;border:1px solid var(--line);border-radius:10px;background:#f2ecdf09}.pl__lines{min-height:62px}.pl__line{min-height:1.4em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:var(--dim)}.pl__line--cur{margin:3px 0;font-family:var(--font-display);font-stretch:105%;font-weight:600;font-size:13px}.pl__line--cur.is-empty{background:none;color:var(--muted);font-weight:500}.pl__lyrics-foot{display:flex;justify-content:space-between;margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line-strong);border-radius:4px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);transition:border-color .3s,background-color .3s}.chip:hover{border-color:var(--accent)}.chip--cc{color:var(--muted)}.chip--cc.is-on{color:var(--accent);border-color:#f2a33a80}.range{--val: 0%;--track: rgba(242, 236, 223, .14);--fill: var(--accent-2);-webkit-appearance:none;appearance:none;display:block;width:100%;height:16px;margin:0;background:transparent}.range::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(90deg,var(--fill) var(--val),var(--track) var(--val))}.range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border:2px solid var(--fill);border-radius:50%;background:var(--bg)}.range::-moz-range-track{height:2px;border-radius:2px;background:var(--track)}.range::-moz-range-progress{height:2px;background:var(--fill)}.range::-moz-range-thumb{width:8px;height:8px;border:2px solid var(--fill);border-radius:50%;background:var(--bg)}.range--vol{--fill: var(--fg);width:84px}.range--light{--track: rgba(255, 255, 255, .3);--fill: #fff}.range--light::-webkit-slider-thumb{background:#fff}.times{display:flex;justify-content:space-between;margin-top:2px;font-family:var(--font-mono);font-size:9.5px;color:var(--dim)}.pl__controls,.fl__controls{display:flex;align-items:center;gap:10px}.pl__controls{margin:10px 0 14px}.play-btn{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--fg);color:var(--bg);transition:transform .4s var(--ease-out)}.play-btn:hover{transform:scale(1.06)}.vol{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted)}.pl__list{margin:0;padding:6px 0 0;list-style:none;border-top:1px solid var(--line)}.pl-track{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 6px;border-radius:8px;text-align:left;transition:background-color .3s}.pl-track:hover{background:#f2ecdf0d}.pl-track__num,.pl-track__dur{font-family:var(--font-mono);font-size:10px;color:var(--dim)}.pl-track__main{display:flex;flex-direction:column;min-width:0}.pl-track__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--fg-soft)}.pl-track__artist{font-size:10.5px;color:var(--dim)}.pl-track.is-current .pl-track__title,.pl-track.is-current .pl-track__num{color:var(--accent)}.pl-track__end{display:flex;align-items:center;gap:8px}.eq{display:none;align-items:flex-end;gap:2px;height:10px}.eq i{width:2px;height:100%;background:var(--accent);transform-origin:bottom;animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.pl-track.is-current .eq{display:flex}.player:not(.is-playing) .eq i{animation-play-state:paused}.fl{--c1: #e8452c;--c2: #f2a33a;--c3: #f6d2b0;position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;overflow:hidden;background:var(--c1);color:#fff;opacity:0;visibility:hidden;transition:opacity .6s var(--ease-out),visibility .6s}.fl.is-open{opacity:1;visibility:visible}.fl__bg{position:absolute;inset:-10%;will-change:transform}.fl__bg span{position:absolute;width:65vmax;height:65vmax;border-radius:50%;filter:blur(90px);animation:blob 18s ease-in-out infinite alternate}.fl__bg span:nth-child(1){top:-15%;left:-15%;background:var(--c3);opacity:.85}.fl__bg span:nth-child(2){top:0;right:-20%;background:var(--c1);animation-duration:22s;animation-direction:alternate-reverse}.fl__bg span:nth-child(3){bottom:-30%;left:15%;background:var(--c2);opacity:.8;animation-duration:26s}@keyframes blob{to{transform:translate3d(8%,6%,0) scale(1.15)}}.fl:after{content:"";position:absolute;inset:0;background:#1408042e;pointer-events:none}.fl__top,.fl__viewport,.fl__bottom{position:relative;z-index:1}.fl__top{display:flex;align-items:center;gap:12px;padding:22px var(--gutter)}.fl__top .label{color:#fff9;font-size:9.5px}.fl__close{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;transition:background-color .3s}.fl__close:hover{background:#ffffff26}.fl__viewport{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 72%,transparent)}.fl__lines{position:absolute;top:30%;left:var(--gutter);right:var(--gutter);max-width:920px;will-change:transform}.fl__line{display:block;margin:0 0 .35em -.3em;padding:.12em .3em;border-radius:14px;text-align:left;font-family:var(--font-display);font-stretch:112%;font-weight:800;font-size:clamp(1.8rem,3.8vw,3.4rem);line-height:1.12;letter-spacing:-.03em;color:#ffffff61;filter:blur(1.6px);transition:color .6s,filter .6s,opacity .6s,background-color .3s}.fl__line:hover{filter:none;background:#ffffff14}.fl__line.is-past{opacity:.55}.fl__line.is-active{filter:none;background-color:#ffffff0f;background-image:linear-gradient(90deg,#fff var(--fill, 0%),rgba(255,255,255,.55) var(--fill, 0%));-webkit-background-clip:text;background-clip:text;color:transparent}.fl__empty{font-family:var(--font-display);font-stretch:112%;font-weight:800;font-size:clamp(1.6rem,3vw,2.6rem);color:#fff9}.fl__bottom{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 var(--gutter) 28px}.fl__seek{width:min(560px,100%)}.fl__seek .times{color:#ffffffb3}.fl__controls{width:min(560px,100%);justify-content:center}.fl__controls .icon-btn,.fl__controls .vol{color:#fffc}.fl__controls .play-btn{width:46px;height:46px;background:#fff;color:#1a0d08}.fl__controls .range--vol{--fill: #fff;--track: rgba(255, 255, 255, .3)}.fl__controls .vol{position:absolute;right:var(--gutter)}@media(max-width:820px){.player{right:12px;bottom:12px}.mp{width:248px}.fl__controls .vol{display:none}}