why div[style*="z-index: 10000"][style*="pointer-events: none"]{display:none!important}#webgl-canvas{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;z-index:1;display:block}html,body{margin:0;padding:0;width:100vw;height:100vh;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:relative;z-index:1}.time-toggle{position:fixed;top:20px;right:20px;z-index:1000;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0003;backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease;user-select:none}.time-toggle:hover{background:#0006;border-color:#ffffff80;transform:scale(1.1)}.time-toggle:active{transform:scale(.95)}.performance-toggle{top:94px;right:20px;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0003;backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;user-select:none;position:fixed;z-index:1000;color:#fff}.performance-toggle:hover{background:#0006;border-color:#ffffff80;transform:scale(1.08)}.performance-toggle:active{transform:scale(.95)}.performance-toggle .performance-label{font-size:.75rem;font-weight:700;letter-spacing:.02em;color:currentColor}.performance-toggle[data-mode=high] .performance-label{color:#82dcff}.performance-toggle[data-mode=medium] .performance-label{color:#ffc864}.performance-toggle[data-mode=low] .performance-label{color:#ff9696}[data-theme=light] .time-toggle{background:#ffffff4d;border-color:#0003}[data-theme=light] .time-toggle:hover{background:#ffffff80;border-color:#0000004d}[data-theme=light] .performance-toggle{background:#ffffff40;border-color:#0003;color:#111827}[data-theme=light] .performance-toggle:hover{background:#ffffff73;border-color:#0000004d}.weather-toggle{position:fixed;top:242px;right:20px;z-index:1000;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0003;backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease;user-select:none}.weather-toggle:hover{background:#0006;border-color:#ffffff80;transform:scale(1.1)}.weather-toggle:active{transform:scale(.95)}[data-theme=light] .weather-toggle{background:#ffffff4d;border-color:#0003}[data-theme=light] .weather-toggle:hover{background:#ffffff80;border-color:#0000004d}.sound-toggle{position:fixed;top:316px;right:20px;z-index:1000;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0003;backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease;user-select:none}.sound-toggle:hover{background:#0006;border-color:#ffffff80;transform:scale(1.1)}.sound-toggle:active{transform:scale(.95)}[data-theme=light] .sound-toggle{background:#ffffff4d;border-color:#0003}[data-theme=light] .sound-toggle:hover{background:#ffffff80;border-color:#0000004d}#weather-fx{position:fixed;inset:0;pointer-events:none;z-index:500;background:radial-gradient(ellipse at center,transparent 55%,rgba(8,12,20,.4) 100%);opacity:0;transition:opacity 2s ease}[data-weather=rain] #weather-fx{opacity:.5}[data-weather=storm] #weather-fx{opacity:1}#weather-fx:after{content:"";position:absolute;inset:0;background:#deebff;opacity:0}#weather-fx.flash:after{animation:weather-lightning-flash .45s ease-out}@keyframes weather-lightning-flash{0%{opacity:.28}to{opacity:0}}@media(prefers-reduced-motion:reduce){#weather-fx.flash:after{animation:none}}.lite-mode-link{position:fixed;top:168px;right:20px;width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0003;backdrop-filter:blur(12px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;color:#fff;text-decoration:none}.lite-mode-link:hover{background:#0006;border-color:#ffffff80;transform:scale(1.08)}.lite-mode-link .lite-icon{width:18px;height:18px}[data-theme=light] .lite-mode-link{background:#ffffff40;border-color:#0003;color:#111827}[data-theme=light] .lite-mode-link:hover{background:#ffffff73;border-color:#0000004d}@media(max-width:768px){.lite-mode-link .lite-icon{width:20px;height:20px}}@media(max-width:480px){.lite-mode-link .lite-icon{width:18px;height:18px}}.text-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;pointer-events:none;background:transparent}.overlay-container{padding:4rem;display:flex;flex-direction:column;justify-content:space-between;height:100%;max-width:100%}.text-content-top{padding-top:4rem;text-align:left}.main-heading{font-size:3.75rem;padding-bottom:2rem;font-weight:700;letter-spacing:-.025em;margin:0;background:linear-gradient(90deg,#111827,#374151,#111827,#374151,#111827);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 20s linear infinite}@keyframes gradient-shift{0%{background-position:0% center}to{background-position:200% center}}[data-time=sunrise] .main-heading{background:linear-gradient(90deg,#df794e,#c2754c,#e2845c,#ea580c,#ea9d7c);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-time=midday] .main-heading{background:linear-gradient(90deg,#0094d4,#0ea5e9,#70cff8,#b7e8ff,#2fc2fc);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-time=sunset] .main-heading{background:linear-gradient(90deg,#ffbb9e,#fb923c,#ffbb9e,#fb923c,#ffbb9e);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-time=night] .main-heading{background:linear-gradient(90deg,#674eff,#a78bfa,#674eff,#a78bfa,#674eff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.flip-words-container{font-size:2.25rem;font-weight:400;color:#52525b;transition:color 1s ease}[data-time=sunrise] .flip-words-container{color:#f0b997}[data-time=midday] .flip-words-container{color:#547582}[data-time=sunset] .flip-words-container{color:#e9a28a}[data-time=night] .flip-words-container{color:#bab1ff}.flip-words-prefix{display:inline-block}.flip-words{display:inline-block;min-width:200px;font-weight:600;color:#10b981;position:relative;transition:color 1s ease}.typed-text{display:inline}.typing-cursor{display:inline-block;margin-left:2px;font-weight:400;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}[data-time=sunrise] .flip-words{color:#eeb39b}[data-time=midday] .flip-words{color:#1c5065}[data-time=sunset] .flip-words{color:#df8761}[data-time=night] .flip-words{color:#a79cff}.marquee-container{position:fixed;bottom:0;left:0;width:100%;overflow:hidden;z-index:1000;pointer-events:none;background:#0000000d;backdrop-filter:blur(10px);padding:1rem 0;border-top:1px solid rgba(255,255,255,.1)}[data-time=sunrise] .marquee-container{background:#c2410c14;border-top-color:#c2410c33}[data-time=midday] .marquee-container{background:#0070a014;border-top-color:#0070a033}[data-time=sunset] .marquee-container{background:#ffbb9e14;border-top-color:#ffbb9e33}[data-time=night] .marquee-container{background:#674eff14;border-top-color:#674eff33}.marquee-content{display:flex;white-space:nowrap;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-text{font-size:1.125rem;font-weight:600;color:#064e3b;padding:0 2rem;transition:color 1s ease}[data-time=sunrise] .marquee-text{color:#ffb683}[data-time=midday] .marquee-text{color:#075985}[data-time=sunset] .marquee-text{color:#feaa76}[data-time=night] .marquee-text{color:#bab1ff}@media(min-width:1024px){.overlay-container{padding:0rem 14rem}}@media(max-width:768px){.overlay-container{padding:0 6rem}.main-heading{font-size:3rem;padding-bottom:2rem}.flip-words-container{font-size:2rem}#left-nav{display:none!important}#top-settings{left:10px!important;top:50px!important;gap:10px!important}#top-settings button{width:44px!important;height:44px!important;font-size:16px!important}#top-settings a{width:40px!important;height:40px!important;font-size:16px!important}#top-settings .performance-label{font-size:.65rem!important}#mobile-menu-btn{display:flex!important}.marquee-text{font-size:1rem}}@media(max-width:480px){#top-settings{left:8px!important;top:45px!important;gap:8px!important}#top-settings button{width:40px!important;height:40px!important;font-size:14px!important}#top-settings a{width:36px!important;height:36px!important;font-size:14px!important}#top-settings .performance-label{font-size:.6rem!important}#mobile-menu-btn{width:50px!important;height:50px!important;right:16px!important}#mobile-sidebar{padding:16px!important}}#left-nav{pointer-events:auto}#about-me-btn{transition:all .3s ease}[data-time=sunrise] #about-me-btn{border-color:#c2410c66;background:#a1620733;color:#c2410c}[data-time=sunrise] #about-me-btn:hover{border-color:#c2410c99;background:#a162074d}[data-time=midday] #about-me-btn{border-color:#0070a066;background:#07598533;color:#0070a0}[data-time=midday] #about-me-btn:hover{border-color:#0070a099;background:#0759854d}[data-time=sunset] #about-me-btn{border-color:#ffbb9e66;background:#ff9aa233;color:#ffbb9e}[data-time=sunset] #about-me-btn:hover{border-color:#ffbb9e99;background:#ff9aa24d}[data-time=night] #about-me-btn{border-color:#674eff66;background:#674eff26;color:#a79cff}[data-time=night] #about-me-btn:hover{border-color:#674eff99;background:#674eff40}#fps-counter{transition:all .3s ease}[data-time=sunrise] #fps-counter{background:#c2410ccc!important;border-color:#c2410c66!important}[data-time=midday] #fps-counter{background:#0070a0cc!important;border-color:#0070a066!important}[data-time=sunset] #fps-counter{background:#ff9aa2cc!important;border-color:#ffbb9e66!important}[data-time=night] #fps-counter{background:#674effcc!important;border-color:#674eff66!important}.coverflow-overlay{position:fixed;height:100vh;width:100vw;z-index:950;opacity:0;pointer-events:none;transition:opacity .3s ease}.coverflow-overlay.visible{opacity:1;pointer-events:auto}.coverflow-shell{display:flex;flex-direction:column;justify-content:flex-start;height:100vh;position:relative;padding:4rem 14rem;color:#f8fafc;overflow:hidden}.section-header{max-width:100%;text-align:left}.section-header h2{margin:0;font-size:3.75rem;font-weight:700;letter-spacing:-.025em;padding-bottom:.5rem;color:#111827;transition:color 1s ease,text-shadow 1s ease}[data-time=sunrise] .section-header h2{color:#dd6b3a;text-shadow:0 0 40px rgba(221,107,58,.4)}[data-time=midday] .section-header h2{color:#2da6d9;text-shadow:0 0 40px rgba(45,166,217,.35)}[data-time=sunset] .section-header h2{color:#ffbb9e;text-shadow:0 0 40px rgba(255,187,158,.5)}[data-time=night] .section-header h2{color:#674eff;text-shadow:0 0 40px rgba(103,78,255,.5)}.section-subtitle{font-size:1rem;margin:0;transition:color 1s ease}[data-time=sunrise] .section-subtitle{color:#d57539}[data-time=midday] .section-subtitle{color:#68c7ed}[data-time=sunset] .section-subtitle{color:#ffa78a}[data-time=night] .section-subtitle{color:#bab1ff}.coverflow-header{padding-top:4rem}.coverflow-header h2{padding-bottom:2rem}@media(max-width:768px){.section-header h2{font-size:3rem}.section-subtitle{font-size:.9rem}.coverflow-shell{padding:0 6rem}.coverflow-header{padding-top:2rem}.coverflow-header h2{padding-bottom:2rem}.coverflow-controls{margin-top:3rem}.coverflow-hint{font-size:.75rem;text-align:center}}.coverflow-stage{position:relative;min-height:clamp(380px,55vh,520px)}.coverflow-container{position:relative;width:100%;height:clamp(360px,60vh,520px);perspective:1600px;margin-top:clamp(1.5rem,2vw,3rem)}.coverflow-sidebar{position:absolute;top:0;right:-80px;width:160px;height:100%;background:linear-gradient(180deg,#ffffff14,#0f766e1a);filter:blur(40px);opacity:.7;pointer-events:none}.coverflow-card{position:absolute;top:50%;left:50%;width:min(60vh,350px);height:min(60vh,350px);padding:3rem;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .4s ease,opacity .4s ease,box-shadow .35s ease,border-color .3s ease;border-radius:24px;overflow:hidden;background-image:var(--coverflow-card-bg);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 80px #00000073;filter:saturate(.65) brightness(.8);opacity:.6;color:#0f172a;cursor:pointer;will-change:transform,filter,opacity}.coverflow-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f172a80,#02061766);opacity:0;transition:opacity .4s ease}.coverflow-card-gradient{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.25),transparent 55%);mix-blend-mode:screen;opacity:.4;pointer-events:none;transition:opacity .5s ease,transform .5s ease}.coverflow-card:hover .coverflow-card-gradient{opacity:.6;transform:scale(1.1)}.coverflow-card.focused{filter:saturate(1) brightness(1);opacity:1;box-shadow:0 40px 120px #000000a6,0 0 55px #fafafa33;border-color:#ffffff80;animation:cardPulse 3s ease-in-out infinite}@keyframes cardPulse{0%,to{box-shadow:0 40px 120px #000000a6,0 0 55px #fafafa33}50%{box-shadow:0 40px 120px #000000a6,0 0 70px #fafafa59}}.coverflow-card.focused:before{opacity:1}.coverflow-card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#f8fafcf2;opacity:0;transform:translateY(20px);transition:opacity .25s ease .05s,transform .25s ease .05s}.coverflow-card.focused .coverflow-card-content{opacity:1;transform:translateY(0)}.coverflow-card.focused .coverflow-card-content>*{animation:fadeInUp .35s ease forwards;opacity:0}.coverflow-card.focused .coverflow-card-content>*:nth-child(1){animation-delay:.05s}.coverflow-card.focused .coverflow-card-content>*:nth-child(2){animation-delay:.12s}.coverflow-card.focused .coverflow-card-content>*:nth-child(3){animation-delay:.19s}.coverflow-card.focused .coverflow-card-content>*:nth-child(4){animation-delay:.26s}.coverflow-card.focused .coverflow-card-content>*:nth-child(5){animation-delay:.33s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.coverflow-card-badge{display:inline-flex;align-self:flex-start;padding:.35rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;border:1px solid rgba(248,250,252,.4);background:#ffffff26;transition:all .3s ease;backdrop-filter:blur(10px)}.coverflow-card.focused .coverflow-card-badge{background:#ffffff40;border-color:#f8fafc99;transform:scale(1.05)}.coverflow-card h3{margin:1rem 0 .5rem;font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.01em}.coverflow-card p{margin:0;font-size:.95rem;line-height:1.5;color:#f8fafccc}.coverflow-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.coverflow-card-tag{padding:.35rem .85rem;border-radius:999px;border:1px solid rgba(248,250,252,.35);font-size:.8rem;color:#f8fafcd9;transition:all .3s ease;backdrop-filter:blur(5px)}.coverflow-card.focused .coverflow-card-tag:hover{background:#f8fafc26;border-color:#f8fafc80;transform:translateY(-2px)}.coverflow-card-actions{display:flex;justify-content:flex-end}.coverflow-card-link{border:1px solid rgba(248,250,252,.6);background:transparent;color:#f8fafc;padding:.5rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.coverflow-card-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#f8fafce6;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:-1}.coverflow-card-link:disabled{opacity:.5;cursor:not-allowed}.coverflow-card-link:not(:disabled):hover{color:#020617;transform:translateY(-2px);box-shadow:0 4px 12px #f8fafc4d}.coverflow-card-link:not(:disabled):hover:before{width:120%;height:300%}.coverflow-card-link:not(:disabled):active{transform:translateY(0)}.coverflow-controls{margin-top:6rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.coverflow-btn{width:56px;height:56px;border-radius:999px;border:1px solid rgba(248,250,252,.35);background:#ffffff1a;color:#f8fafc;cursor:pointer;font-size:1.25rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.coverflow-btn:after{content:"";position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle at center,rgba(248,250,252,.3),transparent);opacity:0;transition:opacity .3s ease}.coverflow-btn:disabled{opacity:.35;cursor:not-allowed}.coverflow-btn:not(:disabled):hover{background:#f8fafce6;color:#020617;transform:translateY(-2px) scale(1.1);box-shadow:0 8px 20px #f8fafc40}.coverflow-btn:not(:disabled):hover:after{opacity:1}.coverflow-btn:not(:disabled):active{transform:translateY(0) scale(1.05)}.coverflow-hint{margin:0;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;transition:color 1s ease}[data-time=sunrise] .coverflow-hint{color:#d57539}[data-time=midday] .coverflow-hint{color:#68c7ed}[data-time=sunset] .coverflow-hint{color:#ffa78a}[data-time=night] .coverflow-hint{color:#bab1ff}.coverflow-empty{color:#f8fafc99;text-align:center;padding:3rem 0}@media(max-width:900px){.coverflow-card{width:min(70vw,360px);height:min(70vw,360px)}.coverflow-sidebar{display:none}.coverflow-shell{padding:3rem 2rem}.coverflow-header{margin-bottom:4rem;margin-left:4rem}.coverflow-container{height:clamp(320px,50vh,420px)}.coverflow-stage{min-height:clamp(320px,50vh,420px)}}@media(max-width:640px){.coverflow-card{width:min(75vw,300px);height:min(75vw,300px);border-radius:20px}.coverflow-card h3{font-size:clamp(1.2rem,4vw,1.5rem);margin:.5rem 0 .3rem}.coverflow-card p{font-size:.85rem;line-height:1.4}.coverflow-card-badge{padding:.25rem .6rem;font-size:.65rem}.coverflow-card-tags{gap:.35rem;margin:.5rem 0}.coverflow-card-tag{padding:.25rem .6rem;font-size:.7rem}.coverflow-card-link{padding:.4rem 1rem;font-size:.85rem}.coverflow-controls{flex-direction:row;margin-top:2rem;gap:.75rem}.coverflow-btn{width:44px;height:44px;font-size:1rem}.coverflow-shell{border-radius:0;width:100vw;height:100vh;padding:1.5rem 1rem}.section-header h2{font-size:2rem}.section-subtitle{font-size:.8rem;line-height:1.4}.coverflow-header{margin-bottom:2rem}.coverflow-header h2{margin-bottom:.5rem;padding-bottom:1rem}.coverflow-container{height:clamp(280px,45vh,360px);margin-top:1rem}.coverflow-stage{min-height:clamp(280px,45vh,360px)}.coverflow-hint{font-size:.7rem;max-width:200px;line-height:1.3}}@media(max-width:480px){.coverflow-card{width:min(70vw,260px);height:min(70vw,260px);border-radius:16px}.coverflow-card h3{font-size:1.1rem;margin:.3rem 0 .2rem}.coverflow-card p{font-size:.75rem;line-height:1.3}.coverflow-card-badge{padding:.2rem .5rem;font-size:.6rem}.coverflow-card-tags{gap:.25rem;margin:.3rem 0}.coverflow-card-tag{padding:.2rem .5rem;font-size:.65rem}.coverflow-card-link{padding:.35rem .8rem;font-size:.75rem}.coverflow-shell{padding:0}.coverflow-header{margin:3rem 5rem 6rem}.section-subtitle{font-size:.85rem}.coverflow-controls{margin-top:4.5rem;gap:.5rem}.coverflow-btn{width:40px;height:40px;font-size:.9rem}.coverflow-container{height:clamp(240px,40vh,320px)}.coverflow-stage{min-height:clamp(240px,40vh,320px)}.coverflow-hint{font-size:.65rem}}.articles-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5000;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse at top,#140a28d9,#05050ff2)}.articles-header{position:absolute;top:8%;text-align:center;z-index:10}.articles-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 0 40px rgba(255,200,100,.5),0 0 80px rgba(255,150,50,.3);letter-spacing:.05em}.articles-subtitle{font-size:clamp(.9rem,2vw,1.1rem);color:#ffffffb3;margin:0;font-weight:400}.articles-cards-container{position:relative;width:100%;height:60%;display:flex;align-items:center;justify-content:center;perspective:1200px;transform-style:preserve-3d}.article-lantern-card{position:absolute;left:50%;width:clamp(280px,35vw,360px);min-height:320px;border-radius:20px;cursor:pointer;transform-style:preserve-3d;transition:all .5s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity;--lantern-color: #ffb347}.article-card-glow{position:absolute;inset:-20px;border-radius:30px;background:radial-gradient(ellipse at center,var(--lantern-color) 0%,transparent 70%);opacity:.3;filter:blur(20px);pointer-events:none;transition:opacity .3s ease}.article-lantern-card.active .article-card-glow{opacity:.5;animation:lanternPulse 3s ease-in-out infinite}@keyframes lanternPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.article-card-content{position:relative;height:100%;padding:1.5rem;background:linear-gradient(145deg,#1e1432f2,#0f0a1efa);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.article-lantern-card.active .article-card-content{border-color:var(--lantern-color);box-shadow:0 25px 50px -12px #00000080,0 0 30px -5px var(--lantern-color),inset 0 1px #ffffff26}.article-card-category{display:inline-block;width:fit-content;padding:.35rem .75rem;background:var(--lantern-color);color:#000;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:20px}.article-card-title{font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:700;color:#fff;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-excerpt{font-size:.9rem;color:#ffffffb3;margin:0;line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{display:flex;gap:1rem;font-size:.75rem;color:#ffffff80}.article-card-time:before{content:"⏱ "}.article-card-date:before{content:"📅 "}.article-card-actions{margin-top:auto;padding-top:.75rem}.article-card-link{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--lantern-color),color-mix(in srgb,var(--lantern-color) 70%,#000));color:#000;font-size:.85rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.article-card-link:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px -10px var(--lantern-color)}.article-card-link:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.articles-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#140a28cc;backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100}.articles-nav-btn:hover{background:#ffc86433;border-color:#ffc86480;transform:translateY(-50%) scale(1.1)}.articles-nav-btn svg{width:24px;height:24px}.articles-nav-prev{left:5%}.articles-nav-next{right:5%}.articles-hint{position:absolute;bottom:8%;display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.85rem}.articles-hint kbd{padding:.25rem .6rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-family:inherit;font-size:.8rem}.lantern-label{pointer-events:auto;cursor:pointer;will-change:opacity,transform}.lantern-label:not(.animating){transition:transform .3s ease}.lantern-label:hover{transform:scale(1.05)}.lantern-label-inner{background:linear-gradient(135deg,#140f28eb,#0a0519f2);border:1px solid rgba(255,200,100,.3);border-radius:16px;padding:1.25rem;width:260px;backdrop-filter:blur(12px);box-shadow:0 20px 40px #00000080,0 0 30px #ff963226,inset 0 1px #ffffff1a;transition:background 2.5s cubic-bezier(.4,0,.2,1),border-color 2s ease-in-out,box-shadow 2s ease-in-out;position:relative;overflow:hidden}.lantern-label-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,180,100,.6),transparent);transition:background 2.5s cubic-bezier(.4,0,.2,1)}.lantern-label:hover .lantern-label-inner{border-color:#ffc86480;box-shadow:0 25px 50px #0009,0 0 50px #ff963240,inset 0 1px #ffffff26}.lantern-category{display:inline-block;padding:.3rem .6rem;background:var(--lantern-color, rgba(255, 200, 100, .3));background:linear-gradient(135deg,var(--lantern-color, #ffb347),color-mix(in srgb,var(--lantern-color, #ffb347) 70%,#000));color:#fff;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:6px;margin-bottom:.6rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.lantern-title{font-size:1rem;font-weight:700;color:#fff;margin:0;line-height:1.3;transition:color .3s ease-in-out,margin .3s ease}.lantern-details{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.lantern-label:hover .lantern-details{max-height:300px;opacity:1;margin-top:.6rem}.lantern-excerpt{font-size:.8rem;color:#ffffffb3;margin:0 0 .75rem;line-height:1.4;transition:color 1.5s ease-in-out}.lantern-meta{display:flex;gap:1rem;font-size:.7rem;color:#ffffff80;margin-bottom:.75rem;transition:color 1.5s ease-in-out}.lantern-link{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,var(--lantern-color, #ffb347),color-mix(in srgb,var(--lantern-color, #ffb347) 80%,#fff));color:#000;font-size:.75rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;text-shadow:none}.lantern-link:hover{transform:translateY(-2px);box-shadow:0 5px 20px color-mix(in srgb,var(--lantern-color, #ff8c00) 60%,transparent);filter:brightness(1.1)}.lantern-coming-soon{display:inline-block;padding:.5rem 1rem;background:#ffffff1a;color:#ffffff80;font-size:.75rem;font-weight:500;border-radius:8px}[data-time=sunrise] .lantern-label-inner{background:linear-gradient(135deg,#fff5ebeb,#ffebd7f2);border-color:#ff8c444d;box-shadow:0 20px 40px #ff8c4433,0 0 30px #ff6b9d26,inset 0 1px #ff8c4433}[data-time=sunrise] .lantern-label:hover .lantern-label-inner{border-color:#ff8c4480;box-shadow:0 25px 50px #ff8c444d,0 0 50px #ff6b9d40,inset 0 1px #ff8c444d}[data-time=sunrise] .lantern-label-inner:before{background:linear-gradient(90deg,transparent,rgba(255,140,68,.6),transparent)}[data-time=sunrise] .lantern-title{color:#3c281ef2}[data-time=sunrise] .lantern-excerpt{color:#503c32d9}[data-time=sunrise] .lantern-meta{color:#503c32b3}[data-time=midday] .lantern-label-inner{background:linear-gradient(135deg,#ffffffeb,#f0f8fff2);border-color:#00aa884d;box-shadow:0 20px 40px #0088ff26,0 0 30px #0a83,inset 0 1px #0a83}[data-time=midday] .lantern-label:hover .lantern-label-inner{border-color:#00aa8880;box-shadow:0 25px 50px #0088ff40,0 0 50px #00aa884d,inset 0 1px #00aa884d}[data-time=midday] .lantern-label-inner:before{background:linear-gradient(90deg,transparent,rgba(0,170,136,.6),transparent)}[data-time=midday] .lantern-title{color:#0a0f19f2}[data-time=midday] .lantern-excerpt{color:#1e2837d9}[data-time=midday] .lantern-meta{color:#1e2837b3}[data-time=sunset] .lantern-label-inner{background:linear-gradient(135deg,#322337eb,#3c2841f2);border-color:#ff99554d;box-shadow:0 20px 40px #c6f3,0 0 30px #ff995540,inset 0 1px #f953}[data-time=sunset] .lantern-label:hover .lantern-label-inner{border-color:#ff995580;box-shadow:0 25px 50px #cc66ff4d,0 0 50px #ff995559,inset 0 1px #ff99554d}[data-time=sunset] .lantern-label-inner:before{background:linear-gradient(90deg,transparent,rgba(255,153,85,.6),transparent)}[data-time=sunset] .lantern-title{color:#fff0e6f2}[data-time=sunset] .lantern-excerpt{color:#ffdcd2d9}[data-time=sunset] .lantern-meta{color:#ffdcd2b3}[data-time=night] .lantern-label-inner{background:linear-gradient(135deg,#0a0f19eb,#0f1423f2);border-color:#00ddff4d;box-shadow:0 20px 40px #00003280,0 0 30px #0df3,inset 0 1px #0df3}[data-time=night] .lantern-label:hover .lantern-label-inner{border-color:#00ddff80;box-shadow:0 25px 50px #00003299,0 0 50px #00ddff4d,inset 0 1px #00ddff4d}[data-time=night] .lantern-label-inner:before{background:linear-gradient(90deg,transparent,rgba(0,221,255,.6),transparent)}[data-time=night] .lantern-title{color:#fffffff2}[data-time=night] .lantern-excerpt{color:#dce6ffd9}[data-time=night] .lantern-meta{color:#dce6ffb3}@media(max-width:768px){.articles-header{top:5%}.article-lantern-card{width:clamp(260px,80vw,320px);min-height:280px}.articles-nav-btn{width:44px;height:44px}.articles-nav-prev{left:2%}.articles-nav-next{right:2%}.article-card-content{padding:1.25rem}.article-card-title{font-size:1.1rem}.article-card-excerpt{font-size:.85rem;-webkit-line-clamp:2}}@media(max-width:480px){.articles-cards-container{perspective:800px}.article-lantern-card{width:clamp(240px,85vw,300px);min-height:260px}.articles-nav-btn{display:none}.articles-hint{font-size:.75rem}.article-card-content{padding:1rem;gap:.5rem}}#year-selector{position:fixed;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;z-index:1000;padding:.75rem 1.5rem;background:linear-gradient(135deg,#140f28d9,#0a0519e6);border:1px solid rgba(255,200,100,.3);border-radius:50px;backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006,0 0 20px #ff963226,inset 0 1px #ffffff1a;transition:background 2.5s cubic-bezier(.4,0,.2,1),border-color 2s ease-in-out,box-shadow 2s ease-in-out}.year-display{font-size:1.5rem;font-weight:700;color:#fff;min-width:80px;text-align:center;transition:color 2s ease-in-out}.year-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,200,100,.3);background:#ffffff0d;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(5px)}.year-nav-btn:hover:not(:disabled){background:#ffc86433;border-color:#ffc86480;transform:scale(1.1)}.year-nav-btn:disabled{opacity:.3;cursor:not-allowed}[data-time=sunrise] #year-selector{background:linear-gradient(135deg,#fff5ebd9,#ffebd7e6);border-color:#ff8c4466;box-shadow:0 8px 32px #ff8c4433,0 0 20px #ff6b9d26,inset 0 1px #ff8c4433}[data-time=sunrise] .year-display{color:#3c281ef2}[data-time=sunrise] .year-nav-btn{border-color:#ff8c4466;color:#3c281ef2}[data-time=sunrise] .year-nav-btn:hover:not(:disabled){background:#ff8c444d;border-color:#ff8c4499}[data-time=midday] #year-selector{background:linear-gradient(135deg,#ffffffd9,#f0f8ffe6);border-color:#0a86;box-shadow:0 8px 32px #08f3,0 0 20px #0a83,inset 0 1px #0a83}[data-time=midday] .year-display{color:#0a0f19f2}[data-time=midday] .year-nav-btn{border-color:#0a86;color:#0a0f19f2}[data-time=midday] .year-nav-btn:hover:not(:disabled){background:#00aa884d;border-color:#0a89}[data-time=sunset] #year-selector{background:linear-gradient(135deg,#322337d9,#3c2841e6);border-color:#f956;box-shadow:0 8px 32px #c6f3,0 0 20px #ff995540,inset 0 1px #f953}[data-time=sunset] .year-display{color:#fff0e6f2}[data-time=sunset] .year-nav-btn{border-color:#f956;color:#fff0e6f2}[data-time=sunset] .year-nav-btn:hover:not(:disabled){background:#ff99554d;border-color:#f959}[data-time=night] #year-selector{background:linear-gradient(135deg,#0a0f19d9,#0f1423e6);border-color:#0df6;box-shadow:0 8px 32px #00003280,0 0 20px #0df3,inset 0 1px #0df3}[data-time=night] .year-display{color:#fffffff2}[data-time=night] .year-nav-btn{border-color:#0df6;color:#fffffff2}[data-time=night] .year-nav-btn:hover:not(:disabled){background:#00ddff4d;border-color:#0df9}@media(max-width:768px){#year-selector{top:80px;padding:.6rem 1.2rem;gap:1rem}.year-display{font-size:1.2rem;min-width:60px}.year-nav-btn{width:36px;height:36px;font-size:1rem}}@media(max-width:480px){#year-selector{top:70px;padding:.5rem 1rem;gap:.75rem}.year-display{font-size:1rem;min-width:50px}.year-nav-btn{width:32px;height:32px;font-size:.9rem}}.articles-timeline{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:4000;pointer-events:none;opacity:0;display:none;flex-direction:column;padding:6rem 6rem 0;box-sizing:border-box;transition:opacity .5s ease}.articles-timeline.visible{opacity:1;pointer-events:auto}.articles-timeline .section-header{margin-bottom:1.5rem;padding-left:60px;pointer-events:none}.timeline-content{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2rem 2rem 2rem 25px;scrollbar-width:thin;scrollbar-color:rgba(255,200,100,.3) transparent;transition:opacity .3s ease,scrollbar-color 1s ease;pointer-events:auto;overscroll-behavior:contain}.timeline-content::-webkit-scrollbar{width:6px}.timeline-content::-webkit-scrollbar-track{background:transparent}.timeline-content::-webkit-scrollbar-thumb{background:#ffc8644d;border-radius:3px}.timeline-content::-webkit-scrollbar-thumb:hover{background:#ffc86480}.timeline-year-group{margin-bottom:0;padding-bottom:1.5rem;border-left:2px solid rgba(255,200,100,.3);margin-left:35px;padding-left:25px;transition:border-color 1s ease}.timeline-year-group:first-of-type{padding-top:.5rem}.timeline-year-group:last-of-type{border-left-color:transparent;border-image:linear-gradient(to bottom,rgba(255,200,100,.3) 80%,transparent 100%) 1}.timeline-year-marker{position:relative;font-size:1.3rem;font-weight:700;color:#ffc864e6;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,200,100,.3);transition:color 1s ease,text-shadow 1s ease}.timeline-year-marker:before{content:"";position:absolute;left:-31px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#ffc864cc;border-radius:50%;box-shadow:0 0 15px #ffc86480;transition:background 1s ease,box-shadow 1s ease}.timeline-articles{display:flex;flex-direction:column;gap:1rem}.timeline-article{position:relative;padding-left:30px;transition:transform .3s ease}.timeline-article:hover{transform:translate(6px)}.timeline-dot{position:absolute;left:-29px;top:20px;width:8px;height:8px;background:var(--dot-color, #ffb347);border-radius:50%;box-shadow:0 0 10px var(--dot-color, #ffb347);transition:transform .3s ease,box-shadow .3s ease}.timeline-article:hover .timeline-dot{transform:scale(1.6);box-shadow:0 0 18px var(--dot-color, #ffb347)}@property --card-gradient-start{syntax: "<color>"; inherits: true; initial-value: rgba(20,15,40,.8);}@property --card-gradient-end{syntax: "<color>"; inherits: true; initial-value: rgba(10,5,25,.85);}.timeline-article-content{position:relative;border:1px solid rgba(255,200,100,.15);border-radius:10px;padding:.9rem 1.1rem;backdrop-filter:blur(12px);transition:border-color .3s ease,box-shadow .3s ease,--card-gradient-start 1s ease,--card-gradient-end 1s ease;background:linear-gradient(135deg,var(--card-gradient-start),var(--card-gradient-end))}.timeline-article:hover .timeline-article-content{border-color:var(--dot-color, rgba(255, 200, 100, .35));box-shadow:0 6px 24px #00000040,0 0 15px color-mix(in srgb,var(--dot-color, #ffb347) 20%,transparent)}.timeline-category{display:inline-block;padding:.15rem .45rem;background:var(--dot-color, #ffb347);color:#000;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:3px;margin-bottom:.4rem}.timeline-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .4rem;line-height:1.3;transition:color 1s ease;display:flex;align-items:center;gap:.4rem}.external-link-icon{width:.85em;height:.85em;flex-shrink:0;opacity:.5;transition:opacity .2s ease,transform .2s ease}.timeline-article:hover .external-link-icon{opacity:.8;transform:translate(1px,-1px)}.timeline-excerpt{font-size:.8rem;color:#ffffffa6;margin:0 0 .6rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 1s ease}.timeline-meta{display:flex;gap:1rem;font-size:.7rem;color:#ffffff73;transition:color 1s ease}.timeline-empty{color:#ffffff80;font-size:.9rem;padding:2rem 0;text-align:center}[data-time=sunrise] .timeline-year-marker{color:#b46432e6}[data-time=sunrise] .timeline-year-marker:before{background:#ff8c44cc;box-shadow:0 0 12px #ff8c4480}[data-time=sunrise] .timeline-article-content{--card-gradient-start: rgba(255, 250, 240, .85);--card-gradient-end: rgba(255, 245, 230, .9);border-color:#ff8c4433}[data-time=sunrise] .timeline-article:hover .timeline-article-content{--card-gradient-start: rgba(255, 252, 245, .9);--card-gradient-end: rgba(255, 248, 238, .95)}[data-time=sunrise] .timeline-title{color:#3c2819f2}[data-time=sunrise] .timeline-excerpt{color:#3c2819a6}[data-time=sunrise] .timeline-meta{color:#3c281973}[data-time=sunrise] .timeline-content::-webkit-scrollbar-thumb{background:#ff8c444d}[data-time=midday] .timeline-year-marker{color:#007896e6}[data-time=midday] .timeline-year-marker:before{background:#00b4c8cc;box-shadow:0 0 12px #00b4c866}[data-time=midday] .timeline-article-content{--card-gradient-start: rgba(240, 252, 255, .88);--card-gradient-end: rgba(230, 248, 255, .92);border-color:#0096b433}[data-time=midday] .timeline-article:hover .timeline-article-content{--card-gradient-start: rgba(245, 254, 255, .92);--card-gradient-end: rgba(238, 250, 255, .95)}[data-time=midday] .timeline-title{color:#003246f2}[data-time=midday] .timeline-excerpt{color:#003246a6}[data-time=midday] .timeline-meta{color:#00324673}[data-time=midday] .timeline-content::-webkit-scrollbar-thumb{background:#0096b44d}[data-time=sunset] .timeline-year-marker{color:#ffb48ce6}[data-time=sunset] .timeline-year-marker:before{background:#ff8c64cc;box-shadow:0 0 12px #ff8c6480}[data-time=sunset] .timeline-article-content{--card-gradient-start: rgba(60, 30, 50, .85);--card-gradient-end: rgba(40, 20, 40, .9);border-color:#ff8c6433}[data-time=sunset] .timeline-article:hover .timeline-article-content{--card-gradient-start: rgba(70, 35, 55, .88);--card-gradient-end: rgba(50, 25, 45, .92)}[data-time=sunset] .timeline-title{color:#ffebdcf2}[data-time=sunset] .timeline-excerpt{color:#ffdcc8a6}[data-time=sunset] .timeline-meta{color:#ffc8b473}[data-time=sunset] .timeline-content::-webkit-scrollbar-thumb{background:#ff8c644d}[data-time=night] .timeline-article-content{--card-gradient-start: rgba(20, 15, 40, .8);--card-gradient-end: rgba(10, 5, 25, .85)}[data-time=night] .timeline-article:hover .timeline-article-content{--card-gradient-start: rgba(25, 20, 50, .85);--card-gradient-end: rgba(15, 10, 35, .9)}@media(max-width:1200px){.articles-timeline{padding:4rem 2rem 0}}@media(max-width:768px){.articles-timeline{padding:3rem 2rem 0}.articles-timeline .section-header{padding-left:40px;margin-bottom:1rem}.timeline-content{padding-left:15px}.timeline-year-group{margin-left:25px;padding-left:20px}.timeline-year-marker{font-size:1.1rem}.timeline-year-marker:before{left:-26px;width:10px;height:10px}.timeline-dot{left:-24px;width:6px;height:6px}.timeline-article{padding-left:10px}.timeline-article-content{padding:.75rem .9rem}.timeline-title{font-size:.9rem}.timeline-excerpt{font-size:.75rem;-webkit-line-clamp:2}}@media(max-width:480px){.articles-timeline{padding:3rem 2rem 0}.articles-timeline .section-header{padding-left:30px}.timeline-content{padding-left:10px}.timeline-year-group{margin-left:20px;padding-left:15px}.timeline-year-marker{font-size:1rem}.timeline-year-marker:before{left:-21px;width:8px;height:8px}.timeline-dot{left:-19px;width:5px;height:5px}.timeline-article{padding-left:8px}.timeline-article-content{padding:.6rem .75rem}.timeline-category{font-size:.55rem;padding:.1rem .35rem}.timeline-title{font-size:.85rem}.timeline-excerpt{font-size:.7rem}.timeline-meta{font-size:.65rem;gap:.75rem}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:100000}.skip-link:focus{left:12px;top:12px;padding:10px 16px;background:#fff;color:#0b2f44;border-radius:8px;font-weight:600;box-shadow:0 4px 16px #00000040}:root{--focus-ring: #0b2f44}[data-time=sunrise]{--focus-ring: #7c2d12}[data-time=midday]{--focus-ring: #0b3a52}[data-time=sunset],[data-time=night]{--focus-ring: #ffffff}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:6px}#about-me-btn:focus-visible,#portfolio-btn:focus-visible,#steering-btn:focus-visible,#articles-btn:focus-visible,#home-btn:focus-visible,.time-toggle:focus-visible,.performance-toggle:focus-visible,.lite-mode-link:focus-visible,.coverflow-card:focus-visible,.coverflow-card-link:focus-visible,.coverflow-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.nav-button-wrapper:focus-within .nav-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.main-heading{filter:drop-shadow(0 2px 8px rgba(0,0,0,.55)) drop-shadow(0 0 2px rgba(0,0,0,.5))}.flip-words-container,.flip-words,.flip-words-prefix{text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.5)}:root{--nav-active-bg: rgba(0, 0, 0, .18);--nav-active-border: rgba(0, 0, 0, .4)}[data-time=sunrise]{--nav-active-bg: rgba(161, 98, 7, .3);--nav-active-border: rgba(194, 65, 12, .6)}[data-time=midday]{--nav-active-bg: rgba(7, 89, 133, .3);--nav-active-border: rgba(0, 112, 160, .6)}[data-time=sunset]{--nav-active-bg: rgba(255, 154, 162, .3);--nav-active-border: rgba(255, 187, 158, .6)}[data-time=night]{--nav-active-bg: rgba(103, 78, 255, .25);--nav-active-border: rgba(103, 78, 255, .6)}.nav-active{background:var(--nav-active-bg)!important;border-color:var(--nav-active-border)!important}.loading-screen{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#cfeaf6,#8fc1de 55%,#5b9fc4);opacity:1;transition:opacity .5s ease}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-screen .loader{display:flex;flex-direction:column;align-items:center;gap:18px;color:#0b2f44}.loading-screen .loader-logo{color:#0b2f44;animation:loader-bob 2.4s ease-in-out infinite}@keyframes loader-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.loading-screen .loader-bar{width:200px;height:4px;border-radius:999px;background:#0b2f442e;overflow:hidden}.loading-screen .loader-bar-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#0ea5e9);transition:width .35s ease}.loading-screen .loader-text{margin:0;font-size:.95rem;font-weight:500;letter-spacing:.02em;color:#0b2f44;opacity:.85}.consent-banner{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:10050;display:flex;align-items:center;gap:16px;max-width:min(560px,calc(100vw - 24px));padding:14px 18px;background:#0f171eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 10px 40px #00000059;color:#fff}.consent-banner[hidden]{display:none}.consent-text{margin:0;font-size:.85rem;line-height:1.4;flex:1}.consent-actions{display:flex;gap:8px;flex-shrink:0}.consent-btn{padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:transform .15s ease,background .15s ease}.consent-btn.primary{background:linear-gradient(135deg,#10b981,#0ea5e9);color:#fff}.consent-btn.secondary{background:#ffffff1f;color:#ffffffd9}.consent-btn:hover{transform:translateY(-1px)}@media(max-width:540px){.consent-banner{flex-direction:column;align-items:stretch;text-align:center}.consent-actions{justify-content:center}}.noscript-fallback{position:fixed;inset:0;z-index:99998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:linear-gradient(180deg,#cfeaf6,#5b9fc4);color:#0b2f44}.noscript-fallback a{color:#0e5a45;font-weight:600}@supports (height: 100dvh){#webgl-canvas{height:100dvh!important}html,body,.text-overlay,.coverflow-overlay,.coverflow-shell,.articles-overlay,.articles-timeline{height:100dvh}}.marquee-container{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}button,a,.coverflow-card,.coverflow-btn,.nav-button-wrapper{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.marquee-content,.loading-screen .loader-logo,.main-heading{animation:none!important}}.coverflow-close{position:absolute;top:18px;right:18px;z-index:70;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000059;color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.coverflow-close:hover{background:#0000008c;transform:scale(1.05)}.coverflow-position{min-width:56px;text-align:center;font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600;color:#ffffffd9;letter-spacing:.04em}.coverflow-card-link.secondary{background:#ffffff24;border:1px solid rgba(255,255,255,.28);color:#fff}.coverflow-card-link.secondary:hover{background:#ffffff3d}.gallery-lightbox{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;gap:12px;padding:clamp(16px,4vw,48px);background:#040a10eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.gallery-lightbox.visible{opacity:1;visibility:visible}.gallery-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(1100px,100%);max-height:100%}.gallery-image{max-width:100%;max-height:78vh;max-height:78dvh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 24px 80px #0009;background:#ffffff0a}.gallery-caption{color:#fffc;font-size:.9rem;text-align:center}.gallery-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:26px;line-height:1;cursor:pointer}.gallery-close:hover{background:#fff3}.gallery-nav{flex-shrink:0;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:18px;cursor:pointer;transition:background .2s ease,transform .2s ease}.gallery-nav:hover:not(:disabled){background:#ffffff38;transform:scale(1.05)}.gallery-nav:disabled{opacity:.3;cursor:default}.gallery-counter{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:#ffffffd9;font-size:.85rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}@media(max-width:640px){.gallery-nav{position:absolute;bottom:calc(60px + env(safe-area-inset-bottom));width:48px;height:48px}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}.gallery-image{max-height:70vh;max-height:70dvh}}.onboarding-hint{position:fixed;right:clamp(16px,4vw,32px);bottom:calc(96px + env(safe-area-inset-bottom));z-index:10040;max-width:340px;padding:18px 20px;background:#0f171ee6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 12px 40px #0006;color:#fff;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}.onboarding-hint.visible{opacity:1;transform:translateY(0)}.onboarding-hint.dismissed{opacity:0;transform:translateY(12px)}.onboarding-title{margin:0 0 10px;font-weight:600;font-size:.95rem}.onboarding-list{margin:0 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.85rem;line-height:1.35;color:#ffffffd9}.onboarding-list li{display:flex;gap:10px;align-items:flex-start}.onboarding-dismiss{width:100%;padding:9px 16px;border:none;border-radius:9px;background:linear-gradient(135deg,#10b981,#0ea5e9);color:#fff;font-weight:600;font-size:.85rem;font-family:inherit;cursor:pointer}.onboarding-dismiss:hover{filter:brightness(1.08)}@media(max-width:540px){.onboarding-hint{right:12px;left:12px;max-width:none;bottom:calc(84px + env(safe-area-inset-bottom))}}.touch-steering{position:fixed;inset:0;z-index:1500;pointer-events:none}.touch-joystick{position:absolute;left:calc(28px + env(safe-area-inset-left));bottom:calc(40px + env(safe-area-inset-bottom));width:120px;height:120px;border-radius:50%;background:#00000047;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;touch-action:none;user-select:none}.touch-joystick-handle{position:absolute;top:50%;left:50%;width:52px;height:52px;border-radius:50%;background:#ffffffd9;box-shadow:0 4px 14px #00000059;transform:translate(-50%,-50%)}.touch-boost{position:absolute;right:calc(28px + env(safe-area-inset-right));bottom:calc(56px + env(safe-area-inset-bottom));width:92px;height:92px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#10b98147;color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.05em;pointer-events:auto;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-boost.active{background:#10b98199;transform:scale(.95)}