.navigation{position:fixed;top:0;left:0;right:0;z-index:10;padding:1.25rem 0;transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.navigation.is-scrolled{background:#fffcf7c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #1c191714}.nav-container{width:min(1120px,calc(100% - 2rem));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.logo{text-decoration:none}.logo-text{font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:.04em}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-link{position:relative;padding:.4rem 0;text-decoration:none;font-size:.92rem;font-weight:500;color:var(--color-text-muted);transition:color .25s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-link:hover,.nav-link.is-active,.nav-link:focus-visible{color:var(--color-text)}.nav-link:hover:after,.nav-link.is-active:after,.nav-link:focus-visible:after{transform:scaleX(1)}.menu-toggle{display:none;width:2.75rem;height:2.75rem;border:1px solid rgba(28,25,23,.1);border-radius:999px;background:#ffffffa6;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;cursor:pointer}.menu-line{width:1rem;height:1.5px;background:var(--color-text);transition:transform .25s ease,opacity .25s ease}.menu-line.is-open:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-line.is-open:nth-child(2){opacity:0}.menu-line.is-open:nth-child(3){transform:translateY(-5px) rotate(-45deg)}@media (max-width: 768px){.navigation{padding:1rem 0}.menu-toggle{display:inline-flex}.nav-links{position:absolute;top:calc(100% + .75rem);right:1rem;min-width:12rem;padding:1rem;border:1px solid rgba(28,25,23,.08);border-radius:1rem;background:#fffcf7f2;box-shadow:0 18px 50px #1c19171f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.nav-links.is-open{opacity:1;visibility:visible;transform:translateY(0)}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:6rem 2rem;overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,#f5e6d3,#e8d5c4);top:-200px;right:-100px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#d4e4d1,#c8d9c4);bottom:-100px;left:-100px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px}.hero-label{display:inline-flex;align-items:center;gap:1rem;margin-bottom:2rem}.label-line{width:60px;height:1px;background:var(--color-accent)}.label-text{font-family:var(--font-body);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:300;line-height:1.1;margin-bottom:2rem;color:var(--color-text)}.title-line{display:block}.title-line:last-child{font-style:italic;color:var(--color-accent)}.hero-description{font-family:var(--font-body);font-size:1.125rem;font-weight:300;color:var(--color-text-muted);line-height:1.8;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1.5rem;justify-content:center}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:1}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem}.scroll-text{font-family:var(--font-body);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted)}.scroll-line{width:1px;height:60px;background:#0000001a;position:relative;overflow:hidden}.scroll-dot{width:100%;height:50%;background:var(--color-text);position:absolute;top:0;left:0;animation:scroll-down 2s ease infinite}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border-radius:0;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.btn-primary span{flex-shrink:0}.btn-primary svg{width:1.25rem;height:1.25rem}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}@keyframes scroll-down{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.2,.8,.2,1) forwards}.animate-fade-in{animation:fade-in .8s ease-out forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.about{padding:clamp(5rem,10vw,8rem) 2rem}.about-container{width:min(1120px,100%);margin:0 auto}.about-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(2.5rem,6vw,5rem)}.about-visual,.section-header,.about-text,.about-stats,.experience-badge{opacity:0;transform:translateY(28px);transition:opacity .8s var(--transition-slow),transform .8s var(--transition-slow)}.about-visual.is-visible,.section-header.is-visible,.about-text.is-visible,.about-stats.is-visible,.experience-badge.is-visible{opacity:1;transform:translateY(0)}.about-visual{position:relative}.image-frame{position:relative;padding:1.1rem;background:#ffffff8c;border:1px solid rgba(180,83,9,.14);box-shadow:0 24px 60px #1c191714}.image-placeholder{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:linear-gradient(135deg,#b4530914,#b4530900),linear-gradient(180deg,#f8f1e7,#ece4da)}.image-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(180,83,9,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(180,83,9,.06) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 85%);mask-image:radial-gradient(circle at center,black 45%,transparent 85%)}.frame-corner{position:absolute;width:1.5rem;height:1.5rem;border-color:var(--color-accent);border-style:solid}.corner-tl{top:.2rem;left:.2rem;border-width:2px 0 0 2px}.corner-tr{top:.2rem;right:.2rem;border-width:2px 2px 0 0}.corner-bl{bottom:.2rem;left:.2rem;border-width:0 0 2px 2px}.corner-br{right:.2rem;bottom:.2rem;border-width:0 2px 2px 0}.experience-badge{position:absolute;right:-1.5rem;bottom:2.25rem;display:inline-flex;flex-direction:column;gap:.2rem;padding:1rem 1.2rem;min-width:7rem;background:#1c1917eb;color:#fff;box-shadow:0 18px 40px #1c19172e}.badge-number{font-family:var(--font-display);font-size:2rem;line-height:1}.badge-text{font-size:.85rem;letter-spacing:.08em;color:#ffffffbf}.about-content{display:flex;flex-direction:column;gap:2rem}.about-text{display:flex;flex-direction:column;gap:1rem}.text-lead{font-size:1.2rem;line-height:1.8;color:var(--color-text)}.text-body{max-width:40rem;color:var(--color-text-muted);line-height:1.9}.about-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stat-item{padding:1.4rem 1.5rem;background:#ffffff9e;border:1px solid rgba(231,229,228,.95);box-shadow:0 12px 30px #1c19170d}.stat-number{display:block;margin-bottom:.35rem;font-family:var(--font-display);font-size:2rem;color:var(--color-accent)}.stat-label{color:var(--color-text-muted);font-size:.95rem}@media (max-width: 900px){.about-grid{grid-template-columns:1fr}.experience-badge{right:1rem;bottom:1rem}}@media (max-width: 640px){.about{padding-inline:1rem}.about-stats{grid-template-columns:1fr}.experience-badge{position:static;width:-moz-fit-content;width:fit-content;margin-top:1rem}}.skills{padding:var(--space-xl) 2rem;background:var(--color-bg-alt);position:relative}.skills-container{max-width:1200px;margin:0 auto}.section-header{margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all .8s var(--transition-slow)}.section-header.is-visible{opacity:1;transform:translateY(0)}.section-header.center{text-align:center}.section-label{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.2;color:var(--color-text);margin-bottom:1rem}.section-title em{font-style:italic;color:var(--color-accent)}.section-description{font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--color-text-muted)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:5rem}.skill-card{background:var(--color-bg);padding:2.5rem;border-radius:4px;box-shadow:0 10px 30px #0000000d;opacity:0;transform:translateY(30px);transition:all .6s var(--transition-slow);height:100%}.skill-card.is-visible{opacity:1;transform:translateY(0)}.skill-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000014}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);color:var(--color-accent);border-radius:50%}.card-icon svg{width:24px;height:24px}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text)}.skills-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-info{display:flex;justify-content:space-between;align-items:flex-end}.skill-name{font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--color-text)}.skill-level{font-family:var(--font-body);font-size:.8125rem;font-weight:400;color:var(--color-text-muted)}.skill-bar{width:100%;height:4px;background:var(--color-bg-alt);border-radius:2px;overflow:hidden}.skill-progress{height:100%;background:var(--color-accent);border-radius:2px;transition:width 1.5s cubic-bezier(.22,1,.36,1)}.tech-stack{display:flex;flex-direction:column;align-items:center;gap:1.5rem;opacity:0;transform:translateY(20px);transition:all .8s var(--transition-slow) .6s}.tech-stack.is-visible{opacity:1;transform:translateY(0)}.stack-label{font-family:var(--font-body);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.stack-items{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.stack-item{font-family:var(--font-body);font-size:.875rem;color:var(--color-text);padding:.5rem 1.25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50px;transition:all .3s ease}.stack-item:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}@media (max-width: 960px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.skills-grid{grid-template-columns:1fr}}.footer{padding:2rem;background:linear-gradient(180deg,#fff0,#fffcf7d9 18%,#f4eee6)}.footer-container{width:min(1120px,100%);margin:0 auto;padding:2.5rem 0 0}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:2rem}.footer-brand{max-width:28rem}.brand-text{display:inline-block;margin-bottom:.75rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:600;color:var(--color-text)}.brand-tagline{color:var(--color-text-muted);line-height:1.9}.footer-links{min-height:1px}.footer-bottom{padding-top:1.5rem}.bottom-line{width:100%;height:1px;background:linear-gradient(90deg,#b4530900,#b4530966,#b4530900)}.bottom-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;color:var(--color-text-muted);font-size:.92rem}.copyright,.credits{margin:0}@media (max-width: 640px){.footer{padding-inline:1rem}.footer-content,.bottom-content{flex-direction:column;align-items:flex-start}}:root{--color-bg: #fafaf9;--color-bg-alt: #f5f5f4;--color-text: #1c1917;--color-text-muted: #78716c;--color-accent: #b45309;--color-accent-light: #d97706;--color-border: #e7e5e4;--color-cream: #fefcf3;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--transition-fast: .2s ease;--transition-medium: .4s ease;--transition-slow: .8s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(circle at top,rgba(180,83,9,.08),transparent 35%),linear-gradient(180deg,#fffcf7,#faf7f2 45%,#f6f1ea);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::-moz-selection{background:var(--color-accent);color:#fff}::selection{background:var(--color-accent);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes lineExpand{0%{width:0}to{width:100%}}.animate-fade-in-up{animation:fadeInUp .8s var(--transition-slow) forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-slide-left{animation:slideInLeft .8s var(--transition-slow) forwards}.animate-slide-right{animation:slideInRight .8s var(--transition-slow) forwards}.animate-scale-in{animation:scaleIn .6s var(--transition-slow) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}a{color:inherit}#app{min-height:100vh;position:relative;isolation:isolate}.app{position:relative}main{display:flex;flex-direction:column}section{position:relative}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-4{left:1rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-1{height:.25rem}.h-11{height:2.75rem}.h-28{height:7rem}.h-4{height:1rem}.h-full{height:100%}.max-h-\[78vh\]{max-height:78vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-11{width:2.75rem}.w-4{width:1rem}.w-auto{width:auto}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-stone-200{--tw-border-opacity: 1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1))}.border-stone-200\/70{border-color:#e7e5e4b3}.border-stone-300{--tw-border-opacity: 1;border-color:rgb(214 211 209 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/30{border-color:#ffffff4d}.bg-black\/30{background-color:#0000004d}.bg-black\/35{background-color:#00000059}.bg-stone-100{--tw-bg-opacity: 1;background-color:rgb(245 245 244 / var(--tw-bg-opacity, 1))}.bg-stone-300{--tw-bg-opacity: 1;background-color:rgb(214 211 209 / var(--tw-bg-opacity, 1))}.bg-stone-950\/85{background-color:#0c0a09d9}.bg-stone-950\/90{background-color:#0c0a09e6}.bg-white\/20{background-color:#fff3}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/75{background-color:#ffffffbf}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-gray-800{--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-400{--tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-900{--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-24{padding-bottom:6rem}.pt-20{padding-top:5rem}.text-left{text-align:left}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-display{font-family:Space Grotesk,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.35em\]{letter-spacing:.35em}.text-amber-700\/80{color:#b45309cc}.text-stone-300{--tw-text-opacity: 1;color:rgb(214 211 209 / var(--tw-text-opacity, 1))}.text-stone-400{--tw-text-opacity: 1;color:rgb(168 162 158 / var(--tw-text-opacity, 1))}.text-stone-500{--tw-text-opacity: 1;color:rgb(120 113 108 / var(--tw-text-opacity, 1))}.text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.text-stone-900{--tw-text-opacity: 1;color:rgb(28 25 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(28\,25\,23\,0\.10\)\]{--tw-shadow: 0 20px 60px rgba(28,25,23,.1);--tw-shadow-colored: 0 20px 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-500{transition-delay:.5s}.delay-700{transition-delay:.7s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.columns-1,.sm\\:columns-2,.lg\\:columns-3,.xl\\:columns-4{-moz-column-fill:initial;column-fill:initial}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}:root{font-family:Syne,"Noto Serif SC",sans-serif;color:#f7f3ea;background:radial-gradient(circle at 16% 14%,rgba(255,159,98,.16),transparent 34%),radial-gradient(circle at 82% 15%,rgba(95,179,255,.15),transparent 36%),radial-gradient(circle at 45% 78%,rgba(174,143,255,.12),transparent 44%),linear-gradient(135deg,#080a12,#121a2a 40%,#0e1220);color-scheme:dark;--panel: rgba(10, 14, 22, .66);--border: rgba(255, 255, 255, .11);--accent: #ffbc74;--accent-cold: #87d7ff;--stage-base: #05070c;--stage-secondary: #120d14;--shadow: 0 30px 90px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input{font:inherit}button{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff7ec;border-radius:999px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}button:hover{transform:translateY(-1px);background:#ffffff1c;border-color:#ffc46b6b}.app-shell{min-height:100vh;padding:18px}.theme-cold{--accent: #85d7ff;--accent-cold: #e4f8ff;--stage-base: #05121a;--stage-secondary: #081f29}.theme-amber{--accent: #ffb76c;--accent-cold: #ffe1b7;--stage-base: #140a05;--stage-secondary: #24130a}.is-immersive{padding:0}.workspace{display:flex;gap:0;align-items:stretch;position:relative;min-height:calc(100vh - 44px)}.control-panel{position:fixed;left:0;top:0;bottom:0;width:300px;max-width:85vw;z-index:100;transform:translate(0);transition:transform .4s cubic-bezier(.22,.78,.2,1);border-radius:0 24px 24px 0;overflow-y:auto}.control-panel.is-collapsed{transform:translate(-100%)}.control-panel-toggle{position:fixed;left:300px;top:50%;transform:translateY(-50%);z-index:101;width:28px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:0 12px 12px 0;transition:left .4s cubic-bezier(.22,.78,.2,1),transform .25s ease}.control-panel-toggle.is-collapsed{left:0}.control-panel-toggle svg{width:16px;height:16px;transition:transform .3s ease}.control-panel-toggle.is-collapsed svg{transform:rotate(180deg)}.stage-wrap{flex:1;margin-left:300px;transition:margin-left .4s cubic-bezier(.22,.78,.2,1)}.stage-wrap.expanded{margin-left:0}.control-panel,.stage-wrap,.immersive-bar{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.control-panel,.stage-wrap{border-radius:24px}.control-panel{padding:12px;display:grid;gap:12px;align-content:start;background:linear-gradient(180deg,#111826d1,#080c14b8),var(--panel)}.panel-block+.panel-block{margin-top:0;padding-top:0;border-top:0}.panel-block{padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#ffffff17,#ffffff05),#070b1475;box-shadow:inset 0 1px #ffffff08}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-head h2,.stage-chrome span{margin:0;font-size:.95rem;font-weight:600}.song-list{display:grid;gap:10px;max-height:min(40vh,360px);overflow:auto;padding-right:4px}.song-chip{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;border-radius:16px;padding:13px 15px;text-align:left;background:#ffffff0a;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.song-chip small{color:#ffffff94;line-height:1.45}.song-chip.is-active{background:linear-gradient(135deg,#ffc46b2e,#ffffff14),#ffffff0d;border-color:#ffc46b59;box-shadow:0 12px 32px #00000029}.transport-meta{display:grid;gap:6px;margin-bottom:14px}.transport-meta strong{font-size:1.05rem}.transport-meta span,.immersive-bar span{color:#ffffffa3}.timeline{display:block;margin-bottom:0}.timeline input,.slider input{width:100%;accent-color:var(--accent)}.timeline__meta,.slider__meta{display:flex;justify-content:space-between;margin-top:6px;color:#ffffffc2;font-size:.92rem}.slider+.slider{margin-top:12px}.slider__meta{margin-bottom:6px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.panel-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-actions button{border-radius:12px;padding:.6rem .75rem}.stage-wrap{padding:16px;background:linear-gradient(180deg,#090d16c2,#080b12ad),var(--panel)}.immersive-shell{position:relative;min-height:100vh;padding:18px}.immersive-bar{position:absolute;top:18px;left:18px;right:18px;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-radius:22px}.immersive-bar strong{display:block;font-size:1rem}.lyrics-stage{position:relative;overflow:hidden;min-height:calc(100vh - 68px);border-radius:22px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 18% 18%,rgba(255,170,112,.15),transparent 26%),radial-gradient(circle at 84% 18%,rgba(120,206,255,.14),transparent 30%),radial-gradient(circle at 50% 82%,rgba(173,129,255,.14),transparent 34%),linear-gradient(160deg,#050814,#0b1324 44%,#101b34);box-shadow:inset 0 0 160px #ffffff08,0 28px 90px #00000042;isolation:isolate}.is-immersive-stage{min-height:calc(100vh - 36px);border-radius:24px}.stage-spectrum,.stage-grid,.stage-halo,.stage-ribbon,.stage-orb{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stage-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.stage-backdrop__shape{position:absolute;border-radius:50%;filter:blur(140px);opacity:.72}.stage-backdrop__shape--a{width:560px;height:560px;top:-12%;left:-8%;background:radial-gradient(circle,rgba(255,174,110,.3),transparent 64%);animation:aurora-float-a 28s ease-in-out infinite alternate}.stage-backdrop__shape--b{width:430px;height:430px;top:10%;right:-4%;background:radial-gradient(circle,rgba(119,202,255,.28),transparent 64%);animation:aurora-float-b 34s ease-in-out infinite alternate}.stage-backdrop__shape--c{width:700px;height:700px;bottom:-30%;left:12%;background:radial-gradient(circle,rgba(181,140,255,.2),transparent 60%);animation:aurora-float-c 38s ease-in-out infinite alternate}.stage-spectrum{background:radial-gradient(circle at 18% 16%,rgba(255,184,120,.14),transparent 20%),radial-gradient(circle at 70% 18%,rgba(106,214,255,.12),transparent 22%),radial-gradient(circle at 48% 78%,rgba(194,145,255,.12),transparent 24%);mix-blend-mode:screen;animation:spectrum-shift 40s linear infinite;opacity:.58;filter:blur(10px)}.stage-grid{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,1));mask-image:linear-gradient(to bottom,#00000059,#000);opacity:.18}.stage-halo{top:14%;right:16%;bottom:14%;left:16%;border-radius:50%;background:radial-gradient(circle,#ffffff14,#fff0 60%),radial-gradient(circle,#ffb7781f,#ffb77800 55%);filter:blur(30px);opacity:.9}.stage-ribbon{top:-15%;right:-15%;bottom:-15%;left:-15%;mix-blend-mode:screen;opacity:.14;filter:blur(54px)}.stage-ribbon--a{background:conic-gradient(from 180deg at 50% 50%,#ffb56d00,#ffb56d47,#5fceff00,#ff80ad38,#ffb56d00);animation:ribbon-rotate 36s linear infinite}.stage-ribbon--b{background:conic-gradient(from 30deg at 50% 50%,#78dbff00,#78dbff3d,#ffcc7d00,#ff915a2e,#78dbff00);animation:ribbon-rotate 44s linear infinite reverse}.stage-orb{inset:auto;border-radius:999px;background:radial-gradient(circle,hsla(var(--orb-hue),95%,68%,var(--orb-alpha)) 0%,hsla(var(--orb-hue),95%,60%,calc(var(--orb-alpha) * .7)) 22%,transparent 72%);filter:blur(var(--orb-blur));animation:orb-drift var(--orb-duration) ease-in-out var(--orb-delay) infinite alternate,orb-flicker calc(var(--orb-duration) * .7) ease-in-out var(--orb-delay) infinite;will-change:transform,opacity}.lyrics-safety-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,#080c1800,#080c1838),linear-gradient(to bottom,#080a1275,#080b160f 16%,#080b160a 84%,#080a1266)}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;text-align:center;gap:10px;color:#ffffffbd}.stage-empty p{margin:0;font-size:1.5rem}.stage-empty span{color:#ffffff80}.lyrics-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(88px,10vh,120px) clamp(34px,5vw,72px) clamp(42px,6vh,64px)}.lyrics-stage__meta{position:absolute;top:28px;left:32px;right:32px;z-index:14;display:flex;justify-content:space-between;gap:16px;font-size:.78rem;letter-spacing:.26em;color:#ffffff5c;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lyrics-track{width:min(980px,100%);min-height:min(74vh,760px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(22px,3.6vh,42px);padding-block:clamp(12px,2vh,28px);text-align:center}.lyrics-focus{position:relative;width:min(860px,92vw);max-width:100%;min-height:clamp(150px,22vh,250px);padding:clamp(16px,2vw,26px) clamp(24px,4vw,52px);display:grid;place-items:center;margin-block:clamp(12px,1.8vh,20px);animation:focus-enter .7s cubic-bezier(.22,.78,.2,1) var(--enter-delay, 0s) both}.lyrics-focus__particle-layer{position:absolute;top:-10%;right:-8%;bottom:-10%;left:-8%;z-index:1;pointer-events:none;opacity:.9;mix-blend-mode:screen;display:block;filter:saturate(1.25) brightness(1.12);animation:ion-layer-enter 1.7s cubic-bezier(.22,.78,.2,1) both}.lyrics-focus__particle-layer canvas{width:100%!important;height:100%!important}.lyrics-focus__glow,.lyrics-focus__line{margin:0;font-weight:800;letter-spacing:.01em;line-height:1.24;text-wrap:balance;max-width:100%}.lyrics-focus__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;font-size:clamp(2.45rem,5.3vw,5rem);color:#ffd2a02e;filter:blur(22px);transform:translateY(4px) scale(1.02);pointer-events:none}.lyrics-focus__line{position:relative;z-index:3;display:inline-block;font-size:clamp(2.45rem,5.3vw,5rem);text-shadow:0 0 36px rgba(255,209,156,.1),0 8px 36px rgba(0,0,0,.35)}.lyrics-focus__pending,.lyrics-focus__sung{display:block;-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline:.06em}.lyrics-focus__pending{background-image:linear-gradient(135deg,#ffffffd9,#bedcff9e);opacity:.48}.lyrics-focus__fill{position:absolute;inset:0 auto 0 0;width:var(--progress, 0%);overflow:hidden;white-space:normal;will-change:width}.lyrics-focus__sung{background-image:linear-gradient(90deg,#fff7e2,#ffd496 26%,#c0e8ff);filter:drop-shadow(0 0 20px rgba(255,205,130,.4))}.lyrics-context{margin:0;max-width:min(720px,84vw);min-height:auto;display:grid;place-items:center;padding:.1em .7em;font-size:clamp(1.05rem,1.7vw,1.55rem);font-weight:700;letter-spacing:.01em;line-height:1.6;text-wrap:balance;text-shadow:0 6px 20px rgba(0,0,0,.25);transform:scale(var(--line-scale, 1));opacity:var(--line-opacity, .5);order:var(--line-order, 2);animation:context-fade .52s cubic-bezier(.22,.78,.2,1) var(--enter-delay, 0s) both}.lyrics-context--past{color:#ffdfc3bd;margin-bottom:clamp(4px,1vh,12px)}.lyrics-context--future{color:#d4e8ffb3;margin-top:clamp(4px,1vh,12px)}@keyframes focus-enter{0%{opacity:0;transform:translate(var(--enter-x, 0px)) translateY(var(--enter-y, 28px)) rotate(calc(var(--enter-rotate, 0deg) * .4)) scale(.95);filter:blur(10px)}65%{opacity:1;transform:translate(calc(var(--enter-x, 0px) * -.08)) translateY(calc(var(--enter-y, 0px) * -.06)) rotate(0) scale(1.012)}to{opacity:1;transform:translateY(0) rotate(0) scale(1);filter:blur(0)}}@keyframes context-fade{0%{opacity:0;transform:translate(calc(var(--enter-x, 0px) * .35)) translateY(calc(6px + var(--enter-y, 0px) * .08)) scale(calc(var(--line-scale, 1) * .97));filter:blur(4px)}to{opacity:var(--line-opacity, .5);transform:translateY(0) scale(var(--line-scale, 1));filter:blur(0)}}@keyframes ion-layer-enter{0%{opacity:0;transform:translateY(14px) scale(.98);filter:blur(8px) saturate(1)}55%{opacity:.84;transform:translateY(-1px) scale(1.01);filter:blur(1px) saturate(1.12)}to{opacity:.74;transform:translateY(0) scale(1);filter:blur(0) saturate(1.08)}}@keyframes spectrum-shift{0%{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}50%{transform:scale(1.1) rotate(180deg);filter:hue-rotate(20deg)}to{transform:scale(1) rotate(360deg);filter:hue-rotate(0deg)}}@keyframes ribbon-rotate{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.1)}}@keyframes aurora-float-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(90px,-30px,0) scale(1.08)}}@keyframes aurora-float-b{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-75px,40px,0) scale(1.06)}}@keyframes aurora-float-c{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-30px,-45px,0) scale(1.05)}}@keyframes orb-drift{0%{transform:translateZ(0) scale(var(--orb-scale))}to{transform:translate3d(var(--orb-drift-x),var(--orb-drift-y),0) scale(calc(var(--orb-scale) * 1.14))}}@keyframes orb-flicker{0%{opacity:.45}50%{opacity:.88}to{opacity:.52}}@media (max-width: 960px){.app-shell{padding:18px}.workspace{grid-template-columns:1fr}.immersive-bar{flex-direction:column;align-items:flex-start}.panel-actions{grid-template-columns:1fr}.lyrics-stage{min-height:calc(100vh - 72px)}.is-immersive-stage{min-height:calc(100vh - 36px)}.lyrics-stage__meta{top:20px;left:20px;right:20px;font-size:.7rem;letter-spacing:.18em}.lyrics-spotlight{padding:84px 22px 34px}.lyrics-focus{width:min(100%,760px);padding:16px 18px;min-height:clamp(110px,18vh,200px)}.lyrics-focus__glow,.lyrics-focus__line{font-size:clamp(2rem,7.8vw,4rem)}.lyrics-context{max-width:min(100%,620px);font-size:clamp(1rem,3.8vw,1.35rem);line-height:1.54}.lyrics-track{gap:clamp(16px,2.8vh,26px)}.control-panel{width:min(80vw,300px)}.control-panel-toggle{left:min(80vw,300px)}}@media (max-width: 480px){.stage-wrap{padding:12px}.lyrics-focus__glow,.lyrics-focus__line{font-size:clamp(1.8rem,9vw,3rem)}.lyrics-context{max-width:92vw;font-size:clamp(.95rem,4.8vw,1.12rem)}.lyrics-track{gap:14px}.panel-actions{grid-template-columns:1fr}}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-black\/55:hover{background-color:#0000008c}.hover\:shadow-\[0_25px_80px_rgba\(28\,25\,23\,0\.15\)\]:hover{--tw-shadow: 0 25px 80px rgba(28,25,23,.15);--tw-shadow-colored: 0 25px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.md\:p-8{padding:2rem}}