.app{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;gap:3rem;padding:2rem;z-index:100;background:transparent}.nav button{background:transparent;border:none;font-family:Silkscreen,sans-serif;font-size:.7rem;color:var(--accent);cursor:none;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease;opacity:.6}.nav button:hover{opacity:1}.main{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:center;padding-top:6rem}.section{width:100%;max-width:1100px;padding:2rem;text-align:left;overflow-y:auto;max-height:calc(100vh - 8rem)}.section h1{font-family:Silkscreen,sans-serif;font-size:1.5rem;margin-bottom:3rem;border-bottom:1px solid var(--accent);padding-bottom:1rem}.section h2{font-family:Silkscreen,sans-serif;font-size:1rem;margin:2rem 0 1rem;opacity:.8}.projects-container{display:flex;flex-direction:column;gap:3rem}.year-section{margin-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.project-card{cursor:pointer;text-decoration:none;color:inherit;border:1px solid var(--accent);padding:1rem;transition:all .3s ease;opacity:.8;background:transparent}.project-card:hover{opacity:1}.project-card img{width:100%;height:200px;object-fit:cover;margin-bottom:1rem;border:none}.project-card h3{font-family:Silkscreen,sans-serif;font-size:.9rem;margin:.5rem 0}.project-meta{font-size:.7rem;color:var(--accent);margin:0}.works-section{max-width:700px}.works-list{display:flex;flex-direction:column;gap:1rem}.work-item{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:1rem;border-bottom:1px dashed var(--accent)}.work-item h3{font-size:.85rem;margin:0;flex:1;margin-right:1rem}.work-item a{color:inherit;text-decoration:underline dotted}.work-item .year{color:var(--accent);font-size:.7rem;white-space:nowrap}.about-section{max-width:700px}.about-content{margin-bottom:3rem}.about-bilingual{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.about-english p,.about-japanese p{font-size:.9rem;line-height:1.8;margin-bottom:.5rem}.about-japanese{color:var(--accent)}.about-japanese a{color:inherit}.profile-image{display:block;margin:2rem auto;max-width:100%;border:1px solid var(--accent)}.about-footer{text-align:center;font-size:.7rem;color:var(--accent);border-top:1px solid var(--accent);padding-top:2rem;margin-top:4rem}.about-footer p{margin:.5rem 0}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.social-links a{color:var(--accent);text-decoration:underline dotted}@media(max-width:768px){.nav{gap:1.5rem;padding:1rem}.section{padding:1rem}.section h1{font-size:1.2rem}.projects-grid{grid-template-columns:1fr}.about-bilingual{gap:1.5rem}}.panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-panel{position:fixed;top:0;right:0;width:600px;max-width:90vw;height:100%;background:var(--bg-dark);border-left:1px solid var(--accent);z-index:201;overflow-y:auto}.close-button{position:absolute;top:2rem;right:2rem;background:transparent;border:none;color:var(--accent);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.close-button:hover{opacity:.6}.panel-content{padding:4rem 2rem 2rem}.panel-image{width:100%;height:300px;object-fit:cover;margin-bottom:2rem;border:1px solid var(--accent)}.panel-title{font-family:Silkscreen,sans-serif;font-size:1.5rem;margin-bottom:1rem}.panel-meta{display:flex;gap:1rem;margin-bottom:2rem;font-size:.8rem;color:var(--accent)}.panel-year{font-weight:700}.panel-categories{opacity:.8}.panel-description{font-size:1rem;line-height:1.8;margin-bottom:2rem}.panel-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.panel-tags .tag{background-color:var(--accent);color:var(--bg-dark);padding:.3rem .6rem;font-size:.7rem;font-family:Silkscreen,sans-serif}.panel-link{display:inline-block;padding:1rem 2rem;border:1px solid var(--accent);color:inherit;text-decoration:none;font-family:Silkscreen,sans-serif;font-size:.8rem;transition:all .3s}.panel-link:hover{background:var(--accent);color:var(--bg-dark)}@media(max-width:768px){.project-panel{width:100%;max-width:100%}.panel-content{padding:6rem 1.5rem 1.5rem}.panel-image{height:200px}.panel-title{font-size:1.2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-light: #ffffff;--fg-light: #111111;--bg-dark: #0e0e0e;--fg-dark: #f0f0f0;--accent: #999}@media(prefers-color-scheme:dark){body{background-color:var(--bg-dark);color:var(--fg-dark)}}@media(prefers-color-scheme:light){body{background-color:var(--bg-light);color:var(--fg-light)}}body{font-family:DotGothic16,sans-serif;overflow-x:hidden;cursor:none}#root{width:100vw;height:100vh;overflow:hidden}