@font-face{font-family:Dekatron;src:url(/fonts/Dekatron-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Dekatron;src:url(/fonts/Dekatron-SemiBoldItalic.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:CamingoCode;src:url(/fonts/CamingoCode-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CamingoCode;src:url(/fonts/CamingoCode-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:CamingoCode;src:url(/fonts/CamingoCode-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CamingoCode;src:url(/fonts/CamingoCode-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{color-scheme:dark;--bg: #05070b;--panel-border: rgba(202, 211, 229, .14);--text: #f3f0ea;--muted: #aeb3c2;--shadow: 0 40px 120px rgba(0, 0, 0, .45);--nav-hover-bg: rgba(57, 159, 46, .16);--nav-hover-border: rgba(122, 255, 145, .32);--nav-hover-text: #f8fff7;--nav-hover-glow: rgba(122, 255, 145, .34);--nav-border-sheen: rgba(255, 255, 255, .9);--nav-border-sheen-soft: rgba(255, 255, 255, .18);--shader-scale: 1;--shader-x: 0;--shader-y: 0;--hover-text-green: #118825}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;font-family:Manrope,sans-serif;background:var(--bg);color:var(--text)}#app{min-height:100vh}.shader-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.shader-bg>div{position:absolute!important;inset:0!important;width:100vw!important;height:100vh!important;transform:translate(var(--shader-x),var(--shader-y)) scale(var(--shader-scale));transform-origin:center center}.shader-bg canvas{display:block!important;width:100%;height:100%}.shader-bg--static{contain:strict;background:#000}.shader-bg--fallback{background:#000}.shader-bg--static img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.page-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.route-loading{display:grid;min-height:calc(100vh - 180px);place-items:center;color:#89ff9dc2;font-family:CamingoCode,monospace;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.topbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;margin-bottom:28px;border:1px solid var(--panel-border);border-radius:12px;background:#07090e99;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden}.brand{position:relative;z-index:1;font-family:Dekatron,Manrope,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.12em;text-transform:uppercase}.nav{position:relative;z-index:1;display:flex;gap:22px;color:var(--muted);font-family:Dekatron,Manrope,sans-serif;font-size:.92rem;font-style:italic;font-weight:600;letter-spacing:.08em}.nav a{position:relative;isolation:isolate;padding:9px 13px;will-change:transform;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.nav a:before{content:"";position:absolute;inset:-3px -4px;z-index:-1;opacity:0;background:var(--nav-hover-bg);border:1px solid var(--nav-hover-border);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transform:skew(0) scaleY(.01);transform-origin:top center;transition:opacity .14s ease,transform .28s cubic-bezier(.25,.1,.25,1);will-change:opacity,transform}.nav a:hover,.nav a:focus-visible{color:var(--nav-hover-text);transform:translate3d(0,-3px,0);text-shadow:0 0 12px var(--nav-hover-glow)}.nav a:hover:before,.nav a:focus-visible:before{opacity:1;transform:skew(0) scaleY(1)}.topbar:before,.topbar:after{content:"";position:absolute;left:0;z-index:0;width:18%;height:1.5px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--nav-border-sheen),transparent);box-shadow:0 0 12px var(--nav-border-sheen-soft);opacity:0;transform:translate3d(-120%,0,0);will-change:opacity,transform}.topbar:before{top:0;animation:nav-border-sheen-top 15s linear infinite}.topbar:after{bottom:0;animation:nav-border-sheen-bottom 15s linear infinite}@keyframes nav-border-sheen-top{0%{opacity:0;transform:translate3d(-120%,0,0)}4%,46%{opacity:1}50%{opacity:0;transform:translate3d(680%,0,0)}to{opacity:0;transform:translate3d(680%,0,0)}}@keyframes nav-border-sheen-bottom{0%,50%{opacity:0;transform:translate3d(680%,0,0)}54%,96%{opacity:1}to{opacity:0;transform:translate3d(-120%,0,0)}}@media(prefers-reduced-motion:reduce){.topbar:before,.topbar:after{animation:none}}@media(max-width:820px){.page-shell{width:min(100% - 20px,1180px);padding-top:16px}.topbar{flex-direction:column;border-radius:28px;padding:18px;transform:none}.brand,.nav{transform:none}.nav{flex-wrap:wrap;justify-content:center}}.hero{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 180px);padding:32px 0 72px;text-align:center}.hero h1{margin:0;font-family:Dekatron,Cormorant Garamond,serif;font-weight:600;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.9;letter-spacing:.01em;color:#f7f7ef;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#f7f7ef;-webkit-text-stroke:1.5px rgba(120,126,118,.85);text-shadow:3px 3px 0 rgba(0,0,0,.9),6px 6px 0 rgba(0,0,0,.55),12px 14px 28px rgba(0,0,0,.7)}@media(max-width:820px){.hero{min-height:calc(100vh - 190px);padding:24px 0 64px}}.pianshi-video-page{position:fixed;inset:0;display:grid;place-items:center;background:#000}.pianshi-video-page__player{display:block;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);background:#000;object-fit:contain}