:root{--primary-font:"Outfit", sans-serif;--mono-font:"Space Mono", monospace;--dot-color:#fff;--text-color:#fff;--text-muted:#fff9;--header-weight:100;--bg-gradient:linear-gradient(to bottom, #01040f, #091326);--sky-gradient:linear-gradient(180deg, #01040f 0%, #171d3a 100%);--aurora-opacity:1;--stars-opacity:1;--mountain-back:#0f1525;--mountain-front:#0b101c;--nav-active-color:transparent}[data-theme=Light]{--text-color:#111;--text-muted:#0009;--dot-color:#000;--bg-gradient:linear-gradient(to bottom, #e0e5ec, #f4f6f9);--sky-gradient:linear-gradient(180deg, #87ceeb 0%, #e0f6ff 100%);--aurora-opacity:0;--stars-opacity:0;--snow-opacity:1;--mountain-back:#c3d2df;--mountain-front:#a8bcd1}[data-theme=Dark]{--text-color:#fff;--text-muted:#fff9;--dot-color:#fff;--bg-gradient:linear-gradient(to bottom, #111, #222);--sky-gradient:linear-gradient(180deg, #0d0d0d 0%, #1a1a1a 100%);--aurora-opacity:0;--stars-opacity:1;--mountain-back:#262626;--mountain-front:#1a1a1a}[data-theme=Night]{--text-color:#fff;--text-muted:#fff9;--dot-color:#fff;--bg-gradient:linear-gradient(to bottom, #01040f, #091326);--sky-gradient:linear-gradient(180deg, #050a1f 0%, #171d3a 100%);--aurora-opacity:1;--stars-opacity:1;--mountain-back:#0e1320ce;--mountain-front:#090d16}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--primary-font);color:var(--text-color);background:var(--bg-gradient);width:100vw;height:100vh;transition:background .5s;overflow:hidden}.loader-container{color:#fff;z-index:1000;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1.5s,visibility 1.5s;display:flex;position:fixed;top:0;left:0}.loader-container.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-text{letter-spacing:2px;gap:12px;font-size:2vw;font-weight:300;display:flex}.loader-text .bold-part{color:#a8a8a8;font-weight:400}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.background-wrapper{z-index:-1;background:var(--sky-gradient);width:100vw;height:100vh;transition:background .5s;position:fixed;top:0;left:0}.aurora-glow{width:100%;height:100%;opacity:var(--aurora-opacity);pointer-events:none;transition:opacity .5s;position:absolute;bottom:0;left:0;overflow:hidden}.aurora-glow:before{content:"";filter:blur(30px);mix-blend-mode:screen;background:radial-gradient(at 50% 100%,#00d2c859 0%,#00c8b440 15%,#00b4a026 30%,#00968c14 50%,#00647808 70%,#0000 100%);width:120%;height:120%;animation:10s ease-in-out infinite alternate auroraHorizon;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.aurora-glow:after{content:"";filter:blur(50px);mix-blend-mode:screen;background:radial-gradient(at 50% 100%,#00ffb426 0%,#00dcaa1a 20%,#00b4960f 40%,#00788205 60%,#0000 100%);width:100%;height:40%;animation:14s ease-in-out infinite alternate auroraHorizon2;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}@keyframes auroraHorizon{0%{opacity:.7;transform:translate(-50%)scaleX(1)}50%{opacity:1;transform:translate(-48%)scaleX(1.05)}to{opacity:.8;transform:translate(-52%)scaleX(.98)}}@keyframes auroraHorizon2{0%{opacity:.5;transform:translate(-50%)scaleX(1)}50%{opacity:.85;transform:translate(-52%)scaleX(1.08)}to{opacity:.6;transform:translate(-48%)scaleX(.95)}}.aurora-bands{width:100%;height:70%;opacity:var(--aurora-opacity);pointer-events:none;transition:opacity .5s;position:absolute;top:0;left:0;overflow:hidden}.aurora-bands:before{content:"";filter:blur(40px);mix-blend-mode:screen;background:linear-gradient(90deg,#0000 0%,#00ff6426 15%,#00ff964d 30%,#00c8ff33 50%,#00ff7859 70%,#64ff9626 85%,#0000 100%);width:150%;height:35%;animation:8s ease-in-out infinite alternate auroraPulse;position:absolute;top:-5%;left:-30%}.aurora-bands:after{content:"";filter:blur(60px);mix-blend-mode:screen;background:linear-gradient(90deg,#0000 0%,#64ffc81a 20%,#00ffb433 40%,#32c8ff40 60%,#00ff8226 80%,#0000 100%);width:110%;height:25%;animation:12s ease-in-out infinite alternate auroraPulse2;position:absolute;top:2%;left:-15%}@keyframes auroraPulse{0%{opacity:.6;transform:translate(-3%)scaleY(1)}50%{opacity:1;transform:translate(2%)scaleY(1.15)}to{opacity:.7;transform:translate(-1%)scaleY(.95)}}@keyframes auroraPulse2{0%{opacity:.5;transform:translate(2%)scaleY(1)}50%{opacity:.9;transform:translate(-2%)scaleY(1.2)}to{opacity:.6;transform:translate(1%)scaleY(.9)}}.webgl-canvas-container{width:100%;height:100%;opacity:var(--stars-opacity);transition:opacity .5s;position:absolute;top:0;left:0}.snow-canvas-container{width:100%;height:100%;opacity:var(--snow-opacity,0);pointer-events:none;transition:opacity .5s;position:absolute;top:0;left:0}.mountains-container{pointer-events:none;flex-direction:column;justify-content:flex-end;width:100%;height:55vh;transition:transform 1s cubic-bezier(.65,0,.35,1);display:flex;position:absolute;bottom:0;left:0}.mountains-container.detail-pov-right{transform:translate(-24%)scale(1.08)}.mountains-container.detail-pov-left{transform:translate(25%)scale(1.08)}.mountain-layer{width:170%;height:100%;fill:var(--mountain-back);filter:drop-shadow(0 -10px 20px #0003);transition:fill .5s;position:absolute;bottom:0;left:-35%}.mountain-layer.front{fill:var(--mountain-front);z-index:1;filter:drop-shadow(0 -15px 20px #0003);height:80%}.sidebar{z-index:10;border-right:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:60px;width:40px;height:100vh;display:flex;position:fixed;top:0;left:0}.language-toggle{z-index:40;color:var(--text-color);font-family:var(--primary-font);letter-spacing:.6px;cursor:pointer;background:#0a0e1847;border:1px solid #fff3;padding:6px 10px;font-size:13px;transition:opacity .2s,background .2s,border-color .2s;position:fixed;top:1.2rem;right:1.6rem}.language-toggle:hover{background:#0a0e1866;border-color:#ffffff52}[data-theme=Light] .language-toggle{background:#f5f8fc73;border:1px solid #00000024}.ui-layer{z-index:30;opacity:1;transition:opacity .26s;position:fixed;inset:0}.ui-layer.lang-fade{opacity:.82}[data-theme=Light] .sidebar{border-right:1px solid #0000000d}.theme-button{writing-mode:vertical-rl;color:var(--text-muted);font-family:var(--primary-font);cursor:pointer;letter-spacing:2px;background:0 0;border:none;font-size:14px;font-weight:200;transition:color .3s;transform:rotate(180deg)}.sidebar.ja .theme-button{letter-spacing:.5px;transform:none}.theme-button.active,.theme-button:hover{color:var(--text-color);font-weight:400}.header{z-index:10;position:absolute;top:calc(40px + 1.5rem);left:70px}.header h1{font-size:6vw;font-weight:var(--header-weight);letter-spacing:-1px;line-height:1}.header p{font-family:var(--mono-font);color:var(--text-muted);letter-spacing:1px;margin-top:10px;font-size:14px}.header-title-fade{animation:.3s headerTitleFade}.header-subtitle{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(.5px)}.header-subtitle.hidden{opacity:0;pointer-events:none;transform:translateY(-4px)}@keyframes headerTitleFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.navigation{z-index:10;flex-direction:column;gap:15px;display:flex;position:absolute;top:50%;left:70px;transform:translateY(-50%)}.navigation.disabled{pointer-events:none}.nav-item{color:var(--text-muted);font-family:var(--primary-font);text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:0 0;border:none;align-items:center;font-size:16px;font-weight:200;transition:all .3s;display:flex;position:relative}.nav-item .dot{opacity:0;color:var(--dot-color);transition:all .3s;position:absolute;left:-20px;transform:translate(-10px)}.nav-item .nav-text{transition:opacity .3s}.nav-item:hover{color:var(--text-color);transform:translate(20px)}.nav-item:hover .dot{opacity:1;transform:translate(0)}.nav-item.active{transform:translate(20px)}.nav-item.active .nav-text{opacity:0;pointer-events:none}.nav-item.active .dot{opacity:1;transform:translate(0)}.content-panel{text-align:right;z-index:10;max-width:380px;font-family:var(--primary-font);color:var(--text-color);font-size:16px;font-weight:300;line-height:1.6;transition:opacity .25s;position:absolute;bottom:80px;right:60px}.content-panel.hidden{opacity:0;pointer-events:none}.content-panel p{white-space:pre-wrap;animation:.6s forwards fadeUp}.content-summary{cursor:pointer;transition:opacity .2s;position:relative}.content-summary:hover{opacity:.92}.content-summary.disabled{pointer-events:none}.detail-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(42vw,620px);max-height:calc(100vh - 140px);color:var(--text-color);z-index:21;opacity:0;pointer-events:none;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;background:#0a0e1803;border:1px solid #ffffff29;padding:22px 22px 20px;font-weight:200;transition:opacity .4s;position:fixed;top:88px;right:56px;overflow-y:auto;transform:none}[data-theme=Light] .detail-panel{scrollbar-color:#00000052 transparent;background:#f5f8fc1a;border:1px solid #0000001f}.detail-panel::-webkit-scrollbar{width:9px}.detail-panel::-webkit-scrollbar-track{background:0 0}.detail-panel::-webkit-scrollbar-thumb{background:#ffffff47 padding-box content-box;border:2px solid #0000;border-radius:999px}.detail-panel::-webkit-scrollbar-thumb:hover{background:#ffffff73 padding-box content-box;border:2px solid #0000}[data-theme=Light] .detail-panel::-webkit-scrollbar-thumb{background:#0000004d padding-box content-box;border:2px solid #0000}[data-theme=Light] .detail-panel::-webkit-scrollbar-thumb:hover{background:#0000006b padding-box content-box;border:2px solid #0000}.detail-panel.visible{opacity:1;pointer-events:auto}.detail-panel h3{font-family:var(--primary-font);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-weight:200}.detail-panel p{font-family:var(--primary-font);white-space:pre-wrap;margin-bottom:10px;font-weight:200;line-height:1.65}.detail-panel strong,.detail-side-info strong{font-weight:400}.research-separator{background:#ffffff2e;height:1px;margin:14px 0 16px}[data-theme=Light] .research-separator{background:#0000002e}.back-button{color:var(--text-color);font-family:var(--primary-font);letter-spacing:.8px;cursor:pointer;z-index:22;background:0 0;border:1px solid #ffffff29;padding:7px 11px;font-size:13px;transition:opacity .2s,border-color .2s;position:fixed;top:1rem;left:4rem}[data-theme=Light] .back-button{border:1px solid #00000024}.back-button:hover{border-color:var(--text-color)}.back-button.disabled{opacity:.5;pointer-events:none}.project-link{color:var(--text-muted);opacity:.6;vertical-align:super;margin-left:8px;font-size:.85em;line-height:1;text-decoration:none;transition:opacity .2s,color .2s,transform .2s;display:inline-block}.project-link:hover{opacity:1;color:var(--text-color);transform:translate(1px,-1px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{font-family:var(--mono-font);color:var(--text-muted);z-index:10;font-size:12px;position:fixed;bottom:20px;left:60px}.noise-overlay{pointer-events:none;opacity:0;z-index:20;background:url("data:image/svg+xml;utf8,%3svg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3e%3filter id=\"noiseFilter\"%3e%3feTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3e%3/filter%3e%3rect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3e%3/svg%3e");width:100vw;height:100vh;position:fixed;top:0;left:0}@media (width<=767px){body{overflow:hidden}.loader-text{gap:8px;font-size:5.5vw}.language-toggle{padding:5px 9px;font-size:11px;top:.9rem;right:.9rem}.sidebar{border-right:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;width:calc(100vw - 32px);height:auto;display:flex;top:3.8rem;left:16px}.theme-button{writing-mode:horizontal-tb;letter-spacing:.8px;font-size:12px;transform:none}.sidebar.ja .theme-button{letter-spacing:.4px;transform:none}.header{top:6.1rem;left:16px;right:16px}.header h1{letter-spacing:-.3px;font-size:clamp(1.6rem,8.5vw,2.6rem)}.header p{margin-top:6px;font-size:11px}.navigation{gap:8px;max-height:none;padding-right:0;inset:auto 16px 10.5rem;overflow:visible;transform:none}.nav-item{letter-spacing:1.1px;font-size:12px}.nav-item .dot{left:-14px}.nav-item:hover,.nav-item.active{transform:translate(10px)}.content-panel{text-align:left;max-width:none;font-size:12.5px;line-height:1.5;bottom:2.8rem;left:46%;right:16px}.detail-side-info{display:none}.back-button{padding:6px 10px;font-size:11px;top:.95rem;left:.95rem}.footer{font-size:11px;bottom:14px;left:16px}.mountains-container{height:42vh}.mountains-container.detail-pov-right{transform:translate(-8%)scale(1.03)}.mountains-container.detail-pov-left{transform:translate(8%)scale(1.03)}.detail-panel.mobile{background:#050a141a;border:none;border-radius:0;width:100vw;max-height:100vh;padding:84px 20px 24px;font-size:13px;line-height:1.55;inset:0;transform:none}.detail-panel.mobile h3{font-size:14px}.detail-panel.mobile p{font-size:13px;line-height:1.55}[data-theme=Light] .detail-panel.mobile{background:#f0f6fce6}}.detail-side-info{z-index:10;max-width:360px;color:var(--text-color);font-family:var(--primary-font);font-size:15px;font-weight:200;line-height:1.6;position:absolute;top:50%;left:70px;transform:translateY(-50%)}.detail-side-info p{white-space:pre-wrap;margin-bottom:14px}.detail-side-info p:last-child{margin-bottom:0}