.room-light{background:radial-gradient(120% 80% at 50% -10%,oklch(70% .17 240/.16),#0000 60%),radial-gradient(90% 60% at 50% 120%,oklch(75% .19 155/.07),#0000 70%)}.anime-grain{position:relative}.anime-grain:after{content:"";pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.shelf-stage{perspective:1600px;perspective-origin:50% 42%}.case-3d{transform-style:preserve-3d;transition:transform .62s var(--ease-shelf), filter .42s var(--ease-shelf), opacity .42s var(--ease-shelf);will-change:transform}.case-face{backface-visibility:hidden;height:100%;position:absolute;top:0;left:0;overflow:hidden}.case-cover-face{transform-origin:0;transform:rotateY(-90deg)}.case-top{transform-origin:top;transform:rotateX(90deg)}.spine-title{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em}@keyframes shelf-in{0%{opacity:0;transform:translateY(26px)rotateX(-14deg)}to{opacity:1;transform:none}}.shelf-in{animation:shelf-in .7s var(--ease-shelf) both}@keyframes caret{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.caret{animation:1.1s step-end infinite caret}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.drift{animation:7s ease-in-out infinite drift}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.gallery-aura{background:radial-gradient(ellipse 38% 46% at 50% 54%, color-mix(in oklch, var(--active-spine) 28%, transparent), transparent 72%), linear-gradient(180deg, var(--background) 0%, color-mix(in oklch, var(--ink) 88%, var(--active-spine)) 58%, var(--background) 100%)}.curved-stage{perspective:1500px;perspective-origin:50% 54%;transform-style:preserve-3d;pointer-events:none}.curved-stage>.gallery-case{pointer-events:auto}.gallery-case{transform:translate(-50%, -50%) translate3d(var(--gallery-x), var(--gallery-y), var(--gallery-z)) rotateY(var(--gallery-r)) scale(var(--gallery-scale));transform-style:preserve-3d;transform-origin:50%;will-change:transform, opacity;transition:opacity .16s linear,filter .24s}.gallery-case[aria-current=true] .gallery-case-shell{border-color:color-mix(in oklch, var(--primary) 70%, transparent);box-shadow:0 32px 90px -28px var(--glow), 0 24px 50px -24px oklch(0% 0 0/.95)}.gallery-case:not([aria-current=true]){filter:saturate(.72)brightness(.72)}.gallery-case:hover{filter:saturate()brightness(1.08)}.gallery-case-shell:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,oklch(0% 0 0/.62),#0000);width:7px;position:absolute;inset:0 auto 0 0}.case-glint{transition:transform .7s var(--ease-shelf);background:linear-gradient(112deg,#0000 28%,oklch(100% 0 0/.16) 46%,#0000 62%);transform:translate(-80%)}.gallery-case:hover .case-glint,.gallery-case[aria-current=true] .case-glint{transform:translate(75%)}.case-reflection{filter:blur(1px);transform:scaleY(-1);-webkit-mask-image:linear-gradient(oklch(0% 0 0/.5),#0000 82%);mask-image:linear-gradient(oklch(0% 0 0/.5),#0000 82%)}.liquid-glass{background:linear-gradient(135deg, oklch(100% 0 0/.11), transparent 45%), color-mix(in oklch, var(--card) 68%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);border:1px solid oklch(100% 0 0/.14);border-radius:.5rem;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.13),inset 0 -1px oklch(0% 0 0/.35),0 18px 55px -30px oklch(0% 0 0/.95)}.liquid-glass:before{content:"";filter:blur(20px);pointer-events:none;background:oklch(100% 0 0/.12);border-radius:50%;position:absolute;inset:-80% 40% 45% -30%}html.light .liquid-glass{background:linear-gradient(135deg, oklch(100% 0 0/.88), transparent 55%), color-mix(in oklch, var(--card) 78%, transparent);border-color:oklch(19% .02 250/.12);box-shadow:inset 0 1px oklch(100% 0 0/.85),inset 0 -1px oklch(19% .02 250/.08),0 18px 55px -30px oklch(19% .02 250/.35)}html.light .glass-icon-button{border-color:oklch(19% .02 250/.12)}.glass-icon-button{z-index:1;width:2.5rem;height:2.5rem;color:var(--foreground);border:1px solid oklch(100% 0 0/.12);border-radius:50%;flex:none;place-items:center;transition:background-color .18s,opacity .18s;display:grid;position:relative}.glass-icon-button:hover:not(:disabled){background:color-mix(in oklch, var(--primary) 22%, transparent)}.glass-icon-button:disabled{opacity:.25}.quote-fade{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(10px)}.quote-fade.is-on{opacity:1;transform:translateY(0)}.tier-chip{box-shadow:0 6px 18px -12px hsl(var(--foreground) / .5)}.dna-strand{transform-origin:0;animation:.9s cubic-bezier(.22,1,.36,1) both dna-grow}@keyframes dna-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.quote-fade,.dna-strand{opacity:1;transition:none;animation:none;transform:none}}@layer base{.anime-page :is(h1,h2,h3,h4){letter-spacing:normal}}