:root{--bg:#050505;--bg-2:#0a0a0a;--fg:#f2f2ee;--fg-muted:#ffffffb3;--fg-faint:#ffffff75;--accent:#d8ff3e;--line:#ffffff1a;--line-strong:#ffffff2e;--font-sans:"Inter", "Geist", "Helvetica Neue", "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, "SF Mono", Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--t-ui:.55s;--t-page:.9s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none}ul{list-style:none}.mono{font-family:var(--font-mono)}.accent-text{color:var(--accent)}::selection{background:var(--accent);color:#050505}.cinema{background:var(--bg);position:fixed;inset:0;overflow:hidden}.gl-stage{z-index:0;position:fixed;inset:0}.stage{z-index:2;position:fixed;inset:0}.scene{opacity:0;visibility:hidden;pointer-events:none;will-change:transform, opacity;position:fixed;inset:0}.scene-inner{flex-direction:column;justify-content:center;max-width:1560px;height:100%;margin:0 auto;padding:12vh 8vw;display:flex;position:relative}.rv{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);will-change:opacity, transform;transform:translateY(34px)}.rv.on{opacity:1;transform:translateY(0)}.chrome{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:0 3.2vw;display:flex;position:fixed;left:0;right:0}.chrome a,.chrome button{pointer-events:auto}.chrome-top{height:72px;top:0}.brand{letter-spacing:.14em;font-size:15px;font-weight:700}.brand .accent-text{vertical-align:super;font-size:.6em}.top-links{letter-spacing:.18em;gap:34px;font-size:13px;display:flex}.top-links a,.top-links button{color:var(--fg-muted);transition:color .3s var(--ease);position:relative}.top-links a:hover,.top-links button:hover{color:var(--fg)}.chrome-bottom{letter-spacing:.14em;height:64px;color:var(--fg-faint);font-size:13px;bottom:0}.scene-label b{color:var(--fg);font-weight:500}.progress-line{z-index:21;background:#ffffff0f;height:2px;position:fixed;bottom:0;left:0;right:0}.progress-line i{background:var(--accent);transform-origin:0;will-change:transform;height:100%;display:block;transform:scaleX(0)}.scene-index{z-index:20;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:2.4vw;transform:translateY(-50%)}.scene-index button{letter-spacing:.12em;color:var(--fg-faint);opacity:.25;transition:opacity .35s var(--ease), color .35s var(--ease);padding:2px;font-size:12px}.scene-index button:hover{opacity:.7}.scene-index button.on{opacity:1;color:var(--accent)}.grain{z-index:40;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='240' height='240' filter='url(%23n)'/></svg>");animation:.9s steps(4,end) infinite grain-shift;position:fixed;inset:-60px}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-24px,18px)}50%{transform:translate(18px,-24px)}75%{transform:translate(-14px,-14px)}to{transform:translate(0)}}.cinema,.cinema a,.cinema button,.cinema [data-cursor]{cursor:none}.cursor-dot{background:var(--fg);z-index:100;pointer-events:none;width:6px;height:6px;transition:transform .12s var(--ease);border-radius:50%;position:fixed;top:-3px;left:-3px}.cursor-dot.is-down{transform:scale(.7)!important}.cursor-ring{z-index:100;pointer-events:none;width:34px;height:34px;transition:width .3s var(--ease), height .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), margin .3s var(--ease);border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:-17px;left:-17px}.cursor-ring span{font-family:var(--font-mono);letter-spacing:.14em;color:#050505;opacity:0;font-size:11px;transition:opacity .2s}.cursor-ring.is-hover{border-color:var(--accent);width:48px;height:48px;margin:-7px 0 0 -7px}.cursor-ring.has-label{background:var(--accent);border-color:var(--accent);width:58px;height:58px;margin:-12px 0 0 -12px}.cursor-ring.has-label span{opacity:1}.cursor-ring.is-down{transform:scale(.82)}.boot{z-index:60;background:var(--bg);transition:opacity .5s var(--ease);position:fixed;inset:0}.boot-out{opacity:0;pointer-events:none}.boot-log{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-faint);flex-direction:column;gap:6px;font-size:13px;display:flex;position:absolute;bottom:12vh;left:3.2vw}.boot-line{animation:boot-line-in .4s var(--ease) both}@keyframes boot-line-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.boot-caret{color:var(--accent)}.boot-progress{color:var(--fg-muted);letter-spacing:.1em;transition:opacity .4s var(--ease);align-items:baseline;gap:18px;font-size:13px;display:flex;position:absolute;bottom:5vh;left:3.2vw}.boot-pct{color:var(--accent);font-size:14.5px}.boot-sub{color:var(--fg-faint)}.boot-logo{letter-spacing:.05em;opacity:0;transition:opacity .7s var(--ease), letter-spacing 1.1s var(--ease);white-space:nowrap;font-size:clamp(44px,8vw,120px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boot-logo span{color:var(--accent);vertical-align:super;font-size:.32em}.boot.boot-logo .boot-logo{opacity:1;letter-spacing:.12em}.boot.boot-logo .boot-log,.boot.boot-logo .boot-progress{opacity:0}.boot-skip{letter-spacing:.22em;color:var(--fg-faint);border:1px solid var(--line);z-index:61;padding:10px 16px;font-size:12px;transition:color .3s,border-color .3s;position:absolute;bottom:5vh;right:3.2vw}.boot-skip:hover{color:var(--fg);border-color:var(--line-strong)}.scene-kicker{font-family:var(--font-mono);letter-spacing:.3em;color:var(--fg-muted);align-items:center;gap:12px;margin-bottom:3.2vh;font-size:13px;display:flex}.kicker-tick{background:var(--accent);width:26px;height:1px;display:inline-block}.scene-title{letter-spacing:.02em;align-items:baseline;gap:22px;margin-bottom:4vh;font-size:clamp(34px,4.6vw,64px);font-weight:800;display:flex}.scene-title-sub{letter-spacing:.3em;color:var(--fg-faint);font-size:13.5px;font-weight:400}.hero-outline{color:#0000;-webkit-text-stroke:1px #ffffff8c}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:10px;animation:2.2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.scene-profile .scene-inner{max-width:none;padding-right:42vw}.hero-title{letter-spacing:.015em;flex-direction:column;margin-bottom:3.4vh;font-size:clamp(72px,11.5vw,176px);font-weight:800;line-height:.92;display:flex}.hero-role{color:var(--fg);margin-bottom:1vh;font-size:clamp(15px,1.35vw,20px)}.hero-desc{color:var(--fg-muted);max-width:460px;margin-bottom:4vh;font-size:15px;line-height:1.7}.type-grid{border-top:1px solid var(--line);max-width:560px}.type-row{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:18px;padding:9px 0;display:grid}.type-row dt{letter-spacing:.22em;color:var(--fg-faint);text-transform:uppercase;padding-top:2px;font-size:12px}.type-row dd{color:var(--fg);font-size:14.5px}.hero-status{font-family:var(--font-mono);letter-spacing:.2em;color:var(--fg-muted);align-items:center;margin-top:3.4vh;font-size:13px;display:flex}.edu-rail{background:linear-gradient(90deg, transparent, var(--line-strong) 12%, var(--line-strong) 88%, transparent);height:1px;position:absolute;top:50%;left:6vw;right:6vw}.edu-rail:before,.edu-rail:after{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px}.edu-rail:before{left:18%}.edu-rail:after{right:18%}.edu-node{width:min(38vw,560px);position:absolute}.edu-node.left{top:54%;left:8vw}.edu-node.right{text-align:right;top:12%;right:8vw}.edu-node.right .edu-details,.edu-node.right .edu-chips{justify-content:flex-end}.edu-period{letter-spacing:.24em;color:var(--accent);margin-bottom:10px;font-size:13px}.edu-title{margin-bottom:10px;font-size:clamp(20px,2.1vw,30px);font-weight:700}.edu-tiers{letter-spacing:.18em;color:var(--fg-faint);gap:10px;margin-bottom:14px;font-size:12px;display:flex}.edu-body{color:var(--fg-muted);margin-bottom:12px;font-size:15px;line-height:1.75}.edu-details li{color:var(--fg-muted);margin-bottom:4px;padding-left:16px;font-size:14px;line-height:1.7;position:relative}.edu-details li:before{content:"—";color:var(--fg-faint);position:absolute;left:0}.edu-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.edu-chips li{border:1px solid var(--line);color:var(--fg-muted);border-radius:999px;padding:5px 12px;font-size:13px}.xp-giant{letter-spacing:.02em;color:#0000;-webkit-text-stroke:1px #fff6;margin-bottom:1.2vh;font-size:clamp(64px,10.5vw,170px);font-weight:800;line-height:.95}.xp-head{margin-bottom:3vh}.xp-org{letter-spacing:.26em;color:var(--fg-muted);margin-bottom:8px;font-size:13px}.xp-role-row{flex-wrap:wrap;align-items:baseline;gap:20px;margin-bottom:12px;display:flex}.xp-role{font-size:clamp(20px,2vw,28px);font-weight:700}.xp-period{color:var(--fg-faint);letter-spacing:.14em;font-size:13px}.xp-intro{color:var(--fg-muted);max-width:780px;font-size:15px;line-height:1.75}.xp-metrics{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1080px;margin-bottom:3.4vh;display:grid}.xp-metric{border-top:1px solid var(--line-strong);padding-top:14px}.xm-k{letter-spacing:.02em;margin-bottom:8px;font-size:clamp(20px,2vw,30px);font-weight:800}.xm-k em{color:var(--accent);letter-spacing:.1em;font-size:.5em;font-style:normal}.xm-note{color:var(--fg-faint);font-size:13.5px;line-height:1.6}.xp-summary{max-width:880px;margin-bottom:2.6vh}.xp-summary-label{letter-spacing:.28em;color:var(--fg-faint);margin-bottom:12px;font-size:12px}.xp-seg{color:var(--fg-muted);margin-bottom:8px;padding-left:34px;font-size:14.5px;line-height:1.8;position:relative}.seg-idx{color:var(--accent);font-size:12px;position:absolute;top:3px;left:0}.xp-stack{flex-wrap:wrap;gap:8px;max-width:900px;display:flex}.xp-stack li{letter-spacing:.06em;border:1px solid var(--line);color:var(--fg-faint);border-radius:999px;padding:5px 11px;font-size:12.5px}.skill-groups{grid-template-columns:1fr 1fr;gap:3.2vh 4vw;max-width:1150px;display:grid}.skill-group{border-top:1px solid var(--line-strong);padding-top:16px}.sg-title{align-items:baseline;gap:12px;margin-bottom:8px;font-size:clamp(17px,1.6vw,23px);font-weight:700;display:flex}.sg-idx{color:var(--accent);font-size:12px}.sg-body{color:var(--fg-muted);max-width:480px;margin-bottom:12px;font-size:14.5px;line-height:1.7}.sg-tags{flex-wrap:wrap;gap:7px;display:flex}.sg-tags li{border:1px solid var(--line);color:var(--fg-muted);border-radius:999px;padding:4px 10px;font-size:13px;transition:border-color .3s,color .3s}.sg-tags li:hover{border-color:var(--accent);color:var(--fg)}.skill-ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;position:absolute;bottom:9vh;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker-track{width:max-content;animation:36s linear infinite ticker-run;display:flex}.ticker-run{display:flex}.ticker-run b{letter-spacing:.18em;color:var(--fg-faint);padding:0 26px;font-size:13.5px;font-weight:400;position:relative}.ticker-run b:after{content:"·";color:var(--accent);position:absolute;right:-4px}@keyframes ticker-run{0%{transform:translate(0)}to{transform:translate(-50%)}}.proj-kicker{z-index:3;margin:0;position:absolute;top:10vh;left:8vw}.proj-viewport{position:absolute;inset:0;overflow:hidden}.proj-track{will-change:transform;height:100%;display:flex}.proj-slide{flex:0 0 100vw;justify-content:center;align-items:center;height:100%;padding:12vh 9vw 10vh;display:flex;position:relative}.proj-num{color:#0000;-webkit-text-stroke:1px #ffffff1f;pointer-events:none;font-size:clamp(120px,18vw,280px);font-weight:800;line-height:1;position:absolute;top:14vh;right:5vw}.proj-info{width:100%;max-width:860px}.proj-meta-row{letter-spacing:.18em;color:var(--fg-faint);margin-bottom:14px;font-size:13px}.proj-meta-row em{font-style:normal}.proj-title{letter-spacing:.01em;margin-bottom:12px;font-size:clamp(28px,3.4vw,48px);font-weight:800}.proj-desc{color:var(--fg-muted);max-width:720px;margin-bottom:16px;font-size:15px;line-height:1.7}.proj-points{margin-bottom:18px}.proj-points li{color:var(--fg-muted);border-top:1px solid var(--line);padding:8px 0 8px 20px;font-size:14px;line-height:1.75;position:relative}.proj-points li:before{content:"";background:var(--accent);width:8px;height:1px;position:absolute;top:16px;left:0}.proj-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.proj-stack{letter-spacing:.1em;color:var(--fg-faint);font-size:12.5px}.proj-link{letter-spacing:.22em;color:var(--fg);border-bottom:1px solid var(--accent);padding-bottom:3px;font-size:13px;transition:color .3s}.proj-link:hover{color:var(--accent)}.proj-nav{letter-spacing:.2em;color:var(--fg-muted);z-index:3;align-items:center;gap:24px;font-size:13px;display:flex;position:absolute;bottom:9vh;left:9vw}.proj-dots{gap:10px;display:flex}.proj-dots i{background:#ffffff26;width:22px;height:2px;transition:background .3s}.works-kicker{z-index:3;margin:0;position:absolute;top:10vh;left:8vw}.works-viewport{align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.works-strip{will-change:transform;gap:34px;padding:0 10vw;display:flex}.work-panel{border-top:1px solid var(--line-strong);flex:0 0 min(520px,62vw);padding-top:18px}.wp-media{border:1px solid var(--line);margin-bottom:16px;overflow:hidden}.wp-media img{aspect-ratio:16/9.6;object-fit:cover;filter:grayscale()contrast(1.02);width:100%;transition:filter .5s var(--ease), transform .6s var(--ease);display:block}.work-panel:hover .wp-media img{filter:grayscale(0);transform:scale(1.03)}.wp-head{align-items:baseline;gap:14px;margin-bottom:4px;display:flex}.work-idx{color:var(--accent);font-size:13px}.wp-title{font-size:21px;font-weight:700}.work-kind{letter-spacing:.2em;color:var(--fg-faint);margin-left:auto;font-size:12px}.wp-sub{letter-spacing:.12em;color:var(--fg-faint);margin-bottom:10px;font-size:12.5px}.wp-summary{color:var(--fg-muted);margin-bottom:10px;font-size:14px;line-height:1.7}.wp-highlights li{color:var(--fg-faint);margin-bottom:3px;padding-left:14px;font-size:13.5px;line-height:1.65;position:relative}.wp-highlights li:before{content:"·";color:var(--accent);position:absolute;left:2px}.wp-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.wp-stack{letter-spacing:.08em;color:var(--fg-faint);font-size:12px}.wp-links{gap:16px;display:flex}.wp-links a{letter-spacing:.18em;color:var(--fg-muted);border-bottom:1px solid var(--line-strong);padding-bottom:2px;font-size:12.5px;transition:color .3s,border-color .3s}.wp-links a:hover{color:var(--accent);border-color:var(--accent)}.works-hint{letter-spacing:.24em;color:var(--fg-faint);z-index:3;font-size:12px;position:absolute;bottom:9vh;right:8vw}.work-viewer{z-index:50;animation:viewer-in .35s var(--ease);background:#050505f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes viewer-in{0%{opacity:0}to{opacity:1}}.wv-body{max-width:min(1180px,88vw)}.wv-body img{object-fit:contain;border:1px solid var(--line);width:100%;max-height:76vh;display:block}.wv-body figcaption{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-muted);margin-top:14px;font-size:13.5px}.wv-close{color:var(--fg-muted);padding:8px;transition:color .3s;position:absolute;top:26px;right:3vw}.wv-close:hover{color:var(--accent)}.wv-arrow{color:var(--fg-muted);padding:14px;transition:color .3s;position:absolute;top:50%;transform:translateY(-50%)}.wv-arrow:hover{color:var(--accent)}.wv-prev{left:2.4vw}.wv-next{right:2.4vw}.write-list{border-top:1px solid var(--line-strong);max-width:1180px}.write-row{border-bottom:1px solid var(--line);transition:background .35s var(--ease);grid-template-columns:64px 110px 1fr 220px 40px;align-items:center;gap:22px;padding:26px 6px;display:grid}.write-row:hover{background:#ffffff06}.wr-idx{color:var(--fg-faint);font-size:13.5px}.wr-date{color:var(--fg-faint);letter-spacing:.1em;font-size:13px}.wr-main{flex-direction:column;gap:5px;min-width:0;display:flex}.wr-title{transition:transform .4s var(--ease);font-size:clamp(17px,1.7vw,24px);font-weight:600}.write-row:hover .wr-title{color:var(--accent);transform:translate(12px)}.wr-desc{color:var(--fg-faint);font-size:13.5px;line-height:1.6}.wr-tags{letter-spacing:.12em;color:var(--fg-faint);text-align:right;font-size:12.5px}.wr-arrow{color:var(--fg-faint);transition:transform .4s var(--ease), color .3s}.write-row:hover .wr-arrow{color:var(--accent);transform:translate(6px)}.ct-giant{letter-spacing:.01em;flex-direction:column;margin-bottom:4.5vh;font-size:clamp(64px,10.5vw,164px);font-weight:800;line-height:.95;display:flex}.ct-links{border-top:1px solid var(--line);flex-direction:column;max-width:720px;display:flex}.ct-link{border-bottom:1px solid var(--line);transition:background .35s var(--ease);grid-template-columns:110px 1fr 30px;align-items:center;gap:18px;padding:16px 4px;display:grid}.ct-link:hover{background:#ffffff08}.ctl-label{letter-spacing:.26em;color:var(--fg-faint);font-size:12px}.ctl-value{transition:transform .4s var(--ease);font-size:clamp(15px,1.5vw,21px);font-weight:500}.ct-link:hover .ctl-value{transform:translate(10px)}.ctl-arrow{color:var(--fg-faint);transition:transform .4s var(--ease), color .3s}.ct-link:hover .ctl-arrow{color:var(--accent);transform:translate(6px)}.ct-meta{letter-spacing:.16em;color:var(--fg-faint);gap:34px;margin-top:4vh;font-size:13px;display:flex}.ct-foot{letter-spacing:.12em;color:var(--fg-faint);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-top:auto;padding-top:3vh;font-size:13px;display:flex}.ct-note{color:var(--fg-faint);font-family:var(--font-sans);letter-spacing:.02em}@media (width<=900px){.scene-inner{justify-content:flex-start;padding:13vh 6vw 11vh;overflow-y:auto}.scene-profile .scene-inner{padding-right:6vw}.hero-title{font-size:clamp(56px,17vw,96px)}.type-grid{max-width:none}.scene-education .scene-inner{justify-content:flex-start}.edu-rail{display:none}.edu-node,.edu-node.left,.edu-node.right{text-align:left;width:100%;margin-bottom:30px;position:static}.xp-metrics{grid-template-columns:1fr 1fr;gap:14px}.xp-giant{font-size:clamp(48px,15vw,96px)}.skill-groups{grid-template-columns:1fr;gap:22px}.proj-slide{flex:0 0 100vw;align-items:flex-start;padding:13vh 6vw 12vh;overflow-y:auto}.proj-num{font-size:110px;top:9vh;right:4vw}.proj-nav{bottom:6vh;left:6vw}.work-panel{flex:0 0 78vw}.works-hint{bottom:6vh;right:6vw}.write-row{grid-template-rows:auto auto;grid-template-columns:48px 1fr;gap:6px 14px;padding:20px 2px}.wr-date{grid-column:2}.wr-main{grid-area:2/1/auto/-1}.wr-tags,.wr-arrow{display:none}.ct-giant{font-size:clamp(48px,15vw,96px)}.ct-link{grid-template-columns:80px 1fr 24px}.scene-index{gap:10px;right:3vw}.scene-index button{font-size:11px}.scroll-hint{display:none}.top-links{gap:18px}}@media (prefers-reduced-motion:reduce){.rv{transition-duration:10ms}.grain,.ticker-track,.status-dot{animation:none}}.chapter-wipe{z-index:60;pointer-events:none;justify-content:flex-end;align-items:center;animation:1.05s cubic-bezier(.76,0,.24,1) forwards cw-out;display:flex;position:fixed;inset:0;overflow:hidden}.chapter-wipe:before{content:"";background:linear-gradient(90deg,#0000,#d8ff3e12,#0000);width:16%;animation:1.05s cubic-bezier(.76,0,.24,1) forwards cw-sweep;position:absolute;top:0;bottom:0;left:-20%}.cw-num{color:#0000;-webkit-text-stroke:1px #f2f2ee29;font-size:clamp(140px,24vw,380px);font-weight:800;line-height:1;animation:1.05s cubic-bezier(.76,0,.24,1) forwards cw-num;position:absolute;top:50%;right:4vw;transform:translateY(-50%)}.cw-name{letter-spacing:.42em;color:#d8ff3ebf;font-size:13px;animation:1.05s cubic-bezier(.76,0,.24,1) forwards cw-num;position:absolute;top:50%;right:5.4vw;transform:translateY(-140%)}@keyframes cw-out{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes cw-sweep{0%{left:-20%}to{left:110%}}@keyframes cw-num{0%{opacity:0;transform:translateY(-50%)translate(60px)}18%{opacity:1;transform:translateY(-50%)translate(0)}75%{opacity:1;transform:translateY(-50%)translate(0)}to{opacity:0;transform:translateY(-50%)translate(-50px)}}.cw-name{animation-name:cw-name}@keyframes cw-name{0%{opacity:0;transform:translateY(-140%)translate(40px)}20%{opacity:1;transform:translateY(-140%)translate(0)}75%{opacity:1}to{opacity:0;transform:translateY(-140%)translate(-30px)}}.cinema.is-pulse:after{content:"";z-index:55;pointer-events:none;background:radial-gradient(circle at var(--pulse-x,50%) var(--pulse-y,50%), #d8ff3e0d, transparent 42%);animation:.7s ease-out forwards click-pulse;position:fixed;inset:0}@keyframes click-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.scene-index button{transition:opacity .3s var(--ease), color .3s var(--ease), letter-spacing .3s var(--ease);position:relative}.scene-index button:after{content:attr(data-name);letter-spacing:.3em;color:var(--fg-muted);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease);font-size:12px;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(6px)}.scene-index button:hover:after,.scene-index button.on:after{opacity:1;transform:translateY(-50%)translate(0)}.scene-index button.on:after{color:var(--accent)}.scroll-hint{transition:opacity .6s var(--ease);align-items:center;gap:10px;display:inline-flex}.hint-wheel{border:1px solid #f2f2ee66;border-radius:8px;width:14px;height:22px;display:inline-block;position:relative}.hint-wheel:after{content:"";background:var(--accent);border-radius:2px;width:2px;height:5px;margin-left:-1px;animation:1.6s ease-in-out infinite hint-dot;position:absolute;top:4px;left:50%}@keyframes hint-dot{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(8px)}to{opacity:0;transform:translateY(0)}}.cinema.is-scrolled .scroll-hint{opacity:0}.scene{will-change:opacity, transform, filter}.rv-in{animation:rv-in .6s var(--ease) both}@keyframes rv-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.works-mode{gap:10px;margin-bottom:18px;display:flex}.mode-chip{letter-spacing:.22em;color:var(--fg-muted);cursor:pointer;transition:all .3s var(--ease);background:0 0;border:1px solid #f2f2ee24;align-items:center;gap:7px;padding:9px 18px;font-size:13px;display:inline-flex}.mode-chip:hover{color:var(--fg);border-color:#f2f2ee59}.mode-chip.active{color:#050505;background:var(--accent);border-color:var(--accent);font-weight:700}.ct-grid{align-items:flex-start;gap:clamp(24px,4vw,56px);display:flex}.ct-grid .ct-links{flex:1.2}.ct-form{border:1px solid #f2f2ee1a;border-top:2px solid var(--accent);background:#ffffff04;flex:1;padding:18px 20px}.ctf-head{letter-spacing:.3em;color:var(--fg-muted);margin-bottom:14px;font-size:12px}.ctf-row{gap:10px;display:flex}.ctf-input,.ctf-area{width:100%;color:var(--fg);transition:border-color .3s var(--ease);resize:none;background:#ffffff08;border:1px solid #f2f2ee1f;outline:none;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:13.5px}.ctf-input:focus,.ctf-area:focus{border-color:var(--accent)}.ctf-input::placeholder,.ctf-area::placeholder{color:#f2f2ee47}.ctf-send{letter-spacing:.22em;color:#050505;background:var(--accent);cursor:pointer;transition:transform .3s var(--ease), box-shadow .3s var(--ease);border:none;align-items:center;gap:8px;padding:11px 22px;font-size:13px;font-weight:700;display:inline-flex}.ctf-send:hover{transform:translateY(-2px);box-shadow:0 8px 26px #d8ff3e38}.float-toolbox{z-index:70;position:fixed;bottom:76px;right:22px}.toolbox-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:46px;height:46px;color:var(--fg);cursor:pointer;transition:all .3s var(--ease);background:#050505b8;border:1px solid #f2f2ee38;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.toolbox-btn:hover,.toolbox-btn.active{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.poster-modal{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rv-in .3s var(--ease) both;background:#030304e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pm-close{width:44px;height:44px;color:var(--fg);cursor:pointer;transition:all .3s var(--ease);background:0 0;border:1px solid #f2f2ee40;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:26px;right:30px}.pm-close:hover{color:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.poster-gen{text-align:center;color:var(--fg);letter-spacing:.2em;font-size:14.5px}.pg-spinner{border:2px solid #d8ff3e33;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;margin:0 auto 18px;animation:.9s linear infinite pg-spin;display:block}@keyframes pg-spin{to{transform:rotate(360deg)}}.poster-gen p{color:var(--fg-muted);letter-spacing:.08em;margin-top:12px;font-size:13px}.poster-preview{flex-direction:column;gap:14px;display:flex}.pp-head{justify-content:space-between;align-items:center;display:flex}.pp-head h4{letter-spacing:.2em;color:var(--fg);font-size:15px;font-weight:600}.pp-actions{gap:10px;display:flex}.pp-btn{letter-spacing:.18em;color:var(--fg);cursor:pointer;transition:all .3s var(--ease);background:0 0;border:1px solid #f2f2ee3d;padding:10px 18px;font-size:13px}.pp-btn:hover{border-color:var(--fg)}.pp-btn.accent{background:var(--accent);border-color:var(--accent);color:#050505;font-weight:700}.pp-image{border:1px solid #f2f2ee24;max-width:min(72vw,460px);max-height:72vh;box-shadow:0 30px 90px #000000b3}@media (width<=900px){.art-lead{flex:none}.ct-grid{flex-direction:column}.float-toolbox{bottom:92px}}.scene-works{flex-direction:column;padding:16vh 7vw 11vh;display:flex}.scene-works .works-mode{z-index:6;margin-bottom:16px;position:relative}.scene-works .works-hint{z-index:6;position:relative}.scene-works .works-viewport{top:calc(16vh + 56px)}.react-phase{letter-spacing:.22em;color:#f2f2ee4d;white-space:nowrap;transition:color .6s var(--ease);font-size:12px}.react-phase b{color:var(--accent);text-shadow:0 0 14px #d8ff3e59;font-weight:500}.bottom-right{align-items:center;gap:28px;display:inline-flex}.site-stats{letter-spacing:.18em;color:var(--fg-faint);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}@media (width<=1100px){.react-phase{display:none}}@media (width<=900px){.site-stats{display:none}}.art-matrix{z-index:6;flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;position:relative}.art-cats{flex-wrap:wrap;gap:9px;display:flex}.art-cat-chip{letter-spacing:.18em;color:var(--fg-muted);cursor:pointer;transition:all .3s var(--ease);background:0 0;border:1px solid #f2f2ee21;padding:8px 14px;font-size:12px}.art-cat-chip:hover{color:var(--fg)}.art-cat-chip.active{color:var(--accent);border-color:var(--accent)}.art-stage{background:#ffffff03;border:1px solid #f2f2ee12;flex:1;min-height:0;overflow:hidden}.art-strip{will-change:transform;height:100%;transition:transform .85s cubic-bezier(.22,1,.36,1);display:flex}.art-slide{flex:0 0 100%;gap:clamp(18px,2.6vw,40px);min-width:0;height:100%;padding:clamp(16px,2.4vh,28px) clamp(18px,2.6vw,40px);display:flex}.art-lead{border:1px solid #f2f2ee14;flex:0 0 56%;position:relative;overflow:hidden}.art-lead img{object-fit:cover;filter:saturate(.92);width:100%;height:100%;transition:filter .6s var(--ease)}.art-lead:hover img{filter:saturate()}.art-lead figcaption{letter-spacing:.28em;color:#f2f2eebf;background:linear-gradient(#0000,#050505d9);padding:10px 16px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.art-panel{flex-direction:column;flex:1;justify-content:center;gap:14px;min-width:0;display:flex}.art-kicker{letter-spacing:.34em;color:var(--accent);font-size:12px}.art-cat{letter-spacing:.04em;font-size:clamp(24px,2.8vw,40px);font-weight:800}.art-copy{border-top:1px solid #f2f2ee1a;padding-top:14px}.art-copy-head{letter-spacing:.26em;color:var(--fg-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.art-shuffle{color:var(--fg-muted);letter-spacing:.14em;cursor:pointer;transition:all .3s var(--ease);background:0 0;border:1px solid #f2f2ee29;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.art-shuffle:hover{color:var(--accent);border-color:var(--accent)}.art-copy-text{color:var(--fg);margin-top:12px;font-size:clamp(15px,1.5vw,20px);line-height:1.7}.art-copy-meta{letter-spacing:.16em;color:#f2f2ee59;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:12px;display:flex}.art-hint{letter-spacing:.24em;color:var(--fg-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.art-count{color:var(--accent);letter-spacing:.2em}.art-empty{z-index:6;padding:40px 0;position:relative}.art-empty h3{font-size:22px}.art-empty p{color:var(--fg-muted);margin-top:12px;font-size:13.5px}@media (width<=900px){.art-slide{flex-direction:column;overflow-y:auto}.art-lead{flex:none;height:46vh}.art-panel{flex:none}}.cinema.is-drag{-webkit-user-select:none;user-select:none}.cinema.is-drag .cursor-ring{border-color:var(--accent);background:#d8ff3e14;width:74px;height:26px;margin:0;top:-13px;left:-37px}.cinema.is-drag .cursor-ring span{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent);font-size:10px;display:inline}.cinema.is-drag .cursor-ring span:after{content:"SCRUB"}.cinema.is-drag .cursor-dot{opacity:0}.edu-chips li{transition:color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease), background .35s var(--ease)}.edu-chips li:hover{color:var(--fg);border-color:#d8ff3e8c;transform:translateY(-2px)}.sg-tags li{transition:color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease)}.sg-tags li:hover{border-color:#d8ff3e8c;transform:translateY(-2px)}.proj-slide{transition:opacity .5s var(--ease)}.proj-slide:hover .proj-link{color:var(--accent)}.work-panel{transition:transform .5s var(--ease), opacity .5s var(--ease)}.work-panel:hover{transform:translateY(-4px)}.write-row,.ct-link{cursor:pointer}[data-magnet]{will-change:transform;transition:transform .18s ease-out}.top-links a,.top-links button{transition:color .3s var(--ease);align-items:center;gap:6px;display:inline-flex}.top-links a svg,.top-links button svg{opacity:.6;transition:opacity .3s var(--ease), transform .3s var(--ease)}.top-links a:hover svg,.top-links button:hover svg{opacity:1;color:var(--accent);transform:translateY(-1px)}.ctf-combo{flex:1;min-width:0;position:relative}.ctf-combo .ctf-input{margin-bottom:10px;padding-right:34px}.ctf-caret{width:30px;height:36px;color:var(--fg-muted);transition:color .3s var(--ease), background .3s var(--ease);background:#ffffff08;border-left:1px solid #f2f2ee1f;justify-content:center;align-items:center;display:flex;position:absolute;top:1px;right:1px}.ctf-caret:hover{color:var(--accent);background:#d8ff3e0f}.ctf-menu{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080808eb;border:1px solid #f2f2ee24;max-height:210px;position:absolute;top:calc(100% - 12px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 50px #0000008c}.ctf-menu-head{letter-spacing:.16em;color:var(--fg-faint);background:#080808f2;border-bottom:1px solid #f2f2ee14;align-items:center;gap:6px;padding:8px 12px 6px;font-size:10.5px;display:flex;position:sticky;top:0}.ctf-opt{text-align:left;letter-spacing:.06em;width:100%;color:var(--fg-muted);transition:color .2s var(--ease), background .2s var(--ease), padding-left .2s var(--ease);padding:7px 12px;font-size:12.5px;display:block}.ctf-opt:hover{color:var(--fg);background:#d8ff3e12;padding-left:16px}.ctf-opt.on{color:var(--accent)}.ctf-opt.on:after{content:" ✓"}.ctf-row .ctf-input,.ctf-row .ctf-combo{flex:1 1 0;width:auto;min-width:0}.ctf-combo .ctf-input{width:100%}.ctl-label{align-items:center;gap:6px;display:inline-flex}.ctl-label svg{opacity:.55;transition:opacity .3s var(--ease), color .3s var(--ease)}.ct-link:hover .ctl-label svg{opacity:1;color:var(--accent)}.type-row dt{align-items:center;gap:5px;display:inline-flex}.type-row dt svg{opacity:.5;color:var(--accent);flex:none}.wr-arrow{align-items:center;display:inline-flex}.write-row:hover .wr-arrow svg{color:var(--accent)}.proj-link{align-items:center;gap:6px;display:inline-flex}.site-stats{align-items:center;gap:5px;display:inline-flex}.site-stats svg{opacity:.6;color:var(--accent)}