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}.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,#812700,#ea580c,#812700,#ea580c,#812700);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,#0070a0,#0ea5e9,#0070a0,#0ea5e9,#0070a0);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:#92400e}[data-time=midday] .flip-words-container{color:#006087}[data-time=sunset] .flip-words-container{color:#ffa78a}[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:#c2410c}[data-time=midday] .flip-words{color:#0070a0}[data-time=sunset] .flip-words{color:#ffbb9e}[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}}