.pj-side[data-v-443e20f0]{display:flex;flex-direction:column;gap:.9rem;min-width:0;min-height:0}@media (min-width: 761px){.pj-side[data-v-443e20f0]{overflow-y:auto}}.pj-details[data-v-443e20f0]{display:flex;flex-direction:column;gap:.85rem}.pj-block[data-v-443e20f0]{display:flex;flex-direction:column;gap:.35rem}.pj-block-label[data-v-443e20f0]{font-size:.75rem;letter-spacing:.16em;color:var(--muted)}.pj-facts[data-v-443e20f0]{margin:0;display:flex;flex-direction:column;gap:.28rem;font-size:.78rem;line-height:1.6;color:var(--ink-soft)}.pj-fact[data-v-443e20f0]{display:flex;gap:.55rem}.pj-fact dt[data-v-443e20f0]{flex:none;min-width:2.4em;font-size:.75rem;color:var(--muted)}.pj-fact dd[data-v-443e20f0]{margin:0}.pj-list[data-v-443e20f0]{margin:0;padding-left:1.05rem;display:flex;flex-direction:column;gap:.24rem;font-size:.8rem;line-height:1.7;color:var(--ink-soft)}.pj-list li[data-v-443e20f0]::marker{color:var(--accent)}:root{--void: #0a0c12;--sky: #0d1018;--glass-tint: 13, 17, 26;--glass-blur: 28px;--noise-soft: 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='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .86);--muted: rgba(255, 255, 255, .64);--faint: rgba(255, 255, 255, .42);--line: rgba(255, 255, 255, .1);--line-hi: rgba(255, 255, 255, .26);--accent: #8AB4F8;--title: #ffffff;--dim: .84;--r-sm: 10px;--r: 16px;--r-lg: 22px;--r-xl: 30px;--sh-1: 2px 1px 2px rgba(3, 5, 10, .32), 2px 6px 18px -8px rgba(3, 5, 10, .4);--sh-2: 3px 2px 6px rgba(3, 5, 10, .32), 3px 18px 44px -18px rgba(3, 5, 10, .5);--sh-3: 4px 4px 12px rgba(3, 5, 10, .36), 4px 34px 80px -26px rgba(3, 5, 10, .54);--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.55, .06, .68, .19);--ease-io: cubic-bezier(.83, 0, .17, 1);--ease-spring: cubic-bezier(.3, 1.36, .38, 1);--t-fast: .16s;--t: .28s;--t-slow: .62s;--u: 1;--noise: 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='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");--cam-x: 0deg;--cam-y: 0deg;--px: 0;--py: 0;--f-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--f-pixel: "Press Start 2P", ui-monospace, monospace;--f-digital: "Digital", ui-monospace, monospace;--f-serif: "Songti SC", "STSong", "SimSun", serif}@font-face{font-family:"Press Start 2P";src:url(../fonts/press-start-2p.woff2) format("woff2");font-display:swap}@font-face{font-family:Digital;src:url(../fonts/digital.woff2) format("woff2");font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--void);color:var(--ink);font-family:var(--f-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none}#app{height:100%}::selection{background:color-mix(in srgb,var(--accent) 45%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--sky);transition:background-color 1.2s var(--ease)}.backdrop img{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;object-fit:cover;opacity:0;filter:blur(var(--wall-blur, 0px));transform:translate3d(calc(var(--px) * -16px),calc(var(--py) * -12px),0) scale(1.04);scale:var(--warp, 1);transition:opacity .8s var(--ease),scale .72s cubic-bezier(.22,.61,.21,1);will-change:transform}.backdrop img.is-loaded{opacity:calc(var(--dim) * 1.1)}.backdrop .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a104d,#080a1014 36%,#080a102e 72%,#080a1061),radial-gradient(86% 74% at 50% 44%,#080a1000,#080a1029)}.aurora{position:absolute;left:-14%;top:-20%;width:62vmax;height:62vmax;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 9%,transparent) 40%,transparent 66%);opacity:.4;animation:aurora-a 64s ease-in-out infinite alternate;will-change:transform}.aurora--b{left:auto;right:-20%;top:auto;bottom:-28%;width:74vmax;height:74vmax;background:radial-gradient(circle at 50% 50%,rgba(255,208,168,.14),rgba(255,208,168,.045) 42%,transparent 68%);opacity:.5;animation:aurora-b 88s ease-in-out infinite alternate}@keyframes aurora-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(16vw,9vh,0) scale(1.16)}}@keyframes aurora-b{0%{transform:translateZ(0) scale(1.08)}to{transform:translate3d(-13vw,-11vh,0) scale(.94)}}.backdrop:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(44% 40% at calc(50% + var(--px) * 22%) calc(32% + var(--py) * 18%),color-mix(in srgb,var(--accent) 30%,transparent),transparent 62%);opacity:.16}.backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(118% 96% at 50% 44%,transparent 46%,rgba(0,0,0,.32) 100%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:var(--noise);opacity:.03}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;perspective:1200px;perspective-origin:50% 48%;transform-style:preserve-3d;transition:scale .45s var(--ease)}.stage.is-behind{scale:.982}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.act{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;padding:calc(22px * var(--u)) calc(30px * var(--u)) calc(112px * var(--u));opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(calc(var(--dir, 1) * 6%),0,-260px) rotateY(calc(var(--dir, 1) * -4deg));transform-origin:50% 50%;transition:transform .52s cubic-bezier(.42,0,.78,.36),opacity .2s linear .02s,visibility 0s linear .52s;transform-style:preserve-3d;will-change:transform,opacity}.act.is-past{transform:translate3d(calc(var(--dir, 1) * -10%),0,120px) rotateY(calc(var(--dir, 1) * 6deg))}.act.is-future{transform:translate3d(calc(var(--dir, 1) * 6%),0,-260px) rotateY(calc(var(--dir, 1) * -4deg))}.act.is-current{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:transform .72s cubic-bezier(.16,1,.3,1) .02s,opacity .16s linear .04s,visibility 0s}.act-inner{width:100%;max-width:min(1360px,94vw);max-height:100%;transform:translate3d(calc(var(--px, 0) * 22px),calc(var(--py, 0) * 13px),0);transform-style:preserve-3d}.act--hero{--tilt: .6}.act--profile{--tilt: .7}.act--skills{--tilt: .8}.act--showcase{--tilt: .9}.act--walls{--tilt: 1}.st{--sd: calc(var(--i, 0) * 70ms);transition:translate .62s var(--ease-out) var(--sd),scale .62s var(--ease-out) var(--sd),opacity .42s linear var(--sd),box-shadow var(--t) var(--ease)}.act.is-current .st{--sd: calc(.12s + var(--i, 0) * 70ms)}.act.is-past .st{opacity:0;translate:calc(var(--dir, 1) * -56px) 10px;scale:.965;--sd: calc(var(--i, 0) * 40ms)}.act.is-future .st{opacity:0;translate:calc(var(--dir, 1) * 52px) 18px;scale:.95;--sd: calc(var(--i, 0) * 40ms)}.depth{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-style:preserve-3d;transform:translate3d(calc(var(--px, 0) * -18px),calc(var(--py, 0) * -12px),0)}.depth-dot{position:absolute;left:var(--x);top:var(--y);width:var(--sz);height:var(--sz);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 72%);transform:translateZ(var(--z));opacity:var(--o);animation:depth-drift var(--d) ease-in-out var(--dl) infinite alternate}.depth-dot--acc{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 80%,transparent),transparent 72%)}.depth-dot--bokeh{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 26%,transparent),transparent 68%)}@keyframes depth-drift{0%{translate:0 0}to{translate:var(--dx) var(--dy)}}.glass{position:relative;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.08);background:var(--noise-soft),linear-gradient(180deg,rgba(var(--glass-tint),.12),rgba(var(--glass-tint),.17) 48%,rgba(var(--glass-tint),.22));backdrop-filter:blur(var(--glass-blur, 28px)) saturate(175%);-webkit-backdrop-filter:blur(var(--glass-blur, 28px)) saturate(175%);box-shadow:0 0 0 1px #02040861,2px 1px 2px #03050a42,2px 10px 24px -12px #03050a5c,4px 26px 60px -28px color-mix(in srgb,var(--accent) 14%,rgba(3,5,10,.5)),inset 0 0 44px #03050a1a,inset 0 1px #ffffff1f,inset 0 -1px #0006;overflow:hidden;transition:box-shadow var(--t) var(--ease)}.glass{--refl-x: 0deg;--refl-y: 0deg;--par-x: 0;--par-y: 0}.glass:hover,.glass:focus-within{--refl-x: var(--cam-x);--refl-y: var(--cam-y);--par-x: var(--px);--par-y: var(--py)}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;padding:1px;background:linear-gradient(calc(148deg + var(--refl-x) * 2.4 + var(--refl-y) * 1.6),#ffffff61,#ffffff14 22%,#fff0 44%,#ffffff0a 74%,#ffffff2e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(190px 190px at var(--mx, -300px) var(--my, -300px),rgba(255,255,255,.16),transparent 72%),radial-gradient(38% 46% at calc(30% + var(--par-x) * 30%) calc(24% + var(--par-y) * 26%),rgba(255,255,255,.18),transparent 70%),linear-gradient(118deg,transparent 34%,rgba(255,255,255,.05) 48%,transparent 62%),linear-gradient(162deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.09),transparent 14%);opacity:.88;transition:opacity var(--t) var(--ease);pointer-events:none}.glass:hover{box-shadow:0 0 0 1px #0204086b,2px 2px 6px #03050a52,2px 12px 28px -12px #03050a75,4px 30px 66px -28px color-mix(in srgb,var(--accent) 20%,rgba(3,5,10,.55)),inset 0 0 44px #03050a2e,inset 0 1px #ffffff42,inset 0 -1px #00000073}.glass:hover:after{opacity:1}.glass--front{background:var(--noise-soft),linear-gradient(180deg,rgba(var(--glass-tint),.1),rgba(var(--glass-tint),.14) 48%,rgba(var(--glass-tint),.2))}.glass--front:after{background:radial-gradient(38% 46% at calc(30% + var(--par-x) * 30%) calc(24% + var(--par-y) * 26%),rgba(255,255,255,.15),transparent 70%),linear-gradient(118deg,transparent 34%,rgba(255,255,255,.05) 48%,transparent 62%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 15%)}.glass--quiet{background:var(--noise-soft),linear-gradient(180deg,rgba(var(--glass-tint),.22),rgba(var(--glass-tint),.28) 48%,rgba(var(--glass-tint),.36));backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);box-shadow:0 0 0 1px #02040873,2px 1px 2px #03050a47,2px 10px 24px -12px #03050a6b,inset 0 1px #ffffff1f,inset 0 -1px #00000073}.soft-rule{position:relative;z-index:1;height:1px;border:0;margin:calc(14px * var(--u)) 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}.social-row{position:relative;z-index:1;margin-top:calc(14px * var(--u));display:flex;gap:8px;flex-wrap:wrap}.slab-label{position:relative;z-index:1;font-size:max(11px,calc(11px * var(--u)));font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;margin-bottom:calc(12px * var(--u))}.act--hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(44% 58% at 50% 50%,rgba(6,8,14,.34),rgba(6,8,14,.13) 64%,transparent 84%),linear-gradient(180deg,rgba(6,8,14,.34),transparent 24%,transparent 68%,rgba(6,8,14,.4))}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(20px * var(--u))}.orb{position:relative;width:clamp(168px,21vmin,268px);aspect-ratio:1;display:grid;place-items:center;cursor:pointer;transform:rotateY(calc(var(--px, 0) * 5deg)) rotateX(calc(var(--py, 0) * -5deg));animation:hero-orb-in .7s var(--ease-out) .08s backwards,orb-float 6.4s ease-in-out infinite alternate}@keyframes orb-float{0%{translate:0 -5px}to{translate:0 7px}}@keyframes hero-orb-in{0%{opacity:0;transform:scale(.86) translateY(14px)}}.orb:after{content:"";position:absolute;left:50%;bottom:-26px;width:58%;height:16px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(3,5,10,.5),transparent 78%);animation:orb-shadow 6.4s ease-in-out infinite alternate;pointer-events:none}@keyframes orb-shadow{0%{transform:scale(1.06);opacity:.55}to{transform:scale(.9);opacity:.32}}.orb-halo{position:absolute;top:-46%;right:-46%;bottom:-46%;left:-46%;border-radius:50%;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 64%);filter:blur(18px);opacity:.42;pointer-events:none;transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}.orb:hover .orb-halo{opacity:.8;transform:scale(1.06)}.orb{--orb-tilt: 0deg;--orb-par-x: 0;--orb-par-y: 0}.orb:hover{--orb-tilt: var(--cam-x);--orb-par-x: var(--px);--orb-par-y: var(--py)}.orb-ring{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;background:conic-gradient(from calc(var(--orb-tilt) * 8),transparent 0deg,color-mix(in srgb,var(--accent) 62%,transparent) 40deg,transparent 92deg,transparent 214deg,rgba(255,255,255,.55) 262deg,transparent 316deg);-webkit-mask:radial-gradient(circle,transparent 61%,#000 62%);mask:radial-gradient(circle,transparent 61%,#000 62%);opacity:.85;pointer-events:none}.orb-glass{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#ffffff0f;box-shadow:inset 0 1px #ffffff57,inset 0 -2px 6px #0000004d,0 26px 70px -28px #03050ab8,0 0 0 1px #ffffff24}.orb-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(44% 32% at calc(30% + var(--orb-par-x) * 20%) calc(20% + var(--orb-par-y) * 16%),rgba(255,255,255,.34),transparent 70%),radial-gradient(70% 60% at 50% 118%,rgba(0,0,0,.46),transparent 62%);pointer-events:none}.orb-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform var(--t-slow) var(--ease)}.orb.playing .orb-img{animation:spin 18s linear infinite}@keyframes spin{to{transform:scale(1.02) rotate(360deg)}}.orb-controls{position:absolute;left:50%;bottom:-16px;translate:-50% 0;display:flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:#090c13d1;border:1px solid var(--line);box-shadow:var(--sh-1);opacity:0;transform:translateY(6px) scale(.94);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);pointer-events:none}.orb:hover .orb-controls,.orb:focus-within .orb-controls{opacity:1;transform:none;pointer-events:auto}@media (pointer: coarse){.orb-controls{opacity:1;transform:none;pointer-events:auto}}.hero-copy{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center}.hero-copy:before{content:"";position:absolute;top:-130%;right:-22%;bottom:-130%;left:-22%;z-index:-1;background:radial-gradient(54% 52% at 50% 48%,rgba(6,8,14,.34),rgba(6,8,14,.29) 20%,rgba(6,8,14,.22) 38%,rgba(6,8,14,.15) 54%,rgba(6,8,14,.09) 68%,rgba(6,8,14,.04) 82%,rgba(6,8,14,.012) 92%,transparent 100%);pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:calc(14px * var(--u));font-size:max(10px,calc(10px * var(--u)));letter-spacing:.3em;text-transform:uppercase;color:var(--muted);animation:hero-fade-in .5s var(--ease-out) .22s backwards}.ht-ch{display:inline-block;white-space:pre;animation:hero-char-in .55s var(--ease-out) backwards;animation-delay:calc(.45s + var(--ci, 0) * 45ms)}@keyframes hero-char-in{0%{opacity:0;transform:translateY(.4em);filter:blur(6px)}}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(10px)}}.hero-eyebrow:before,.hero-eyebrow:after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 70%,transparent))}.hero-eyebrow:after{transform:scaleX(-1)}.hero-title{font-family:var(--f-pixel);font-size:clamp(1.4rem,2.6vw + .9rem,4.2rem);line-height:1.3;color:var(--title);text-shadow:0 2px 0 rgba(8,10,16,.5),0 14px 34px rgba(8,10,16,.38),0 0 46px color-mix(in srgb,var(--accent) 32%,transparent);margin:0;letter-spacing:.01em;white-space:nowrap}.hero-type{font-size:max(14px,calc(16px * var(--u)));color:var(--ink-soft);letter-spacing:.06em;min-height:1.9em;margin:calc(14px * var(--u)) 0 0;animation:hero-fade-in .55s var(--ease-out) 1.15s backwards}.caret{display:inline-block;width:1px;height:1.05em;margin-left:3px;translate:0 2px;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 70%,transparent);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero-meta{display:flex;gap:12px;align-items:center;font-size:max(10.5px,calc(11px * var(--u)));letter-spacing:.16em;text-transform:uppercase;color:var(--muted);animation:hero-fade-in .55s var(--ease-out) 1.32s backwards}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;animation:hero-fade-in .55s var(--ease-out) 1.42s backwards}.hero-social{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ink-soft);background:#ffffff12;border:1px solid var(--line);transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.hero-social:hover{color:var(--ink);background-color:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 4px 14px -6px color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-2px)}.hero-actions-sep{width:1px;height:16px;background:var(--faint)}.hero-meta i{width:24px;height:1px;background:var(--faint);display:block}.profile{display:grid;grid-template-columns:minmax(200px,.74fr) minmax(0,2.1fr) minmax(220px,.8fr);gap:calc(24px * var(--u));height:100%;max-height:100%;align-items:stretch;perspective:1400px;perspective-origin:50% 46%}.act--profile .act-inner{height:100%;max-height:100%}.pro-side{display:flex;flex-direction:column;gap:calc(14px * var(--u));min-height:0;transform:translateZ(-26px)}.pro-note{flex:1}.pro-note .note-text{display:block}.pro-foot{margin-top:auto;padding-top:calc(12px * var(--u));border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;gap:10px}.pro-foot .stamp-bar{margin-bottom:.55em}.pro-social{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pro-music-hint{margin:auto 0 calc(4px * var(--u));font-size:max(11px,calc(11.5px * var(--u)));line-height:1.9;letter-spacing:.06em;color:var(--faint)}.upd{margin-top:calc(12px * var(--u));display:flex;flex-direction:column}.upd-row{display:flex;align-items:center;gap:12px;padding:calc(6px * var(--u)) 0;border-top:1px solid rgba(255,255,255,.06)}.upd-row:first-of-type{border-top:0}.upd-date{flex:none;font-variant-numeric:tabular-nums;font-size:max(10.5px,calc(11px * var(--u)));color:var(--ink-soft);letter-spacing:.08em}.upd-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent)}.sutra-stage{position:relative;display:flex;flex-direction:column;min-height:0;transform:translateZ(10px)}.sutra-label{display:flex;align-items:center;gap:12px;margin-bottom:calc(14px * var(--u));font-size:max(11px,calc(11.5px * var(--u)));font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#ffffffb8}.sutra-label i{width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34))}.sutra-label i:last-child{transform:scaleX(-1)}.sutra-vp{flex:1;min-height:0;writing-mode:vertical-rl;overflow-x:auto;overflow-y:hidden;padding:calc(10px * var(--u)) 0;font-family:var(--f-serif);font-size:max(15px,calc(17px * var(--u)));line-height:2.35;letter-spacing:.14em;color:var(--ink-soft);text-shadow:0 1px 8px rgba(5,7,12,.6);cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);scrollbar-width:none}.sutra-vp:active{cursor:grabbing}.sutra-vp::-webkit-scrollbar{width:0;height:0}.sutra-vp p{margin:0 0 0 1.5em}.sutra-stage:before{content:"";position:absolute;top:-12%;right:-14%;bottom:-12%;left:-14%;z-index:-1;background:radial-gradient(52% 54% at 50% 50%,rgba(6,8,14,.4),rgba(6,8,14,.3) 30%,rgba(6,8,14,.18) 52%,rgba(6,8,14,.07) 72%,transparent 90%);pointer-events:none}.sutra-hint{margin-top:calc(10px * var(--u));text-align:center;font-size:max(10px,calc(10px * var(--u)));letter-spacing:.16em;text-transform:uppercase;color:#ffffff7a}.sutra-progress{position:relative;height:2px;width:42%;margin:calc(12px * var(--u)) auto 0;border-radius:2px;background:#ffffff1a;pointer-events:none}.sutra-progress i{position:absolute;top:0;bottom:0;width:30%;border-radius:2px;background:color-mix(in srgb,var(--accent) 72%,white 8%);transition:left .18s var(--ease)}.hint-touch.sutra-hint{display:none}@media (pointer: coarse){.hint-pointer.sutra-hint{display:none}.hint-touch.sutra-hint{display:block}}.act--skills .act-inner{height:100%;max-height:100%}.skill-stage{position:relative;display:flex;flex-direction:column;height:100%;max-height:100%}.skill-head{flex:none;display:flex;align-items:baseline;justify-content:center;gap:14px;margin-bottom:calc(8px * var(--u));font-size:max(11px,calc(11.5px * var(--u)));font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);align-self:center;max-width:100%;padding:calc(4px * var(--u)) calc(14px * var(--u));border-radius:999px;background:rgba(var(--glass-tint),.68);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14}.skill-head i{width:30px;height:1px;align-self:center;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3))}.skill-head-sub{font-weight:400;letter-spacing:.14em;color:var(--muted);text-transform:none}.skill-foot{flex:none;text-align:center}.model-info{display:flex;flex-direction:column;gap:4px;max-width:min(860px,92%);margin:0 auto;padding:calc(10px * var(--u)) calc(18px * var(--u));border-radius:var(--r);text-align:left;background:rgba(var(--glass-tint),.3);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1a,4px 14px 34px -18px #03050a73}.model-info--empty{align-items:center;text-align:center;color:var(--faint);font-size:max(10px,calc(10.5px * var(--u)));letter-spacing:.1em}.model-info-head{display:flex;align-items:baseline;gap:10px}.model-info-name{font-size:max(14px,calc(15px * var(--u)));font-weight:650;color:var(--ink)}.model-info-vendor{font-size:max(10px,calc(10.5px * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.model-info-score{margin-left:auto;font-family:var(--f-digital);font-size:max(14px,calc(16px * var(--u)));color:color-mix(in srgb,var(--accent) 70%,white 30%);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent);font-variant-numeric:tabular-nums}.model-info-text{margin:0;font-size:max(11.5px,calc(12.5px * var(--u)));line-height:1.75;color:var(--ink-soft)}.model-info-enter-active,.model-info-leave-active{transition:opacity .18s var(--ease),translate .18s var(--ease)}.model-info-enter-from,.model-info-leave-to{opacity:0;translate:0 6px}.act--showcase .act-inner{height:100%;max-height:100%}.show-wrap{display:flex;flex-direction:column;height:100%;max-height:100%}.show-head{flex:none;display:flex;align-items:baseline;justify-content:center;gap:14px;margin-bottom:calc(14px * var(--u));font-size:max(11px,calc(11.5px * var(--u)));letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.show-head i{width:28px;height:1px;align-self:center;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3))}.show-head b{color:var(--accent);font-weight:500}.show-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:calc(20px * var(--u));perspective:1500px;perspective-origin:50% 46%;transform-style:preserve-3d}.show-card{--sd: calc(.12s + var(--i, 0) * 70ms);position:relative;display:flex;flex-direction:column;min-height:0;border-radius:var(--r-lg);overflow:hidden;text-align:left;background:var(--noise-soft),linear-gradient(180deg,rgba(var(--glass-tint),.2),rgba(var(--glass-tint),.26) 52%,rgba(var(--glass-tint),.34));backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #02040873,2px 10px 24px -12px #03050a7a,4px 30px 60px -28px color-mix(in srgb,var(--accent) 12%,rgba(3,5,10,.55)),inset 0 1px #ffffff29;transform:rotateY(var(--arc, 0deg)) translateZ(var(--pop, 0px));transition:translate .62s var(--ease-out) var(--sd),scale .62s var(--ease-out) var(--sd),opacity .42s linear var(--sd),transform .22s var(--ease-out),border-color var(--t) var(--ease),box-shadow .4s var(--ease)}.show-card:nth-child(1){--arc: 7deg}.show-card:nth-child(3){--arc: -7deg}.show-card:nth-child(2){--pop: 34px;z-index:2}.show-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(240px 240px at var(--smx, 50%) var(--smy, 50%),rgba(255,255,255,.16),transparent 70%);transition:opacity var(--t) var(--ease)}.show-card:hover,.show-card:focus-visible{transform:rotateY(calc(var(--arc, 0deg) * .3 + var(--sry, 0deg))) rotateX(var(--srx, 0deg)) translateZ(30px);border-color:var(--line-hi);box-shadow:0 0 0 1px #02040880,2px 16px 34px -14px #03050a94,4px 44px 90px -30px color-mix(in srgb,var(--accent) 16%,rgba(3,5,10,.66)),inset 0 1px #ffffff38}.show-card:hover:before,.show-card:focus-visible:before{opacity:1}.show-card:focus-visible{outline-offset:-3px}.show-img{position:relative;display:block;flex:none;height:58%;min-height:0;overflow:hidden}.show-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .6s var(--ease)}.show-card:hover .show-img img{transform:scale(1.055)}.show-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 58%,rgba(10,13,21,.55) 100%)}.show-info{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:calc(6px * var(--u));padding:calc(13px * var(--u)) calc(16px * var(--u)) calc(14px * var(--u))}.show-kicker{font-size:max(9.5px,calc(10px * var(--u)));letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}.show-title{font-size:max(14px,calc(16px * var(--u)));font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.show-sub{font-size:max(11px,calc(12px * var(--u)));color:var(--muted)}.show-text{font-size:max(11px,calc(11.5px * var(--u)));line-height:1.8;color:var(--ink-soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.show-go{margin-top:calc(8px * var(--u));display:inline-flex;align-items:center;gap:6px;font-size:max(11px,calc(11.5px * var(--u)));color:var(--accent);letter-spacing:.04em}.show-card:hover .show-go{color:var(--ink)}.show-go svg{transition:transform var(--t) var(--ease)}.show-card:hover .show-go svg{transform:translate(3px)}.show-foot{flex:none;margin-top:calc(16px * var(--u));display:flex;align-items:center;gap:calc(18px * var(--u))}.show-upd{flex:none;display:flex;align-items:center;gap:calc(12px * var(--u));margin-top:calc(-4px * var(--u))}.show-upd-label{flex:none;font-size:max(9.5px,calc(10px * var(--u)));letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,white 10%);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 40%,transparent)}.show-upd-line{flex:1;height:1px;background:linear-gradient(90deg,#fff3,#ffffff0f)}.show-upd-dates{flex:none;font-size:max(10px,calc(10.5px * var(--u)));letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums}.show-foot .stamp{margin:0;flex:1;border-top:0;padding-top:0}.show-more{flex:none}.slab-pad{padding:calc(16px * var(--u)) calc(18px * var(--u));display:flex;flex-direction:column;min-height:0}.tag-row{display:flex;flex-wrap:wrap;gap:calc(7px * var(--u));position:relative;z-index:1}.tag{padding:.34em .86em;border-radius:999px;font-size:max(11px,calc(12.5px * var(--u)));color:var(--ink-soft);background:#ffffff12;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff17;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.tag:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background-color:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 0 1px #ffffff24,0 4px 14px -6px color-mix(in srgb,var(--accent) 45%,transparent)}.ring-wrap{position:relative;z-index:1;flex:1;min-height:0;perspective:1100px;perspective-origin:50% 44%;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ring-wrap:active{cursor:grabbing}.ring-wrap:before{content:"";position:absolute;left:50%;top:50%;width:var(--disc, 380px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:radial-gradient(closest-side,rgba(8,10,16,.34) 0%,rgba(8,10,16,.13) 55%,transparent 76%),repeating-radial-gradient(closest-side,transparent 0 46px,rgba(255,255,255,.05) 46px 47px),repeating-conic-gradient(from 0deg,rgba(255,255,255,.055) 0deg .4deg,transparent .4deg 18deg),radial-gradient(closest-side,color-mix(in srgb,var(--accent) 20%,transparent) 0%,color-mix(in srgb,var(--accent) 8%,transparent) 52%,transparent 78%);transform:rotateX(calc(90deg + var(--rx, -38deg)));pointer-events:none}.ring{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(var(--rx, -38deg)) rotateY(var(--spin, 0deg))}.ring-sweep{position:absolute;left:50%;top:50%;width:calc(var(--disc, 380px) * 1.04);aspect-ratio:1;translate:-50% -50%;transform:rotateX(calc(90deg + var(--rx, -38deg)));pointer-events:none}.ring-sweep:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--accent) 38%,transparent) 24deg,transparent 62deg);-webkit-mask:radial-gradient(circle,transparent 54%,#000 56%);mask:radial-gradient(circle,transparent 54%,#000 56%);animation:sweep-spin 11s linear infinite}@keyframes sweep-spin{to{transform:rotate(360deg)}}.comet{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(circle,#fff,color-mix(in srgb,var(--accent) 75%,transparent) 55%,transparent 75%);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 85%,transparent),0 0 26px color-mix(in srgb,var(--accent) 40%,transparent);transform:rotateY(var(--ca, 0deg)) translateZ(var(--radius, 170px));animation:comet-orbit var(--cd, 16s) linear infinite;pointer-events:none}.comet:before{content:"";position:absolute;left:0;top:50%;width:34px;height:2px;translate:-100% -50%;border-radius:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 75%,transparent))}.comet--b{--ca: 214deg;animation-duration:23s;animation-direction:reverse}.comet--b:before{translate:0 -50%;background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--accent) 75%,transparent))}@keyframes comet-orbit{0%{transform:rotateY(var(--ca, 0deg)) translateZ(var(--radius, 170px))}to{transform:rotateY(calc(var(--ca, 0deg) + 360deg)) translateZ(var(--radius, 170px))}}.ring-pulse{position:absolute;left:50%;top:50%;width:var(--disc, 380px);aspect-ratio:1;translate:-50% -50%;transform:rotateX(calc(90deg + var(--rx, -38deg)));pointer-events:none}.ring-pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 85%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 0 22px color-mix(in srgb,var(--accent) 35%,transparent);animation:ring-pulse .7s var(--ease-out) forwards}@keyframes ring-pulse{0%{scale:.25;opacity:.95}to{scale:1.12;opacity:0}}.bar{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transform-style:preserve-3d;transform:rotateY(var(--a)) translateZ(var(--radius, 150px));cursor:pointer;padding:0;border:0;background:none;color:inherit;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.bar-face{position:absolute;left:50%;bottom:0;width:calc(20px * var(--u));margin-left:calc(-10px * var(--u));border-radius:7px 7px 4px 4px;transform-origin:50% 100%;transform:rotateY(calc(-1 * var(--a) - var(--spin, 0deg)));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,white 28%),color-mix(in srgb,var(--accent) 52%,transparent) 42%,color-mix(in srgb,var(--accent) 58%,transparent) 80%,color-mix(in srgb,var(--accent) 34%,transparent));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff73,0 0 calc(9px + var(--lit, .6) * 15px) color-mix(in srgb,var(--accent) calc(16% + var(--lit, .6) * 26%),transparent);height:var(--h);animation:bar-breathe 4.6s var(--ease-io) infinite;animation-delay:calc(var(--a) / 360deg * -4.6s);transition:height .6s var(--ease),filter var(--t-fast) var(--ease),translate .32s var(--ease-out),box-shadow .32s var(--ease)}.bar-face:before{content:"";position:absolute;left:16%;top:4%;bottom:8%;width:3px;border-radius:2px;background:linear-gradient(180deg,#ffffff8c,#ffffff0d);pointer-events:none}.bar-face:after{content:"";position:absolute;inset:auto 0 0 0;height:20%;border-radius:inherit;background:linear-gradient(180deg,transparent,rgba(6,8,14,.24));pointer-events:none}@keyframes bar-breathe{0%,to{scale:1 1}50%{scale:1 1.045}}.bar:hover .bar-face,.bar:focus-visible .bar-face{filter:brightness(1.22);box-shadow:inset 0 1px #fff9,inset 3px 0 7px #ffffff47,inset -3px 0 7px #03050a57,0 0 20px color-mix(in srgb,var(--accent) 55%,transparent)}.bar:before{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;translate:-50% -50%;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 80%,white 20%);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 0 12px color-mix(in srgb,var(--accent) 32%,transparent);opacity:0;scale:.7;transition:opacity var(--t) var(--ease),scale var(--t) var(--ease);pointer-events:none}.bar.is-selected:before,.bar:focus-visible:before{opacity:.95;scale:1}.bar:focus-visible{outline:none}.bar.is-selected .bar-face,.bar:focus-visible .bar-face{filter:brightness(1.3) saturate(1.06);box-shadow:inset 0 1px #fff9,inset 3px 0 7px #ffffff47,inset -3px 0 7px #03050a57,0 0 24px color-mix(in srgb,var(--accent) 62%,transparent)}.bar:focus-visible .bar-face{translate:0 -7px}.bar.is-selected .bar-tag,.bar:focus-visible .bar-tag{color:var(--ink);background:color-mix(in srgb,var(--accent) 32%,rgba(10,14,22,.86));border-color:color-mix(in srgb,var(--accent) 62%,transparent)}.ring:has(.bar:focus-visible) .bar:not(:focus-visible) .bar-face{filter:brightness(.76) saturate(.88)}@media (pointer: coarse){.bar:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%}}.ring:has(.bar:hover) .bar:not(:hover) .bar-face{filter:brightness(.72) saturate(.85)}.bar-tag{position:absolute;left:50%;bottom:calc(var(--h) + 7px);translate:-50% 0;padding:2px 7px;border-radius:999px;white-space:nowrap;font-size:max(9px,calc(9.5px * var(--u)));letter-spacing:.02em;color:var(--ink-soft);background:#0a0e16bd;border:1px solid rgba(255,255,255,.1);transform:rotateY(calc(-1 * var(--a) - var(--spin, 0deg))) rotateX(calc(-1 * var(--rx, -38deg)));transform-origin:50% 100%;pointer-events:none}.ring-readout{position:absolute;z-index:5;left:50%;top:50%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;text-align:center;width:46%}.holo-beam{position:absolute;left:50%;top:50%;width:calc(150px * var(--u));height:calc(180px * var(--u));translate:-50% -52%;z-index:-1;border-radius:50%;background:radial-gradient(42% 52% at 50% 58%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%);pointer-events:none}.holo-beam:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 13px,rgba(255,255,255,.16) 13px 14px,transparent 14px 28px);-webkit-mask-image:radial-gradient(46% 46% at 50% 54%,#000,transparent 74%);mask-image:radial-gradient(46% 46% at 50% 54%,#000,transparent 74%);animation:holo-rise 2.6s linear infinite}@keyframes holo-rise{to{background-position:0 -28px}}.ring-readout:before,.ring-readout:after{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:-1;border-radius:50%;pointer-events:none}.ring-readout:before{width:calc(150px * var(--u));height:calc(150px * var(--u));border:1px dashed rgba(255,255,255,.2);animation:core-spin 26s linear infinite}.ring-readout:after{width:calc(104px * var(--u));height:calc(104px * var(--u));border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);animation:core-spin-rev 17s linear infinite}@keyframes core-spin{to{rotate:360deg}}@keyframes core-spin-rev{to{rotate:-360deg}}.readout-name{font-size:max(10px,calc(10.5px * var(--u)));letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color var(--t) var(--ease)}.readout-val{font-family:var(--f-digital);font-size:calc(44px * var(--u));line-height:1;color:#ffffffe6;text-shadow:0 2px 18px rgba(6,8,14,.5),0 0 30px color-mix(in srgb,var(--accent) 38%,transparent);transition:color var(--t) var(--ease)}.ring-readout.is-live .readout-name{color:var(--ink);letter-spacing:.1em}.ring-readout.is-live .readout-val{color:color-mix(in srgb,var(--accent) 70%,white 30%);text-shadow:0 2px 18px rgba(6,8,14,.5),0 0 34px color-mix(in srgb,var(--accent) 60%,transparent)}.track.is-on .np-bars i{background:var(--accent);animation:np 1.1s var(--ease-io) infinite}.track.is-on .np-bars i:nth-child(1){animation-delay:-.2s}.track.is-on .np-bars i:nth-child(2){animation-delay:-.5s}.track.is-on .np-bars i:nth-child(3){animation-delay:-.8s}.np-progress{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:calc(2px * var(--u))}.np-time{flex:none;width:34px;text-align:center;font-size:max(9.5px,calc(10px * var(--u)));color:var(--faint);font-variant-numeric:tabular-nums}.np-progress i{flex:1;display:block;height:2px;border-radius:2px;background:#ffffff1f;overflow:hidden}.np-progress b{display:block;height:100%;background:color-mix(in srgb,var(--accent) 80%,white 10%);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent);transition:width .3s linear}.clock{text-align:center;padding:calc(18px * var(--u)) calc(12px * var(--u))}.clock-time{position:relative;z-index:1;font-family:var(--f-digital);font-size:calc(var(--u) * 38px);letter-spacing:.04em;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 2px 12px rgba(6,8,14,.5),0 0 22px color-mix(in srgb,var(--accent) 42%,transparent)}.clock-date{position:relative;z-index:1;margin-top:.5rem;font-size:max(11px,calc(11px * var(--u)));color:var(--muted);letter-spacing:.06em}.clock-ambient{position:relative;z-index:1;margin-top:calc(12px * var(--u));display:inline-flex;align-items:center;gap:8px;font-size:max(10px,calc(10px * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.clock-ambient b{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:breathe 3.6s var(--ease-io) infinite}@keyframes breathe{50%{opacity:.35}}.note-text{position:relative;z-index:1;margin:0 0 .4rem;font-size:max(11.5px,calc(12.5px * var(--u)));line-height:1.9;color:var(--ink-soft)}.now-playing{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:calc(12px * var(--u));padding:calc(9px * var(--u)) calc(11px * var(--u));border-radius:var(--r-sm);text-align:left;background:#ffffff0b;border:1px solid var(--line);transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.now-playing:hover{background-color:#ffffff17;border-color:var(--line-hi)}.np-bars{display:flex;align-items:flex-end;gap:2px;height:12px;flex:none}.np-bars i{width:2px;height:4px;border-radius:1px;background:var(--muted);transition:background-color var(--t) var(--ease),height var(--t) var(--ease)}.np-bars i:nth-child(1){height:5px}.np-bars i:nth-child(2){height:9px}.np-bars i:nth-child(3){height:6px}.now-playing.is-on .np-bars i{background:var(--accent);animation:np 1.1s var(--ease-io) infinite}.now-playing.is-on .np-bars i:nth-child(1){animation-delay:-.2s}.now-playing.is-on .np-bars i:nth-child(2){animation-delay:-.5s}.now-playing.is-on .np-bars i:nth-child(3){animation-delay:-.8s}@keyframes np{0%,to{height:4px}50%{height:12px}}.np-text{min-width:0;font-size:max(10.5px,calc(10.5px * var(--u)));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-text b{display:block;font-weight:500;font-size:max(9.5px,calc(9.5px * var(--u)));letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.stamp{position:relative;z-index:1;margin-top:calc(16px * var(--u));padding-top:calc(14px * var(--u));border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;justify-content:space-between;gap:10px;font-size:max(10.5px,calc(11px * var(--u)));color:var(--muted);letter-spacing:.04em}.stamp b{display:block;font-size:calc(17px * var(--u));color:var(--ink-soft);letter-spacing:.02em;font-weight:600;font-variant-numeric:tabular-nums}.stamp-bar{flex:1;height:1px;margin-bottom:.55em;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent)}.walls-act .act-inner{display:flex;flex-direction:column;height:100%;max-height:100%;transform-style:flat}.walls-head{position:relative;z-index:3;flex:none;display:flex;align-items:baseline;justify-content:center;gap:14px;margin-bottom:calc(10px * var(--u));font-size:max(11px,calc(11.5px * var(--u)));letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.walls-head b{color:var(--accent);font-weight:500;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.walls{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:calc(16px * var(--u));padding-top:5%;width:min(1260px,90vw);margin:0 auto;perspective:1500px;perspective-origin:50% 50%;transform-style:preserve-3d;transition:opacity .3s var(--ease),transform .4s var(--ease)}.walls.is-turning{opacity:0;transform:rotateY(calc(var(--td, 1) * -5deg)) translate(calc(var(--td, 1) * -22px)) scale(.99)}.wall{position:relative;display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);grid-auto-rows:minmax(0,1fr);gap:calc(10px * var(--u));min-height:0;height:100%;transform-style:preserve-3d;transition:transform .7s var(--ease)}.wall--l{transform-origin:right center;transform:rotateY(20deg) translateZ(-20px)}.wall--r{transform-origin:left center;transform:rotateY(-20deg) translateZ(-20px)}.walls:has(.wall--l :hover) .wall--l{transform:rotateY(13deg) translateZ(-10px)}.walls:has(.wall--r :hover) .wall--r{transform:rotateY(-13deg) translateZ(-10px)}.walls:has(.wall--l :focus-visible) .wall--l{transform:rotateY(13deg) translateZ(-10px)}.walls:has(.wall--r :focus-visible) .wall--r{transform:rotateY(-13deg) translateZ(-10px)}.wall:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:4;pointer-events:none;border-radius:var(--r)}.wall--l:after{background:linear-gradient(90deg,rgba(4,6,12,.2),transparent 30%)}.wall--r:after{background:linear-gradient(270deg,rgba(4,6,12,.2),transparent 30%)}.walls:after{content:"";position:absolute;top:-12%;right:-6%;bottom:-12%;left:-6%;pointer-events:none;background:radial-gradient(34% 46% at calc(50% + var(--px) * 34%) calc(50% + var(--py) * 30%),rgba(255,255,255,.05),transparent 68%)}.card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;text-align:left;border-radius:var(--r);overflow:hidden;background:linear-gradient(180deg,#10141e2e,#090c1370);border:1px solid rgba(255,255,255,.09);box-shadow:0 1px 2px #03050a4d,0 8px 20px -18px #03050a73,inset 0 1px #ffffff12;transform:translateZ(0) rotateX(var(--crx, 0deg)) rotateY(var(--cry, 0deg));transition:transform .14s var(--ease-out),border-color var(--t) var(--ease),box-shadow .42s var(--ease)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(150px 150px at var(--cmx, 50%) var(--cmy, 50%),rgba(255,255,255,.15),transparent 70%);transition:opacity var(--t) var(--ease)}.card:hover:before,.card:focus-visible:before{opacity:1}@property --sw{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.card:not(.card--ghost):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;padding:1px;background:conic-gradient(from var(--sw, 0deg),transparent 0deg,color-mix(in srgb,var(--accent) 80%,transparent) 44deg,rgba(255,255,255,.95) 62deg,transparent 118deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--t) var(--ease)}.card:hover,.card:focus-visible{transform:translateZ(34px) rotateX(var(--crx, 0deg)) rotateY(var(--cry, 0deg));border-color:var(--line-hi);box-shadow:0 18px 40px -16px #03050a99,inset 0 0 0 999px #ffffff13;z-index:2}.card:hover:after,.card:focus-visible:after{opacity:1;animation:card-sweep 1.5s linear infinite}@keyframes card-sweep{to{--sw: 360deg}}.card:focus-visible{outline-offset:-3px}.card-img{position:relative;flex:1;min-height:0;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .9s var(--ease),filter .4s var(--ease);filter:saturate(.96) contrast(1.03)}.card:hover .card-img img{transform:scale(1.05)}.card-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0a0e180a;background-image:linear-gradient(180deg,transparent 56%,rgba(8,10,16,.08) 74%,rgba(8,10,16,.2) 100%)}.card-body{position:absolute;inset:auto 0 0 0;z-index:2;padding:calc(30px * var(--u)) calc(12px * var(--u)) calc(10px * var(--u));background:linear-gradient(180deg,#090c1300,#090c136b 38%,#090c13cc);pointer-events:none}.card-title{font-size:max(11.5px,calc(13px * var(--u)));font-weight:600;color:var(--ink);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{margin-top:2px;font-size:max(10.5px,calc(10.5px * var(--u)));color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.is-lifted{visibility:hidden;pointer-events:none}.card--ghost{position:relative;align-items:center;justify-content:center;gap:calc(10px * var(--u));text-align:center;color:var(--ink-soft);background:radial-gradient(130% 92% at 50% 0%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%),linear-gradient(162deg,#1a233494,#090c13d1);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);box-shadow:0 1px 2px #03050a4d,0 8px 20px -18px #03050a73,inset 0 1px #ffffff14;transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease),color var(--t) var(--ease)}.card--ghost:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 60%,transparent);background-color:color-mix(in srgb,var(--accent) 10%,transparent);filter:none}.ghost-mark{display:grid;place-items:center;width:calc(46px * var(--u));height:calc(46px * var(--u));border-radius:50%;font-size:calc(22px * var(--u));font-weight:300;line-height:1;color:var(--ink-soft);border:1px solid rgba(255,255,255,.22);background:#ffffff0b;transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease),transform var(--t) var(--ease)}.card--ghost:hover .ghost-mark{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background-color:color-mix(in srgb,var(--accent) 18%,transparent);transform:rotate(90deg)}.ghost-text{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:max(11px,calc(11.5px * var(--u)));letter-spacing:.04em}.ghost-text b{font-weight:500;font-size:max(9.5px,calc(9.5px * var(--u)));letter-spacing:.2em;text-transform:uppercase;color:var(--faint);transition:color var(--t) var(--ease)}.card--ghost:hover .ghost-text b{color:var(--muted)}.walls-foot{flex:none;display:flex;align-items:center;justify-content:center;gap:calc(10px * var(--u));margin-top:calc(12px * var(--u));height:calc(36px * var(--u))}.page-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);background:#ffffff0f;border:1px solid var(--line);transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.page-btn:hover:not(:disabled){color:var(--ink);background-color:#ffffff1f;border-color:var(--line-hi)}.page-btn:active:not(:disabled){transform:scale(.94)}.page-btn:disabled{opacity:.3;cursor:default}@media (pointer: coarse){.page-btn{width:44px;height:44px}}.page-dots{display:flex;gap:7px;align-items:center}.page-dot{width:5px;height:5px;border-radius:50%;background:var(--faint);transition:width var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.page-dot.is-on{background-color:var(--accent);width:16px;border-radius:3px}.hint-touch{display:none}@media (pointer: coarse){.hint-pointer{display:none}.hint-touch{display:inline}}@media (min-width: 901px) and (max-height: 720px){.act{padding:16px calc(26px * var(--u)) 92px}.hero{gap:calc(18px * var(--u))}.orb{width:clamp(138px,17vh,182px)}.hero-eyebrow{margin-bottom:10px}.hero-type{margin-top:8px}.profile{gap:12px}.pro-side{gap:10px}.slab-pad{padding:13px 15px}.sutra-vp{font-size:max(13px,calc(14px * var(--u)));line-height:2.1}.show-grid{gap:12px}.show-info{padding:10px 12px 11px}.clock-time{font-size:calc(var(--u) * 34px)}.slab-label{margin-bottom:8px}.walls{width:min(1260px,88vw)}.walls-head{margin-bottom:8px}.walls-foot{margin-top:14px;height:30px}.card-body{position:absolute;inset:auto 0 0 0;z-index:2;padding:16px 10px 9px;background:linear-gradient(180deg,#090c1300,#090c13d1 44%)}.card-img:after{background-image:linear-gradient(180deg,transparent 50%,rgba(8,10,16,.5) 78%,rgba(8,10,16,.72))}}@media (min-width: 1600px){.act-inner{max-width:1520px}.walls{width:min(1440px,86vw);max-height:840px}.hero-title{font-size:clamp(2.4rem,2.6vw + 1.1rem,4.6rem)}}@media (max-width: 900px){.depth{display:none}.act{display:block;overflow-y:auto;overflow-x:hidden;padding:16px 16px 96px;scrollbar-width:none}.act::-webkit-scrollbar{width:0;height:0}.act-inner{height:auto!important;max-height:none!important;transform:none!important}.hero{min-height:calc(100svh - 170px);justify-content:center;gap:22px}.hero-title{white-space:normal;font-size:clamp(1rem,5.4vw,1.7rem);line-height:1.5;padding-inline:8px}.profile{display:flex;flex-direction:column;height:auto;max-height:none;gap:12px;perspective:none}.pro-side{min-height:0}.sutra-stage{min-height:380px}.sutra-vp{max-height:46vh}.skill-stage{height:auto}.ring-wrap{height:300px;flex:none}.show-grid{display:flex;flex-direction:column;gap:12px;perspective:none}.show-card{min-height:0;transform:none}.show-card:hover,.show-card:focus-visible{transform:none}.show-img{height:auto;flex:none;aspect-ratio:16 / 10}.show-foot{flex-direction:column;align-items:stretch}.walls-act .act-inner{height:auto}.walls{display:block;width:100%;height:auto;max-height:none;overflow:visible;perspective:none}.wall{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;height:auto;margin-bottom:12px}.wall--l,.wall--r{transform:none}.card{height:auto}.card-img{flex:none;aspect-ratio:16 / 10}.card-body{position:static;padding:9px 10px 11px;background:none}.card:hover,.card:focus-visible{transform:none}}.rail{position:fixed;right:calc(20px * var(--u));top:50%;translate:0 -50%;z-index:85;display:flex;flex-direction:column;align-items:flex-end;gap:calc(20px * var(--u));padding:6px 2px}.rail-line{position:absolute;right:5px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent)}.rail-node{position:relative;display:flex;align-items:center;gap:10px;padding:10px 0}.rail-dot{width:7px;height:7px;border-radius:50%;background:#ffffff94;transition:background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);box-shadow:0 0 0 4px #0a0c128c}.rail-node.is-on .rail-dot{background:var(--accent);transform:scale(1.4);box-shadow:0 0 0 4px #0a0c128c,0 0 16px color-mix(in srgb,var(--accent) 65%,transparent)}.rail-label{order:-1;font-size:max(10px,calc(10px * var(--u)));letter-spacing:.14em;color:var(--ink-soft);opacity:0;translate:8px 0;transition:opacity var(--t-fast) var(--ease),translate var(--t-fast) var(--ease);white-space:nowrap}.rail-node:hover .rail-label,.rail-node.is-on .rail-label{opacity:1;translate:0}.focus-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:0;background:radial-gradient(84% 74% at 50% 46%,#06080c42,#06080cad),#06080c57;transition:opacity .3s var(--ease)}.focus-scrim.on{opacity:1;pointer-events:auto}@keyframes win-in{0%{opacity:0;transform:translateY(18px) scale(.955)}}.win{animation:win-in .34s var(--ease-out)}.pj-media,.pj-info>*{animation:pj-cascade .5s var(--ease-out) backwards}.pj-media{animation-delay:.05s}.pj-info>:nth-child(1){animation-delay:.12s}.pj-info>:nth-child(2){animation-delay:.18s}.pj-info>:nth-child(3){animation-delay:.24s}.pj-info>:nth-child(4){animation-delay:.3s}.pj-info>:nth-child(5){animation-delay:.36s}.pj-info>:nth-child(6){animation-delay:.42s}.pj-info>:nth-child(7){animation-delay:.48s}@keyframes pj-cascade{0%{opacity:0;transform:translateY(12px)}}.win.is-closing{opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:opacity .2s var(--ease-in),transform .2s var(--ease-in),scale .22s var(--ease),box-shadow .22s var(--ease)}.win-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.win-layer>*{pointer-events:auto}.win{position:fixed;top:0;left:0;display:flex;flex-direction:column;border-radius:18px;background:var(--noise-soft),linear-gradient(180deg,rgba(var(--glass-tint),.32),rgba(var(--glass-tint),.42),rgba(var(--glass-tint),.52));backdrop-filter:blur(28px) saturate(170%) brightness(1.06);-webkit-backdrop-filter:blur(28px) saturate(170%) brightness(1.06);box-shadow:0 0 0 1px #0204088c,2px 6px 18px #03050a66,4px 40px 96px -32px color-mix(in srgb,var(--accent) 12%,rgba(3,5,10,.72)),inset 0 1px #ffffff38,inset 0 -1px #00000073,inset 0 0 80px #04060c38;overflow:hidden}.win:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 12%)}.win:focus,.win:focus-visible{outline:none}.win{transition:scale .22s var(--ease),box-shadow .22s var(--ease)}.win.is-drag{scale:1.012;backdrop-filter:blur(6px) saturate(140%);-webkit-backdrop-filter:blur(6px) saturate(140%);box-shadow:0 0 0 1px #0204089e,0 14px 34px #03050a80,0 60px 130px -34px #03050ad1,inset 0 1px #ffffff4d,inset 0 -1px #00000080}.win.is-max{top:4vh!important;left:4vw!important;width:92vw!important;height:92vh!important}.win.is-min{opacity:0;transform:scale(.2) translateY(300px);pointer-events:none;visibility:hidden;transition:opacity .3s var(--ease),transform .38s var(--ease),visibility 0s linear .38s}.win.is-front{box-shadow:0 0 0 1px #080a108f,0 10px 24px #03050a6b,0 56px 120px -34px #03050acc,inset 0 1px #ffffff38}.win:not(.is-front){box-shadow:0 0 0 1px #06080e66,0 4px 12px #03050a4d,0 26px 60px -28px #03050a99,inset 0 1px #ffffff1a}.win-bar{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 8px;min-height:40px;cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent)}.win-bar:active{cursor:grabbing}.win-close{flex:none;width:26px;height:26px;margin-right:5px;border-radius:8px;display:grid;place-items:center;font-size:15px;line-height:1;color:var(--muted);transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.win-close:hover{color:#fff;background-color:#ff5f57d1}.win-close:active{transform:scale(.9)}.win-title{flex:1;text-align:center;font-size:.74rem;letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 34px 0 10px}.win-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.win-body::-webkit-scrollbar{width:8px}.win-body::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px}.pj{display:grid;grid-template-columns:1.12fr .88fr;min-height:100%}@media (min-width: 761px){.pj{height:100%}.pj-info{overflow-y:auto;min-height:0;overscroll-behavior:contain}.pj-info::-webkit-scrollbar{width:8px}.pj-info::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px}}.pj-media{position:relative;overflow:hidden;background:#0a0c11;align-self:start;aspect-ratio:16 / 10}.pj-media img{width:100%;height:100%;object-fit:cover;display:block}.pj-info{padding:1.6rem 1.5rem 1.4rem;display:flex;flex-direction:column;gap:.8rem;border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(var(--glass-tint),.44),rgba(var(--glass-tint),.26))}.pj-kicker{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}.pj-title{font-size:1.24rem;font-weight:650;line-height:1.35;margin:0;color:var(--ink)}.pj-sub{font-size:.8rem;color:var(--muted);margin:-.3rem 0 0}.pj-text{font-size:.87rem;line-height:1.85;color:var(--ink-soft);margin:0}.pj-rule{height:1px;background:#ffffff1a;border:0;margin:.15rem 0}.pj-url{font-family:ui-monospace,monospace;font-size:.74rem;color:var(--muted);word-break:break-all}.pj-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 760px){.pj{grid-template-columns:1fr}.pj-media{aspect-ratio:16 / 10}.pj-info{border-left:0;border-top:1px solid rgba(255,255,255,.08)}}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:999px;font-size:.78rem;color:var(--ink-soft);background:#ffffff12;border:1px solid var(--line);transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);white-space:nowrap}.btn:hover{color:var(--ink);background-color:#ffffff21;border-color:var(--line-hi);box-shadow:0 4px 16px -8px color-mix(in srgb,var(--accent) 50%,transparent)}.btn:active{transform:translateY(1px) scale(.97)}.btn--solid{color:#0b0d12;background:var(--ink);border-color:transparent;font-weight:600}.btn--solid:hover{background:#fff;color:#0b0d12}.btn--ghost{background:transparent}.btn--icon{width:34px;padding:0;justify-content:center}.panel{padding:1.3rem 1.4rem 1.6rem;display:flex;flex-direction:column;gap:1.05rem}.field{display:flex;flex-direction:column;gap:.45rem}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffff94}.field-value{font-size:.72rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.swatch{position:relative;width:30px;height:30px;border-radius:9px;border:1px solid var(--line-hi);padding:0;cursor:pointer;flex:none}.swatch:focus-within{outline:2px solid var(--accent);outline-offset:3px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#fff3}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080;transition:transform var(--t-fast) var(--ease)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#fff3}input[type=range]::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#fff}.text-input{width:100%;height:36px;padding:0 12px;border-radius:10px;font:inherit;font-size:.8rem;color:var(--ink);background:#0000004d;border:1px solid var(--line);outline:none;transition:border-color var(--t) var(--ease)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.6rem}.wall-item{position:relative;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;border:1px solid var(--line);cursor:pointer;padding:0;background:#0a0c11;transition:border-color var(--t) var(--ease),transform var(--t) var(--ease)}.wall-item img{width:100%;height:100%;object-fit:cover;display:block}.wall-item:hover{transform:translateY(-2px);border-color:var(--line-hi)}.wall-item.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 18px -8px color-mix(in srgb,var(--accent) 55%,transparent)}.wall-item span{position:absolute;left:0;right:0;bottom:0;padding:5px 7px;font-size:.6rem;color:var(--ink-soft);background:linear-gradient(transparent,#000c);text-align:left}.music{padding:1.2rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.music-top{display:flex;align-items:center;gap:14px}.music-disc{width:62px;height:62px;border-radius:50%;overflow:hidden;flex:none;position:relative;box-shadow:var(--sh-1),inset 0 0 0 1px var(--line)}.music-disc img{width:100%;height:100%;object-fit:cover}.music-disc.is-playing img{animation:spin 18s linear infinite}.music-meta{min-width:0;flex:1}.music-title{font-size:.95rem;font-weight:600}.music-sub{font-size:.72rem;color:var(--muted);margin-top:2px}.music-progress{display:flex;align-items:center;gap:10px}.music-time{font-size:.66rem;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;width:34px;text-align:center}.track-list{display:flex;flex-direction:column;gap:2px}.track{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;text-align:left;width:100%;transition:background var(--t) var(--ease),color var(--t) var(--ease);color:var(--ink-soft)}.track:hover{background:#ffffff12;color:var(--ink)}.track.is-on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--ink)}.track-idx{font-size:.68rem;color:var(--faint);width:14px;flex:none}.track-name{flex:1;font-size:.84rem}.audio-hint{font-size:.66rem;color:#fff6;letter-spacing:.04em}.dock-wrap{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));translate:-50% 0;z-index:200;display:flex;align-items:flex-end;gap:2px;padding:8px 10px;border-radius:20px;perspective:600px;background:rgba(var(--glass-tint),.3);animation:dock-in .55s var(--ease-spring) .5s backwards;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #06080e61,0 10px 24px #03050a61,0 34px 70px -30px #03050a9e,inset 0 1px #ffffff38;backdrop-filter:blur(32px) saturate(180%) brightness(1.06);-webkit-backdrop-filter:blur(32px) saturate(180%) brightness(1.06)}@keyframes dock-in{0%{opacity:0;transform:translateY(70px)}}.dock-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent 46%)}.dock-sep{width:1px;align-self:stretch;margin:2px 6px;background:#ffffff24}.dock-item{position:relative;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--ink-soft);transform-origin:50% 100%;transform:scale(var(--s, 1)) translateY(var(--ty, 0px)) rotateX(calc(var(--f, 0) * 12deg));transition:color var(--t) var(--ease),background var(--t) var(--ease);will-change:transform}.dock-item:hover{color:var(--ink);background:#ffffff1f;box-shadow:inset 0 1px #ffffff29,0 6px 18px -8px color-mix(in srgb,var(--accent) 60%,transparent)}.dock-item:after{content:"";position:absolute;bottom:-5px;left:50%;translate:-50% 0;width:4px;height:4px;border-radius:50%;background:var(--ink);opacity:var(--dot, 0);transition:opacity var(--t) var(--ease)}.dock-item svg{width:20px;height:20px;transition:transform var(--t-fast) var(--ease)}.dock-item:active svg{transform:scale(.86)}.exit-immersion{position:fixed;left:50%;bottom:14px;translate:-50% 0;z-index:320;display:flex;align-items:center;gap:0;height:30px;padding:0 12px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);opacity:.22;transition:opacity var(--t) var(--ease),background-color var(--t) var(--ease),border-color var(--t) var(--ease),gap var(--t) var(--ease),padding var(--t) var(--ease)}.exit-dot{width:6px;height:6px;border-radius:50%;background:#ffffff9e;transition:transform var(--t) var(--ease)}.exit-text{font-size:11px;color:var(--ink-soft);max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width var(--t) var(--ease),opacity var(--t) var(--ease),margin-left var(--t) var(--ease)}.exit-immersion:hover,.exit-immersion:focus-visible{opacity:1;background-color:#ffffff1a;border-color:var(--line-hi);gap:8px;padding:0 14px}.exit-immersion:hover .exit-dot,.exit-immersion:focus-visible .exit-dot{transform:scale(1.1)}.exit-immersion:hover .exit-text,.exit-immersion:focus-visible .exit-text{max-width:90px;opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .4s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width: 900px){.rail{right:10px;gap:14px}.rail-label{display:none}.dock-item{width:44px;height:44px}.dock-wrap{border-radius:16px;padding:6px 8px}.min-tray{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px)}}@media (min-width: 901px) and (max-width: 1180px){.rail-label{display:none}}@media (max-width: 480px){.rail{display:none}}