*{box-sizing:border-box}body{min-width:320px}:root{--bg: #0b0d10;--card: #0b0d10;--text: #e8eef6;--muted: #9aa7b2;--accent: #6ae3ff;--accent-2: #b388ff;--glow: 0 10px 40px rgba(106, 227, 255, .12), 0 0 0 1px rgba(106, 227, 255, .08);--top-gap: 12px;--explain-w: 120px;--top-h: 44px}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial}.site{width:100%;max-width:1200px;margin:0 auto;padding:28px 20px 100px;line-height:1.65;scroll-snap-align:start}.period-badge{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 16px;font-weight:700;letter-spacing:.2px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a;z-index:50;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:8px;height:var(--top-h)}@media (min-width: 769px){.period-badge{opacity:0!important;transform:translate(100px)!important}.period-badge.show{opacity:1!important;transform:translate(0)!important}}.period-text{white-space:nowrap;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.explain-bar{display:none;align-items:center;margin-left:8px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.explain-btn-mobile{background:#ffffffe6;color:#1a1a1a;border:none;border-radius:6px;padding:6px 10px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000040;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.1)}.explain-btn-mobile:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.explain-btn-mobile:active{transform:translateY(0)}.article{display:grid;grid-template-columns:min(760px,70vw) 1fr;gap:28px}.content{grid-column:1;scroll-snap-align:start}.paragraph,.period-heading,.headline,.subhead{scroll-snap-align:start;scroll-margin-top:20px}.headline{margin:6px 0;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.subhead{margin:0 0 18px;color:var(--muted);opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.paragraph{margin:16px 0;color:var(--text);opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.period-heading{margin:32px 0 12px;color:var(--accent);letter-spacing:.2px;opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.headline.revealed,.subhead.revealed,.paragraph.revealed,.period-heading.revealed{opacity:1;transform:translateY(0)}.tooltip{position:fixed;transform:translate(-50%,-100%);background:linear-gradient(135deg,#6ae3ff59,#b388ff59);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:8px 16px;box-shadow:0 8px 32px #0000004d;z-index:40;cursor:pointer;color:#fff;font-weight:700;text-align:center;min-width:80px;-webkit-user-select:none;user-select:none}.explain-btn{background:none;color:red;border:none;padding:0;margin:0;font-weight:700;cursor:pointer;box-shadow:none;width:auto;height:auto;display:inline;font-size:inherit}.explain-panel{position:fixed;right:20px;bottom:20px;width:min(420px,90vw);background:#111418;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:var(--glow);overflow:hidden;z-index:100}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.panel-body{padding:12px 14px;color:var(--text);white-space:pre-wrap}.close{background:transparent;color:var(--muted);border:none;font-size:18px;cursor:pointer}.mobile-explain-button-oval{position:fixed!important;top:calc(env(safe-area-inset-top) + 20px)!important;right:calc(env(safe-area-inset-right) + 20px)!important;background:linear-gradient(135deg,#6ae3ff59,#b388ff59)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:20px!important;padding:8px 16px!important;box-shadow:0 8px 32px #0000004d!important;z-index:40!important;cursor:pointer!important;color:#fff!important;font-weight:700!important;text-align:center!important;min-width:80px!important;-webkit-user-select:none!important;user-select:none!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;transform:translate(100px)!important;opacity:0!important;height:var(--top-h)!important;min-width:var(--explain-w)!important}.site-footer{margin-top:32px;color:var(--muted);text-align:center}.onboarding-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .6s ease-out forwards;padding:5px;box-sizing:border-box}.onboarding-card{background:#111418;border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 20px 60px #00000080;padding:30px;text-align:center;max-width:600px;width:90vw;display:flex;flex-direction:column;align-items:center;gap:25px;box-sizing:border-box}.onboarding-card p{margin:0;font-size:1.2rem;color:var(--text);line-height:1.5}.onboarding-image{max-width:100%;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 25px #0000004d}.onboarding-continue{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:25px;padding:15px 35px;font-size:1.2rem;font-weight:700;cursor:pointer;margin-top:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a;transition:all .3s ease}.onboarding-continue:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 40px #00000026,0 6px 20px #0000001a,inset 0 1px #ffffff26}.onboarding-continue:active{transform:translateY(0)}@media (min-width: 481px) and (max-width: 1024px){.onboarding-overlay{padding:20px}.onboarding-card{padding:35px 30px;max-width:600px;width:90vw;margin:0;border-radius:20px;gap:30px}.onboarding-card p{font-size:1.15rem;line-height:1.5}.onboarding-image{max-width:100%;height:auto;border-radius:12px}.onboarding-continue{padding:16px 35px;font-size:1.15rem;width:auto;max-width:280px}}@media (max-width: 768px){.onboarding-card{padding:20px 15px;max-width:85vw;width:85vw;margin:15px;border-radius:16px;gap:20px}.onboarding-card h2{font-size:1.8rem}.onboarding-card p{font-size:1rem}.onboarding-image{max-width:100%;height:auto;border-radius:8px}.onboarding-continue{padding:12px 30px;font-size:1.1rem;width:100%;max-width:250px}}@media (max-width: 480px){.intro-text{max-width:80vw;padding:0 15px}.intro-line{font-size:1.2rem;line-height:1.3}.onboarding-card{padding:15px 12px;max-width:80vw;width:80vw;margin:12px;border-radius:12px;gap:15px}.onboarding-card p{font-size:.95rem;line-height:1.4}.onboarding-image{max-width:100%;height:auto;border-radius:6px}.onboarding-continue{padding:10px 25px;font-size:1rem;width:100%;max-width:200px}}@media (max-width: 360px){.onboarding-card{padding:12px 10px;max-width:75vw;width:75vw;margin:8px;border-radius:10px;gap:12px}.onboarding-card p{font-size:.9rem}.onboarding-continue{padding:8px 20px;font-size:.95rem}}@media (max-height: 500px) and (orientation: landscape){.menu-overlay{touch-action:none}.onboarding-overlay{padding:5px;align-items:flex-start;overflow-y:auto}.onboarding-card{padding:15px 20px;margin:10px;max-height:90vh;overflow-y:auto}.onboarding-image{max-height:40vh;width:auto;max-width:60vw}.onboarding-card p{font-size:.9rem;margin-bottom:10px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.loading-dots{display:inline-flex;align-items:center;gap:4px}.loading-dots .dot{width:6px;height:6px;background:currentColor;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}@media (min-width: 481px) and (max-width: 1024px){.site{padding:24px 32px 80px;max-width:100%}.article{grid-template-columns:1fr;gap:24px;max-width:800px;margin:0 auto}.content{grid-column:1;padding:0}.period-badge{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));padding:10px 18px;font-size:.95rem}.paragraph{margin:16px 0;font-size:1.05rem;line-height:1.7}.period-heading{margin:32px 0 16px;font-size:1.4rem}.explain-panel{right:32px;bottom:32px;width:min(450px,40vw);max-width:none}.site{line-height:1.7}.tooltip{font-size:.95rem;padding:10px 18px}.landing-continue-btn,.onboarding-continue{min-height:48px;touch-action:manipulation}}@media (max-width: 1000px){.site{padding:20px 16px 80px!important;max-width:none!important;margin:0!important;width:100vw!important;box-sizing:border-box!important}.article{grid-template-columns:1fr!important;gap:0!important;width:100%!important;max-width:none!important;margin:0!important}.content{grid-column:1!important;padding:0!important;width:100%!important;max-width:none!important;margin:0!important}.paragraph,.period-heading,.content p,.content h2{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.content *{max-width:none!important;margin-left:0!important;margin-right:0!important}.paragraph{margin:18px 0!important;line-height:1.7!important;text-align:left!important}.period-heading{margin:36px 0 16px!important;text-align:left!important}.mobile-landscape .site{padding:20px 16px 80px!important;width:100vw!important;max-width:none!important}.mobile-landscape .article{grid-template-columns:1fr!important;gap:0!important;width:100%!important;max-width:none!important}.mobile-landscape .content{width:100%!important;max-width:none!important;padding:0!important}.mobile-landscape .paragraph,.mobile-landscape .period-heading{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.period-badge{top:calc(env(safe-area-inset-top) + 16px)!important;left:16px!important;right:16px!important;width:auto!important;padding:8px 16px!important;border-radius:25px!important;justify-content:center!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;transform:translate(0)!important;opacity:1!important;height:var(--top-h)!important}.period-badge.has-menu{left:calc(var(--top-h) + 24px)!important}.period-badge.has-explain{left:calc(var(--top-h) + 24px)!important;right:calc(var(--explain-w) + 24px)!important;width:auto!important;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translate(0)!important;opacity:1!important}.mobile-explain-button-oval{top:calc(env(safe-area-inset-top) + 16px)!important;left:auto!important;right:calc(env(safe-area-inset-right) + 16px)!important;padding:8px 16px!important;border-radius:24px!important;background:linear-gradient(135deg,#6ae3ff59,#b388ff59)!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:#fff!important;z-index:60!important;min-width:var(--explain-w)!important;height:var(--top-h)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;transform:translate(0)!important;opacity:1!important}.period-badge.has-menu.has-explain{left:calc(var(--top-h) + 24px)!important;right:calc(var(--explain-w) + 24px)!important}.period-badge.has-explain:not(.has-menu){left:16px!important}}@media (max-width: 480px){.period-badge{top:calc(env(safe-area-inset-top) + 16px);left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);width:auto;padding:8px 16px;border-radius:25px;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.period-badge.has-explain{left:calc(var(--top-h) + 24px)!important;right:calc(var(--explain-w) + 24px)!important;width:auto!important;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translate(0)!important;opacity:1!important}.mobile-explain-button-oval{top:calc(env(safe-area-inset-top) + 16px)!important;left:auto!important;right:calc(env(safe-area-inset-right) + 8px)!important;padding:8px 16px!important;border-radius:24px!important;background:linear-gradient(135deg,#6ae3ff59,#b388ff59)!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:#fff!important;z-index:60!important;min-width:var(--explain-w)!important;height:var(--top-h)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;transform:translate(0)!important;opacity:1!important}.explain-panel{right:10px;bottom:10px;width:calc(100vw - 20px);max-width:none;background:#111418;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #0000004d}.site{padding:20px 12px 80px!important;max-width:none!important}}@media (max-width: 360px){.menu-overlay{touch-action:none}.period-badge{top:calc(env(safe-area-inset-top) + 16px);left:calc(env(safe-area-inset-left) + 8px);right:calc(env(safe-area-inset-right) + 8px);padding:12px 20px;font-size:.9rem}.period-badge.has-explain{left:calc(env(safe-area-inset-left) + 8px)!important;right:calc(env(safe-area-inset-right) + var(--explain-w) + var(--top-gap))!important;width:auto!important}.mobile-landscape .period-badge.has-explain{right:calc(env(safe-area-inset-right) + var(--explain-w) + var(--top-gap))!important}.mobile-explain-button-oval{top:calc(env(safe-area-inset-top) + 16px)!important;right:calc(env(safe-area-inset-right) + 8px)!important;padding:8px 16px!important;border-radius:22px!important;background:linear-gradient(135deg,#6ae3ff59,#b388ff59)!important;color:#fff!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;height:var(--top-h)!important;min-width:var(--explain-w)!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}.mobile-landscape .mobile-explain-button-oval{right:calc(env(safe-area-inset-right) + 8px)!important}.explain-btn-mobile{padding:8px 12px;font-size:.8rem}.explain-panel{right:8px;bottom:8px;width:calc(100vw - 16px)}.site{padding:20px 12px 80px}}.mobile-landscape{grid-template-columns:1fr!important;gap:0!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)}@media (min-width: 481px) and (max-width: 1024px) and (orientation: landscape){.mobile-landscape{grid-template-columns:1fr!important;gap:0!important}}@media (max-width: 480px){.mobile-landscape .content{padding-right:0}.mobile-landscape{gap:0!important}}@media (max-width: 480px) and (orientation: landscape){.mobile-landscape{grid-template-columns:1fr!important;gap:0!important}}.landing-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.landing-content{display:grid;grid-template-columns:1fr auto;gap:60px;max-width:1200px;width:100%;align-items:center}.landing-left{max-width:600px}.landing-title{font-size:2.8rem;font-weight:700;color:var(--accent);margin:0 0 24px;line-height:1.2;letter-spacing:-.02em}.landing-subtitle{font-size:1.4rem;color:var(--text);margin:0 0 32px;line-height:1.4;font-weight:500}.landing-description{font-size:1.1rem;color:var(--muted);margin:0;line-height:1.6;max-width:500px}.landing-right{display:flex;align-items:center;justify-content:center}.landing-continue-btn{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px 40px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a;white-space:nowrap}.landing-continue-btn:hover{background:#ffffff1f;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 40px #6ae3ff26,0 8px 24px #0000001f,inset 0 1px #ffffff26}.landing-continue-btn:active{transform:translateY(0)}@media (min-width: 481px) and (max-width: 1024px){.landing-page{padding:40px}.landing-content{grid-template-columns:1fr;gap:48px;text-align:center;max-width:700px;margin:0 auto}.landing-left{max-width:100%}.landing-title{font-size:2.6rem;margin-bottom:24px;line-height:1.1}.landing-subtitle{font-size:1.3rem;margin-bottom:28px}.landing-description{font-size:1.05rem;margin:0 auto;max-width:600px}.landing-continue-btn{padding:20px 40px;font-size:1.25rem;width:auto;max-width:300px}}@media (max-width: 768px){.landing-content{grid-template-columns:1fr;gap:40px;text-align:center}.landing-left{max-width:100%}.landing-title{font-size:2.2rem;margin-bottom:20px}.landing-subtitle{font-size:1.2rem;margin-bottom:24px}.landing-description{font-size:1rem;margin:0 auto}.landing-continue-btn{padding:18px 36px;font-size:1.2rem;width:100%;max-width:280px}}@media (max-width: 480px){.landing-page{padding:16px}.landing-content{gap:32px}.landing-title{font-size:1.8rem;margin-bottom:16px}.landing-subtitle{font-size:1.1rem;margin-bottom:20px}.landing-description{font-size:.95rem}.landing-continue-btn{padding:16px 32px;font-size:1.1rem;max-width:260px}}.rate-limit-indicator{position:fixed;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:500;letter-spacing:.1px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a;z-index:50;color:var(--muted);transition:all .2s ease}.rate-limit-indicator:hover{background:#ffffff1f;border-color:#ffffff40}.rate-limit-text{display:block;white-space:nowrap}@media (max-width: 768px){.rate-limit-indicator{font-size:.8rem;padding:5px 10px}}.desktop-menu-bar{position:fixed;top:max(16px,env(safe-area-inset-top));left:0;right:0;height:var(--top-h);z-index:45;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateY(-100%);opacity:0}.desktop-menu-bar.show{transform:translateY(0);opacity:1}@media (min-width: 769px){.desktop-menu-bar{left:max(16px,env(safe-area-inset-left))!important;right:max(16px,env(safe-area-inset-right))!important;width:auto!important;transform:translateY(-100%) translate(0)!important}.desktop-menu-bar.show{transform:translateY(0) translate(0)!important;opacity:1!important}.desktop-menu-bar.scrolling{transform:translateY(0) translate(-100%)!important;opacity:0!important}}.desktop-menu-trigger{background:#ffffff1f;color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 24px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a}@media (min-width: 769px){.desktop-menu-trigger{width:100%!important;height:var(--top-h)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:#ffffff14!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a!important;padding:8px 16px!important;font-weight:700!important;letter-spacing:.2px!important;display:flex!important;align-items:center!important;justify-content:center!important}}.desktop-menu-trigger:hover{background:#ffffff2e;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 20px #6ae3ff26,0 4px 16px #0000001a,inset 0 1px #ffffff26}@media (min-width: 769px){.desktop-menu-trigger:hover{background:#ffffff1f!important;border-color:var(--accent)!important;transform:none!important;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff26!important}}.mobile-menu-trigger{position:fixed;top:calc(env(safe-area-inset-top) + 16px);left:max(16px,env(safe-area-inset-left));background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a;z-index:55;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);height:var(--top-h);width:var(--top-h);display:flex;align-items:center;justify-content:center}.mobile-menu-trigger:hover{background:#ffffff1f;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 10px 40px #6ae3ff26,0 6px 20px #0000001a,inset 0 1px #ffffff26}.hamburger-icon{display:flex;flex-direction:column;gap:3px;width:18px;height:14px}.hamburger-icon span{width:100%;height:2px;background:var(--text);border-radius:1px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-menu-trigger:hover .hamburger-icon span{background:var(--accent)}.menu-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:1000;background:#000000f2;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:menuFadeIn .4s cubic-bezier(.25,.46,.45,.94)}@media (max-width: 768px){.menu-overlay{padding:0!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important;top:env(safe-area-inset-top,0)!important;left:env(safe-area-inset-left,0)!important;right:env(safe-area-inset-right,0)!important;bottom:env(safe-area-inset-bottom,0)!important;height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important}.menu-sections{padding:20px!important;max-height:100vh!important;overflow-y:auto!important;width:100%!important;max-width:100%!important;padding-top:calc(20px + env(safe-area-inset-top,0))!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0))!important;padding-left:calc(20px + env(safe-area-inset-left,0))!important;padding-right:calc(20px + env(safe-area-inset-right,0))!important}}@keyframes menuFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.menu-sections{display:flex;flex-direction:column;gap:16px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;animation:menuSlideIn .5s cubic-bezier(.25,.46,.45,.94)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-section{background:#111418f2;border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.menu-section:hover{background:#111418f2;border-color:#ffffff2e;transform:none;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.menu-section.expanded{background:#6ae3ff14;border-color:#6ae3ff4d;box-shadow:0 8px 32px #0000004d,inset 0 1px #6ae3ff33}.menu-section-header{width:100%;background:none;border:none;padding:24px 28px;color:var(--text);font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s cubic-bezier(.25,.46,.45,.94);text-align:center;position:relative;z-index:10;isolation:isolate}.menu-section-header:hover{background:transparent;color:var(--accent);transform:none}.menu-section-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.25,.46,.45,.94)}.menu-section.expanded .menu-section-content{max-height:400px}.social-links{padding:0 28px 28px;display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:var(--text);text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:500;cursor:pointer;border:none;width:100%;text-align:left}.social-link:hover{background:#6ae3ff1a;border-color:#6ae3ff4d;transform:translateY(-2px);box-shadow:0 8px 25px #6ae3ff26;color:var(--accent)}.social-icon{font-size:1.2rem;width:24px;text-align:center}.contact-info{padding:0 28px 28px;display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.contact-item:hover{background:#6ae3ff0d;border-color:#6ae3ff33;transform:translateY(-1px)}.contact-label{font-size:.85rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.contact-link,.contact-value{color:var(--text);font-weight:500;font-size:.95rem}.contact-link{text-decoration:none;transition:color .2s ease}.contact-link:hover{color:var(--accent)}@media (max-width: 768px){.menu-overlay{touch-action:none;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important}.menu-sections{max-width:90vw;gap:12px;padding:20px}.menu-section{border-radius:20px}.menu-section-header{padding:20px 24px;font-size:1.1rem;justify-content:center;text-align:center}.social-links,.contact-info{padding:0 24px 24px}.social-link,.contact-item{padding:14px 18px}}@media (max-width: 480px){.menu-overlay{touch-action:none}.menu-content{max-width:95vw;border-radius:16px}.menu-sections{padding:20px;gap:10px}.menu-section-header{padding:18px 20px;font-size:1rem;justify-content:center;text-align:center}.social-links,.contact-info{padding:0 16px 16px;gap:8px}.social-link,.contact-item{padding:8px 12px}.social-icon{font-size:1.1rem;width:20px}.contact-label{font-size:.8rem}.contact-link,.contact-value{font-size:.9rem}}.menu-page{min-height:100vh;background:var(--bg);padding:80px 20px 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.menu-page-header{text-align:center;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.back-to-article-btn{background:#ffffff14;color:var(--text);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px #ffffff1a;margin-bottom:24px}.back-to-article-btn:hover{background:#ffffff1f;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 40px #6ae3ff26,0 8px 24px #0000001f,inset 0 1px #ffffff26}.back-to-article-btn:active{transform:translateY(0)}.menu-page-header h1{font-size:2.5rem;font-weight:700;color:var(--accent);margin:0;line-height:1.2;letter-spacing:-.02em}.menu-page .menu-sections{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}@media (max-width: 768px){.menu-page{padding:60px 16px 20px}.menu-page-header{margin-bottom:32px}.menu-page-header h1{font-size:2rem}.back-to-article-btn{padding:10px 20px;font-size:.95rem;margin-bottom:20px}.menu-page .menu-sections{gap:16px}}@media (max-width: 480px){.menu-page{padding:40px 12px 16px}.menu-page-header{margin-bottom:28px}.menu-page-header h1{font-size:1.8rem}.back-to-article-btn{padding:8px 16px;font-size:.9rem;margin-bottom:16px}.menu-page .menu-sections{gap:12px}}