:root{--font-latin-content:"SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI Variable Display", "Segoe UI", "Noto Sans JP", sans-serif;--font-simplified-chinese-content:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-japanese-content:"Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Noto Sans JP", "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-korean-content:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-sans:var(--font-latin-content);--font-display:"SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI Variable Text", "Segoe UI", "PingFang SC", "Hiragino Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#fff;--canvas-subtle:#f8fafc;--ink:#0f172a;--secondary:#64748b;--surface:#f1f5f9;--surface-raised:#fff;--rule:#0f172a14;--rule-hover:#2563eb40;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-purple:#8b5cf6;--accent-purple-light:#8b5cf61a;--accent-blue-light:#2563eb14;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #8b5cf6 100%);--glow-shadow:0 12px 32px -8px #2563eb1a;--gutter:clamp(20px, 3.2vw, 40px);--content:1280px;--motion-press:.1s;--motion-fast:.14s;--motion-base:.22s;--motion-slow:.36s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";margin:0;font-size:17px;line-height:1.65;position:relative}::selection{color:var(--ink);background:#8b5cf638}body,p,h1,h2,h3{overflow-wrap:break-word}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;font-optical-sizing:auto;text-rendering:optimizelegibility;color:var(--ink);font-weight:650;line-height:1.1}h1{font-size:clamp(48px,6vw,80px)}h2{font-size:clamp(32px,3.8vw,50px)}h3{font-size:32px}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .18s,text-decoration-color .18s}button{font:inherit}svg,img{max-width:100%;display:block}.wrap{width:min(100%, var(--content));padding-inline:var(--gutter);margin-inline:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}main:focus{outline:none}.antigravity-mesh-canvas{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.grav-heavy,h1,h2,h3,.large-copy,.research-question{filter:url(#gravitational-lens-heavy);will-change:filter, transform;transform-origin:0;transition:transform .14s cubic-bezier(.16,1,.3,1)}.grav-medium,.hero-role,.brand,.nav-link,.project-meta,.research-topics,.technology,.section-note{filter:url(#gravitational-lens-medium);will-change:filter, transform;transform-origin:0;transition:transform .14s cubic-bezier(.16,1,.3,1)}.grav-light,p,.hero-summary,.project-description p,.row-action,.text-link,.row-number,.credit,.footer-contact,.footer-small{filter:url(#gravitational-lens-light);will-change:filter, transform;transform-origin:0;transition:transform .14s cubic-bezier(.16,1,.3,1)}main,.site-header,.site-footer{z-index:1;position:relative}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:6px;padding:10px 18px;transition:transform .18s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--rule);background:#ffffffd1;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:32px;min-height:76px;display:flex}.brand{font:650 22px/1.2 var(--font-display);letter-spacing:-.025em;color:var(--ink);padding-block:10px;text-decoration:none;transition:opacity .18s}.brand:hover{opacity:.85}.nav-links{align-items:center;gap:42px;display:flex}.nav-link{min-height:44px;color:var(--secondary);align-items:center;font-size:15px;font-weight:500;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}.nav-link:hover{color:var(--ink)}.nav-link[aria-current=page]{color:var(--accent);text-decoration:none}.nav-link[aria-current=page]:after{content:"";background:var(--accent-gradient);border-radius:2px;height:2px;position:absolute;bottom:8px;left:0;right:0}.menu-toggle{display:none}.home-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:68px 56px;display:grid}.hero-copy{min-width:0}.hero-copy h1{letter-spacing:-.05em;font-size:clamp(48px,6vw,76px)}.hero-role{color:var(--accent-purple);letter-spacing:-.01em;margin-top:16px;font-size:clamp(17px,1.6vw,22px);font-weight:500}.hero-summary{letter-spacing:-.02em;max-width:640px;color:var(--ink);margin-top:24px;font-size:clamp(19px,1.8vw,24px);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:20px 42px;margin-top:36px;display:flex}.text-link{min-height:44px;color:var(--accent);border-bottom:1px solid #2563eb40;align-items:center;gap:12px;width:fit-content;font-size:16px;font-weight:550;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex}.text-link span{transition:transform .2s cubic-bezier(.16,1,.3,1)}.text-link:hover{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.text-link:hover span{transform:translate(4px)}.music-figure{width:100%;min-width:0}.score-surface-container{-webkit-backdrop-filter:blur(12px);background:#ffffff85;border:1px solid #e2e8f0b3;border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 20px 48px -12px #2563eb12,inset 0 0 0 1px #ffffffb3}.score-surface-container:hover{border-color:#8b5cf659;box-shadow:0 24px 54px -12px #8b5cf61f,inset 0 0 0 1px #fffc}.score-controls-stepless{-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border-bottom:1px solid #e2e8f099;justify-content:flex-end;align-items:center;padding:8px 14px;display:flex}.stepless-audio-widget{border:1px solid var(--rule);background:#f8fafce6;border-radius:9999px;align-items:center;gap:10px;padding:4px 10px;transition:all .18s;display:inline-flex;box-shadow:0 2px 6px #0f172a08}.stepless-audio-widget:hover{border-color:#8b5cf659;box-shadow:0 4px 12px #8b5cf614}.stepless-mute-btn{width:24px;height:24px;color:var(--secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .16s;display:inline-flex}.stepless-mute-btn:hover{color:var(--ink);background:#0f172a0d}.stepless-mute-btn.is-active{color:var(--accent)}.sound-icon-svg{width:15px;height:15px;display:block}.stepless-track{cursor:pointer;touch-action:none;background:#94a3b840;border-radius:3px;width:64px;height:6px;position:relative}.stepless-fill{background:var(--accent-gradient);pointer-events:none;border-radius:3px;height:100%;transition:width 50ms linear}.stepless-thumb{border:2px solid var(--accent-purple);pointer-events:none;background:#fff;border-radius:50%;width:10px;height:10px;transition:left 50ms linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0f172a33}.stepless-value-label{color:var(--secondary);text-align:right;letter-spacing:-.02em;min-width:30px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600}.stepless-vu-bars{align-items:flex-end;gap:2px;height:11px;padding-left:2px;display:inline-flex}.vu-bar{background:var(--accent-purple);opacity:.35;border-radius:1px;width:2px;transition:height .12s,opacity .12s}.bar-1{height:3px}.bar-2{height:6px}.bar-3{height:4px}.bar-4{height:2px}.stepless-vu-bars.is-pulsing .vu-bar{opacity:.95}.stepless-vu-bars.is-pulsing .bar-1{height:8px}.stepless-vu-bars.is-pulsing .bar-2{height:11px}.stepless-vu-bars.is-pulsing .bar-3{height:9px}.stepless-vu-bars.is-pulsing .bar-4{height:5px}.score-surface{background:0 0;width:100%;min-width:0;position:relative;overflow:hidden}.score-svg{aspect-ratio:12/7;pointer-events:none;width:100%;height:auto;display:block;position:relative}.score-staff{color:#64748b;opacity:.18}.elastic-staff-string{transition:stroke .2s,opacity .2s}.score-breath{transform-origin:50%;animation:7s ease-in-out infinite score-breathe}@keyframes score-breathe{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.score-surface[data-visible=false] .score-breath{animation-play-state:paused}.crystal-node-group{cursor:pointer;transform-origin:50%;transform-box:fill-box;transition:transform .22s cubic-bezier(.16,1,.3,1),filter .22s}.crystal-node-group:hover,.crystal-node-group.is-sounding{filter:drop-shadow(0 4px 10px #8b5cf666);transform:scale(1.08)}.node-aura-rect{transition:opacity .2s}.node-core-rect{transition:fill .2s,stroke .2s,stroke-width .2s}.score-note{cursor:pointer;background:0 0;border:none;border-radius:9999px;outline:none;width:14%;min-width:44px;height:16%;min-height:44px;max-height:56px;position:absolute;transform:translate(-50%,-50%)}.score-note:disabled{cursor:default}.score-note:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.selected-work{padding-bottom:72px}.selected-work h2{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);border-top:1px solid var(--rule);flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-bottom:32px;padding-top:48px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.selected-work h2:after{content:"";background:var(--accent-gradient);border-radius:999px;width:36px;height:3px;display:block}.project-row{border:1px solid var(--rule);-webkit-backdrop-filter:blur(12px)saturate(140%);margin-inline:-12px;transition:transform var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-out);background:#ffffffa6;border-radius:16px;grid-template-columns:36px minmax(200px,.8fr) minmax(0,1.7fr) auto;align-items:start;gap:28px;margin-bottom:16px;padding:28px 24px;text-decoration:none;display:grid;box-shadow:0 1px 2px #00000005,0 8px 24px -6px #0f172a0a}.project-row:hover{background:#ffffffeb;border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 4px 14px #8b5cf614,0 20px 40px -10px #2563eb1a}.project-row:hover h3{color:var(--accent)}.row-number{color:var(--accent-purple);font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding-top:8px;font-size:14px;font-weight:600}.project-row h3{font-size:clamp(34px,3.6vw,50px);transition:color .18s}.project-meta{color:var(--secondary);letter-spacing:.01em;background:#f8fafcd9;border:1px solid #0f172a14;border-radius:8px;align-items:center;width:fit-content;margin-bottom:8px;padding:3px 8px;font-size:13px;font-weight:550;display:inline-flex}.project-description p:last-child{color:#334155;max-width:580px;font-size:16.5px;line-height:1.6}.row-action{color:var(--accent);white-space:nowrap;align-items:center;gap:12px;padding-top:6px;font-size:15px;font-weight:550;transition:color .18s;display:flex}.project-row:hover .row-action{color:var(--accent-purple)}.row-action span{font-size:20px;line-height:1;transition:transform .18s}.project-row:hover .row-action span{transform:translate(4px)}.research-band{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#f8fafc80;padding-block:64px 72px}.research-band h2{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--secondary);flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:15px;font-weight:700;line-height:1;display:inline-flex}.research-band h2:after{content:"";background:var(--accent-gradient);border-radius:999px;width:36px;height:3px;display:block}.research-question{max-width:1130px;font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);margin-top:24px;font-size:clamp(28px,3vw,44px);font-weight:600;line-height:1.25}.research-topics{color:var(--secondary);margin-top:20px;font-size:16px;font-weight:450}.research-band .text-link{margin-top:28px}.site-footer{-webkit-backdrop-filter:blur(4px);color:var(--ink);border-top:1px solid var(--rule);background:#f8fafc73;padding-block:56px 28px;position:relative}.footer-main{justify-content:space-between;align-items:center;gap:32px;padding-bottom:48px;display:flex}.footer-main h2{color:var(--ink);font-size:clamp(42px,4.5vw,64px)}.footer-contact{min-height:44px;color:var(--accent);overflow-wrap:anywhere;align-items:center;margin-top:12px;font-size:18px;font-weight:500;text-decoration:none;transition:color .18s;display:inline-flex}.footer-contact:hover{color:var(--accent-purple)}.footer-small{border-top:1px solid var(--rule);color:var(--secondary);align-items:center;gap:24px;padding-top:24px;font-size:14px;display:flex}.footer-small a{color:var(--secondary);margin-left:auto;text-decoration:none;transition:color .18s}.footer-small a:hover{color:var(--accent)}.site-footer :focus-visible{outline-color:var(--accent)}.page-hero{width:min(100%, var(--content));padding:72px var(--gutter) 56px;margin-inline:auto}.page-hero>p{color:var(--secondary);max-width:730px;margin-top:28px;font-size:21px;line-height:1.55}.research-intro{grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding-block:24px 72px;display:grid}.research-intro h2{margin-bottom:26px;font-size:34px}.large-copy{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin-bottom:24px;font-size:30px;font-weight:600;line-height:1.3}.research-intro p:not(.large-copy){color:var(--secondary);max-width:550px;line-height:1.65}.focus-section{padding-bottom:84px}.focus-section>h2{border-top:1px solid var(--rule);padding-block:32px;font-size:36px}.focus-list{margin:0;padding:0;list-style:none}.focus-list li{border-top:1px solid var(--rule);border-radius:8px;grid-template-columns:44px 1fr 1.35fr;gap:30px;margin-inline:-20px;padding:30px 20px;transition:all .2s;display:grid}.focus-list li:hover{-webkit-backdrop-filter:blur(4px);background:#f8fafc73}.focus-list li:hover h3{color:var(--accent)}.focus-list h3{font-size:30px;transition:color .18s}.focus-list p{color:var(--secondary);max-width:600px;line-height:1.6}.section-note{color:var(--secondary);margin-block:28px 16px;font-size:15px}.project-detail{padding-bottom:72px;scroll-margin-top:32px}.detail-heading{border-top:1px solid var(--rule);grid-template-columns:40px 1fr auto;align-items:center;gap:24px;padding-top:32px;display:grid}.detail-heading .project-meta{margin:0}.detail-body{grid-template-columns:1fr 1fr;gap:72px;margin:40px 0 0 64px;display:grid}.detail-copy{max-width:640px}.detail-copy h3{font:600 16px/1.6 var(--font-sans);letter-spacing:0;color:var(--ink);margin-top:28px;margin-bottom:8px}.detail-copy p:not(.large-copy){color:var(--secondary);line-height:1.6}.technology{color:var(--accent-purple);margin-top:24px;font-size:14px;font-weight:500}.project-note{-webkit-backdrop-filter:blur(8px);border:1px solid var(--rule);background:#f8fafc8c;border-radius:12px;align-self:start;padding:32px}.project-note h3{margin-bottom:22px}.project-note p+p{margin-top:20px}.demo-links{margin:0 0 28px;padding:0;list-style:none}.demo-links a{border-bottom:1px solid var(--rule);min-height:48px;color:var(--accent);justify-content:space-between;padding-block:15px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.demo-links a:hover{color:var(--accent-purple);padding-left:4px}.project-note .credit{color:var(--secondary);font-size:13px;line-height:1.6}.project-screenshot{margin-top:28px}.project-screenshot img{border:1px solid var(--rule);border-radius:8px;width:100%;height:auto}.project-screenshot figcaption{color:var(--secondary);margin-top:12px;font-size:13px}.cv-section{width:min(100%, var(--content));padding:0 var(--gutter) 64px;margin-inline:auto}.cv-section>section{border-top:1px solid var(--rule);grid-template-columns:1fr 2fr;gap:64px;padding-block:32px 42px;display:grid}.cv-section h2{font-size:34px}.cv-section ul{margin:0;padding:0;list-style:none}.cv-section li{border-bottom:1px solid var(--rule);padding-block:16px}.cv-section li:first-child{padding-top:0}.cv-content{min-width:0}.cv-content>p{color:var(--secondary);margin-bottom:20px}.contact-link{overflow-wrap:anywhere;max-width:100%;min-height:44px;color:var(--accent);align-items:center;font-weight:500;transition:color .18s;display:inline-flex}.contact-link:hover{color:var(--accent-purple)}.empty-state{min-height:220px;padding-bottom:100px}.empty-state .text-link{margin-top:22px}.not-found-page{min-height:55vh;padding-bottom:100px}@media (hover:hover){a:hover{color:var(--accent)}.text-link:hover span{transform:translate(4px)}.site-footer a:hover{color:var(--accent)}}@media (max-width:1100px){.home-hero{grid-template-columns:1fr 1fr;gap:36px}.hero-copy h1{font-size:clamp(48px,6vw,76px)}.hero-summary{font-size:21px}.project-row{grid-template-columns:26px minmax(170px,.8fr) 1.3fr;gap:22px}.row-action{grid-column:3;margin-top:-8px;padding:0}.detail-body{gap:36px}.detail-heading{grid-template-columns:28px 1fr}.detail-heading .project-meta{grid-column:2}.research-intro{gap:36px}}@media (max-width:760px){html{scroll-padding-top:90px}.nav-shell{flex-wrap:wrap;gap:0;min-height:74px}.brand{font-size:21px}.menu-toggle{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:18px;padding:0 4px;display:inline-flex}.menu-toggle span{font-size:24px}.nav-links{width:100%;padding-block:8px 20px;display:none}.nav-links[data-open=true]{flex-direction:column;align-items:stretch;gap:0;display:flex}.nav-link{border-top:1px solid var(--rule);min-height:52px}.home-hero{grid-template-columns:1fr;gap:36px;padding-block:40px 36px}.hero-copy h1{font-size:clamp(44px,11vw,68px)}.hero-role{margin-top:12px;font-size:17px}.hero-summary{max-width:540px;margin-top:20px;font-size:20px}.hero-actions{gap:12px 26px;margin-top:24px}.text-link{font-size:16px}.selected-work{padding-bottom:40px}.selected-work h2{margin-bottom:10px;padding-top:32px}.project-row{grid-template-columns:24px 1fr;gap:10px 14px;margin-inline:0;padding:26px 0}.project-row h3{font-size:36px}.project-description,.row-action{grid-column:2}.project-meta{font-size:13px}.project-description p:last-child{font-size:16px}.row-action{margin-top:6px}.research-band{padding-block:38px 42px}.research-question{font-size:28px}.research-topics{font-size:15px}.site-footer{padding-block:36px 22px}.footer-main{flex-direction:column;align-items:start;gap:20px;padding-bottom:30px}.footer-contact{font-size:16px}.footer-small{flex-wrap:wrap;gap:12px 24px}.footer-small span:nth-child(2){order:2;width:100%}.page-hero{padding-top:42px;padding-bottom:38px}.page-hero h1{font-size:clamp(40px,9vw,60px)}.page-hero>p{margin-top:22px;font-size:18px}.research-intro{grid-template-columns:1fr;gap:28px;padding-top:0;padding-bottom:44px}.large-copy{font-size:26px}.focus-section{padding-bottom:50px}.focus-list li{grid-template-columns:24px 1fr;gap:12px 14px;margin-inline:0;padding:24px 0}.focus-list p{grid-column:2;font-size:16px}.focus-list h3{font-size:26px}.detail-heading{grid-template-columns:24px 1fr;gap:10px 14px;padding-top:24px}.detail-heading h2{font-size:38px}.detail-body{grid-template-columns:1fr;gap:26px;margin:28px 0 0}.project-note{padding:24px}.project-detail{padding-bottom:44px;scroll-margin-top:8px}.cv-section{padding-bottom:40px}.cv-section>section{grid-template-columns:1fr;gap:24px;padding-block:28px}.empty-state{min-height:180px;padding-bottom:60px}}@media (max-width:360px){:root{--gutter:20px}.hero-copy h1{font-size:42px}.hero-summary{font-size:18px}.hero-actions{gap:8px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.score-cursor-halo{display:none}.score-breath{opacity:.85;transform:none}.sound-toggle-btn:active,.text-link:hover span,.project-row:hover .row-action span{transform:none}}@media (forced-colors:active){.score-surface-container,.project-note{border:1px solid canvastext}.nav-link[aria-current=page]{text-decoration-color:linktext}.score-note{border-color:buttontext}.score-breath{stroke:canvastext}}@media print{.site-header,.site-footer,.skip-link,.score-controls-stepless,.antigravity-mesh-canvas{display:none}body{color:#000;background:#fff}.page-hero{padding-top:0}.cv-section>section{break-inside:avoid}}@media (prefers-reduced-transparency:reduce){.site-header,.score-controls-stepless{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header,.score-controls-stepless{background:#fff}}@media (prefers-contrast:more){:root{--secondary:#334155;--rule:#94a3b8}.site-header{background:#fff}.score-staff{opacity:.6}}