@font-face{font-family:TRS Million;src:url("/fonts/TRS-Million Rg.otf")format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TRS Million Twinkle;src:url("/fonts/TRS-Million Twinkle.otf")format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary:#0abab5;--color-primary-dark:#089e9a;--color-primary-light:#81d8d0;--color-primary-pale:#e0f7f6;--color-primary-bg:#edfafa;--gradient-hero:linear-gradient(160deg, #0a0a0a 0%, #0a1214 40%, #0a0f11 100%);--gradient-accent:linear-gradient(135deg, #0abab5, #81d8d0);--gradient-glow:radial-gradient(ellipse at 30% 50%, #0abab526 0%, transparent 60%);--gradient-soft:linear-gradient(180deg, #edfafa 0%, #fff 100%);--gradient-card-hover:linear-gradient(135deg, #0abab50f, #81d8d00a);--color-bg-white:#fff;--color-bg-light:#f5fafa;--color-bg-tinted:#edf7f6;--color-bg-section:#f0f8f7;--color-bg-dark:#0a0a0a;--color-bg-dark-card:#141414;--color-text-primary:#1a2424;--color-text-secondary:#4a6060;--color-text-muted:#5c7a7a;--color-text-light:#708888;--color-text-on-primary:#fff;--color-text-on-dark:#f0f0f0;--color-border:#d0e8e5;--color-border-light:#e4f0ee;--color-border-focus:#0abab5;--eyecatch-ratio:1200 / 630;--shadow-sm:0 1px 3px #0a0a0a0f;--shadow-md:0 4px 16px #0a0a0a14;--shadow-lg:0 8px 32px #0a0a0a1a;--shadow-xl:0 16px 48px #0a0a0a1f;--shadow-card:0 2px 12px #0a0a0a0f;--shadow-card-hover:0 8px 30px #0abab526;--shadow-glow:0 0 60px #0abab54d;--font-sans:"Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Inter", "Noto Sans JP", sans-serif;--font-brand:"TRS Million", "Inter", monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-md:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--text-6xl:4rem;--leading-tight:1.3;--leading-normal:1.6;--leading-relaxed:1.8;--leading-loose:2;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:9999px;--container-max:1200px;--container-narrow:760px;--header-top-height:48px;--header-catnav-height:40px;--header-height:88px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--duration-slowest:1.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg-white);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.scroll-progress{background:var(--gradient-accent);z-index:1001;transform-origin:0;will-change:transform;height:3px;transition:none;position:fixed;top:0;left:0;transform:scaleX(0)}.page-loader{background:var(--color-bg-white);z-index:9999;transition:opacity .6s var(--ease-out), visibility .6s;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-primary-dark)}ul,ol{padding-left:var(--space-6);list-style-position:outside}blockquote{border-left:3px solid var(--color-primary);padding:var(--space-4) var(--space-6);margin:var(--space-8) 0;background:var(--color-primary-pale);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary);font-style:italic}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.heading-1{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.heading-2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.heading-3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);color:var(--color-text-primary)}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.container{max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--container-narrow);padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;padding:var(--space-3) var(--space-6);border:none;text-decoration:none;display:inline-flex}.btn--primary{background:var(--gradient-accent);color:var(--color-text-on-primary);text-shadow:0 1px 2px #00000026;font-weight:700;box-shadow:0 4px 14px #0abab54d}.btn--primary:hover{color:var(--color-text-on-primary);transform:translateY(-2px);box-shadow:0 6px 20px #0abab566}.btn--outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn--outline:hover{background:var(--color-primary-pale);color:var(--color-primary-dark);transform:translateY(-2px)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.header{z-index:1000;transition:transform var(--duration-slow) var(--ease-out);position:fixed;top:0;left:0;right:0}.header__top{height:var(--header-top-height);background:#0a0a0a;border-bottom:1px solid #ffffff0f}.header__top-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header__logo{font-family:var(--font-brand);color:#fff;letter-spacing:.12em;transition:color var(--duration-fast);flex-shrink:0;align-items:center;font-size:1.5rem;font-weight:400;text-decoration:none;display:flex}.header__logo:hover{color:var(--color-primary-light)}.header__actions{align-items:center;gap:var(--space-2);display:flex}.header__action-btn{padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-sm);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;align-items:center;text-decoration:none;display:inline-flex}.header__action-btn--newsletter{background:var(--color-primary);color:#fff}.header__action-btn--newsletter:hover{background:var(--color-primary-dark);color:#fff}.header__action-btn--premium{color:#fff;background:#f57c00}.header__action-btn--premium:hover{color:#fff;background:#e56a00}.header__action-btn--register{background:var(--color-primary);color:#fff;border:none}.header__action-btn--register:hover{background:var(--color-primary-dark);color:#fff}.header__search{border-radius:var(--radius-sm);transition:border-color var(--duration-fast);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;display:flex;overflow:hidden}.header__search:focus-within{border-color:var(--color-primary)}.header__search-input{color:#fff;font-family:var(--font-sans);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);width:140px;transition:width var(--duration-normal) var(--ease-out);background:0 0;border:none;outline:none}.header__search-input::placeholder{color:#fff6}.header__search-input:focus{width:180px}.header__search-btn{color:#ffffff80;cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:#ffffff0f;border:none;border-left:1px solid #ffffff1a;justify-content:center;align-items:center;padding:5px 8px;display:flex}.header__search-btn:hover{color:var(--color-primary);background:#ffffff1a}.header__catnav{height:var(--header-catnav-height);background:#fff;border-bottom:1px solid #e0e0e0;overflow:hidden}.header__catnav::-webkit-scrollbar{display:none}.header__catnav-inner{white-space:nowrap;align-items:center;gap:0;height:100%;display:flex}.header__catnav-link--home{height:100%;padding:0 var(--space-4);color:var(--color-primary);transition:color var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.header__catnav-link--home:hover{color:var(--color-primary-dark)}.header__catnav-link--home svg{flex-shrink:0}.header__catnav-divider{width:1px;height:20px;margin:0 var(--space-1);background:#d0d0d0;flex-shrink:0}.header__catnav-link{height:100%;padding:0 var(--space-4);font-size:var(--text-md);color:#333;transition:color var(--duration-fast), border-color var(--duration-fast), background var(--duration-fast);border-bottom:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.header__catnav-link:hover{color:var(--color-primary);background:#0abab50a}.header__catnav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.header__catnav-link svg{flex-shrink:0}.header__catnav-dropdown{align-items:center;height:100%;display:inline-flex;position:relative}.header__catnav-link--has-sub svg{transition:transform var(--duration-fast)}.header__catnav-dropdown:hover .header__catnav-link--has-sub svg{transform:rotate(180deg)}.header__dropdown-menu{border:1px solid #e0e0e0;border-top:2px solid var(--color-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);opacity:0;visibility:hidden;min-width:200px;transition:opacity var(--duration-fast), transform var(--duration-fast), visibility var(--duration-fast);z-index:100;padding:var(--space-2) 0;background:#fff;position:absolute;top:100%;left:0;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.header__catnav-dropdown:hover .header__dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-item{padding:var(--space-3) var(--space-5);font-size:var(--text-md);color:#333;transition:background var(--duration-fast), color var(--duration-fast);white-space:nowrap;font-weight:500;text-decoration:none;display:block}.header__dropdown-item:hover{background:var(--color-primary-pale);color:var(--color-primary-dark)}.header.inverted .header__top{-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#0a3a3cb3;transition:all .8s cubic-bezier(.16,1,.3,1)}.header.inverted .header__logo{color:var(--color-primary-light)}.header.inverted .header__menu-btn{color:#81d8d0d9}.header.scrolled .header__top{-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#0a0a0aeb}.header.scrolled .header__catnav{box-shadow:0 2px 12px #00000014}.header__menu-btn{color:#fffc;cursor:pointer;padding:var(--space-2);background:0 0;border:none;font-size:1.5rem;display:none}.mobile-menu-backdrop{z-index:1100;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .35s;position:fixed;inset:0}.mobile-menu-backdrop.visible{opacity:1;pointer-events:all}.mobile-menu{z-index:1200;will-change:transform;background:#fff;flex-direction:column;width:85%;max-width:400px;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.mobile-menu.open{transform:translate(0)}.mobile-menu__header{padding:var(--space-3) var(--space-4);background:#0a0a0a;flex-shrink:0;justify-content:space-between;align-items:center;min-height:48px;display:flex}.mobile-menu__close{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:color .2s,transform .2s;display:flex}.mobile-menu__close:hover{color:var(--color-primary-light);transform:scale(1.1)}.mobile-menu__logo{font-family:var(--font-brand);color:#fff;letter-spacing:.12em;font-size:1.25rem;font-weight:400;text-decoration:none;transition:color .2s}.mobile-menu__logo:hover{color:var(--color-primary-light)}.mobile-menu__header-cta{padding:var(--space-1) var(--space-3);font-size:var(--text-2xs);font-weight:700;font-family:var(--font-sans);border-radius:var(--radius-sm);white-space:nowrap;background:var(--color-primary);color:#fff;flex-shrink:0;align-items:center;text-decoration:none;transition:background .2s;display:inline-flex}.mobile-menu__header-cta:hover{background:var(--color-primary-dark);color:#fff}.mobile-menu__body{-webkit-overflow-scrolling:touch;flex:1;padding:0;overflow-y:auto}.mobile-menu__cta-group{gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-direction:column;display:flex}.mobile-menu__cta{font-size:var(--text-md);font-weight:700;font-family:var(--font-sans);border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;padding:10px 0;text-decoration:none;transition:all .2s;display:flex}.mobile-menu__cta--premium{color:#fff;background:#f57c00}.mobile-menu__cta--premium:hover{color:#fff;background:#e56a00}.mobile-menu__cta--register{background:var(--color-primary);color:#fff}.mobile-menu__cta--register:hover{background:var(--color-primary-dark);color:#fff}.mobile-menu__search{margin:0 var(--space-5) var(--space-2);background:var(--color-bg-light);border:1.5px solid var(--color-border-light);border-radius:var(--radius-sm);align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.mobile-menu__search:focus-within{border-color:var(--color-primary)}.mobile-menu__search-input{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-sans);color:#333;background:0 0;border:none;outline:none;flex:1}.mobile-menu__search-input::placeholder{color:#999}.mobile-menu__search-btn{color:#fff;cursor:pointer;background:#333;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:40px;transition:background .2s;display:flex}.mobile-menu__search-btn:hover{background:var(--color-primary)}.mobile-menu__section-label{font-size:var(--text-2xs);font-weight:700;font-family:var(--font-sans);color:#ffffffe6;letter-spacing:.06em;text-transform:none;background:#555;padding:10px 20px 6px}.mobile-menu__item{color:#1a1a1a;cursor:pointer;width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 20px;text-decoration:none;transition:background .15s;display:flex}.mobile-menu__item:hover,.mobile-menu__item:active{background:#f8f8f8}.mobile-menu__item svg{color:#ccc;flex-shrink:0;transition:color .2s,transform .2s}.mobile-menu__item:hover svg{color:var(--color-primary);transform:translate(2px)}.mobile-menu__accordion{width:100%}.mobile-menu__accordion-toggle{text-align:left}.mobile-menu__accordion-toggle[aria-expanded=true] .mobile-menu__chevron{transform:rotate(90deg)}.mobile-menu__chevron{transition:transform .25s}.mobile-menu__accordion-body{background:#fafafa;max-height:0;transition:max-height .3s;overflow:hidden}.mobile-menu__accordion-body.open{max-height:500px}.mobile-menu__subitem{color:#444;border-bottom:1px solid #f0f0f0;padding:12px 20px 12px 40px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:block}.mobile-menu__subitem:hover{color:var(--color-primary);background:#f0f0f0}.mobile-menu__subitem:last-child{border-bottom:none}.hero{min-height:100vh;padding-top:var(--header-height);background:var(--gradient-hero);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__matrix-canvas{z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.hero__matrix-canvas.visible{opacity:1}.hero__search{z-index:2;align-items:center;gap:var(--space-4);opacity:0;flex-direction:column;transition:opacity .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__search.visible{opacity:1;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards searchPopUp}@keyframes searchPopUp{0%{opacity:0;transform:translate(-50%,-50%)translateY(60px)scale(.92)}60%{opacity:1;transform:translate(-50%,-50%)translateY(-8px)scale(1.02)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)scale(1)}}.hero__search-bar{align-items:center;gap:var(--space-4);-webkit-backdrop-filter:blur(16px);padding:var(--space-5) var(--space-8);border-radius:var(--radius-pill);min-width:520px;font-size:var(--text-xl);background:#ffffff0f;border:1px solid #ffffff1f;display:flex}.hero__search-icon{color:#fff6;flex-shrink:0}.hero__search-text{color:#fff;font-weight:500;font-family:var(--font-sans);letter-spacing:.02em}.hero__search-cursor{color:var(--color-primary);font-weight:300;animation:.8s step-end infinite cursorBlink}.hero__enter-key{border-radius:var(--radius-sm);color:#fff9;letter-spacing:.05em;opacity:0;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:4px;margin-left:12px;padding:4px 12px;font-family:Courier New,monospace;font-size:12px;font-weight:700;transition:opacity .3s,transform .2s;display:inline-flex;transform:scale(.9)}.hero__enter-key.visible{opacity:1;transform:scale(1)}.hero__enter-key.pressed{color:#81d8d0e6;background:#0abab54d;border-color:#0abab580;transform:scale(.92);box-shadow:0 0 12px #0abab566}.hero__wego{text-align:center;letter-spacing:.25em;text-transform:uppercase;color:var(--color-primary);text-shadow:0 0 10px #0abab599,0 0 30px #0abab54d,0 0 60px #0abab526;white-space:nowrap;font-family:Courier New,monospace;font-size:2rem;font-weight:900;display:none;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.hero__wego.visible{animation:.5s forwards wegoGlitch,.3s .5s 3 wegoBlink;display:block}@keyframes wegoGlitch{0%{opacity:0;filter:brightness(3)blur(4px);transform:translate(-50%)scaleX(.3)scaleY(3)}30%{opacity:1;filter:brightness(2)blur(1px);transform:translate(-50%)scaleX(1.15)scaleY(.9)}50%{filter:brightness(1.5)blur();transform:translate(-50%)scaleX(.95)scaleY(1.05)}70%{transform:translate(-50%)scaleX(1.02)scaleY(.98)}to{opacity:1;filter:brightness()blur();transform:translate(-50%)scaleX(1)scaleY(1)}}@keyframes wegoBlink{0%,to{opacity:1}50%{opacity:.1}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero__hud-gauge{opacity:0;align-items:center;gap:12px;width:420px;transition:opacity .4s;display:flex}.hero__hud-gauge.visible{opacity:1}.hero__hud-track{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#0abab50f;border:1px solid #0abab533;flex:1;height:10px;position:relative;overflow:hidden}.hero__hud-fill{background:linear-gradient(90deg,#0abab54d 0%,#0abab5 60%,#81d8d0 100%);width:0%;height:100%;transition:none;position:relative;box-shadow:0 0 12px #0abab599,inset 0 0 6px #81d8d04d}.hero__hud-fill.filling{width:100%;transition:width 2.2s}.hero__hud-fill.filling:after{content:"";background:linear-gradient(90deg,#0000,#fff9);width:30px;height:100%;animation:.4s linear infinite hudScanline;position:absolute;top:0;right:0}.hero__hud-segments{gap:0;display:flex;position:absolute;inset:0}.hero__hud-segments:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 18px,#0a0a0a99 18px 20px);position:absolute;inset:0}.hero__hud-pct{font-family:Courier New,monospace;font-size:var(--text-md);color:var(--color-primary);text-shadow:0 0 8px #0abab580;letter-spacing:.1em;text-align:right;min-width:40px;font-weight:700}@keyframes hudScanline{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.hero__final-text{z-index:3;text-align:center;opacity:0;pointer-events:none;margin-top:-8vh;transition:opacity .8s,transform .8s;position:relative;transform:translateY(20px)}.hero__final-text.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.hero__final-brand{font-family:var(--font-brand);letter-spacing:.12em;margin:0 0 var(--space-4) 0;background:linear-gradient(135deg,#81d8d0 0%,#0abab5 50%,#089e9a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,12vw,10rem);line-height:1}.hero__final-concept{color:#fffc;letter-spacing:.06em;margin:0;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;line-height:1.6}.hero__scroll-hint{z-index:3;opacity:0;cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:opacity .8s;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-hint.visible{opacity:1}.hero__scroll-text{letter-spacing:.25em;text-transform:uppercase;color:#81d8d0b3;text-shadow:0 0 12px #0abab566;font-family:Courier New,monospace;font-size:14px;font-weight:700;animation:2s ease-in-out infinite scrollPulse}.hero__scroll-chevron{color:#81d8d0cc;filter:drop-shadow(0 0 8px #0abab580);width:32px;height:32px;animation:1.8s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes scrollPulse{0%,to{opacity:.7}50%{opacity:1;text-shadow:0 0 18px #0abab599}}.marquee-section{padding:var(--space-12) 0;background:var(--color-bg-light);position:relative;overflow:hidden}.marquee-section:before,.marquee-section:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.marquee-section:before{background:linear-gradient(90deg, var(--color-bg-light), transparent);left:0}.marquee-section:after{background:linear-gradient(-90deg, var(--color-bg-light), transparent);right:0}.marquee-track{overflow:hidden}.marquee-inner{gap:var(--space-6);width:max-content;animation:40s linear infinite marqueeScroll;display:flex}.marquee-inner:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-card{border-radius:var(--radius-xl);background:var(--color-bg-white);border:1px solid var(--color-border-light);width:260px;box-shadow:var(--shadow-card);transition:all var(--duration-normal) var(--ease-out);flex-direction:column;flex-shrink:0;text-decoration:none;display:flex;overflow:hidden}.marquee-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.marquee-card__image{width:100%;aspect-ratio:var(--eyecatch-ratio);justify-content:center;align-items:center;display:flex;position:relative}.marquee-card__icon{filter:grayscale(.2);font-size:2.5rem}.marquee-card__title{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-tight);-webkit-line-clamp:2;line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.section{padding:var(--space-24) 0}.section--tinted{background:var(--color-bg-section)}.section__header{text-align:center;margin-bottom:var(--space-16)}.section__label{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-primary);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);margin-bottom:var(--space-4);font-weight:600;display:inline-block}.section__title{margin-top:var(--space-4);margin-bottom:var(--space-4)}.section__desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;line-height:var(--leading-relaxed);margin:0 auto}.card-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.card{background:var(--color-bg-white);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);transition:all var(--duration-slow) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:before{content:"";border-radius:var(--radius-xl);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none;z-index:1;background:linear-gradient(135deg,#0000,#0000);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.card:hover:before{background:var(--gradient-accent);opacity:1}.card__image{aspect-ratio:var(--eyecatch-ratio);background:var(--color-bg-tinted);position:relative;overflow:hidden}.card__image:after{content:"";opacity:0;transition:opacity var(--duration-slow) var(--ease-out);background:linear-gradient(135deg,#0abab50d,#81d8d01a);position:absolute;inset:0}.card:hover .card__image:after{opacity:1}.card__body{padding:var(--space-6);flex:1}.card__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.card__category{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-pale);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-weight:600}.card__category--guide{color:var(--color-primary-dark);background:var(--color-primary-pale)}.card__category--howto{color:#7c5ac4;background:#f0ecfa}.card__category--efficiency{color:#c97b1a;background:#fef3e1}.card__category--training{color:#2d8a5e;background:#e6f7ef}.card__category--other{color:#6b7b8d;background:#edf1f5}.icon{stroke-width:2px;vertical-align:middle;width:20px;height:20px}.icon--xs{width:14px;height:14px}.icon--category{stroke-width:1.5px;width:32px;height:32px;color:var(--color-primary)}.card__date{font-size:var(--text-xs);color:var(--color-text-muted)}.card__title{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-3);color:var(--color-text-primary)}.card__title a{color:inherit;text-decoration:none}.card__title a:hover{color:var(--color-primary)}.card__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:3;line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card__read-time{font-size:var(--text-xs);color:var(--color-text-muted)}.card__link{font-size:var(--text-sm);color:var(--color-primary);align-items:center;gap:var(--space-1);transition:gap var(--duration-normal) var(--ease-out);font-weight:600;display:inline-flex}.card__link:after{content:"";width:0;transition:width var(--duration-normal) var(--ease-out);display:inline-block}.card:hover .card__link{gap:var(--space-2)}.category-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.category-card{text-align:center;padding:var(--space-10) var(--space-6);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;text-decoration:none;display:flex}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);color:inherit;transform:translateY(-4px)}.category-card__icon{margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary-pale);justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.category-card__title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:700}.category-card__count{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.category-grid--5{grid-template-columns:repeat(5,1fr)}.category-card--featured{border-color:var(--color-primary-light);background:linear-gradient(135deg,#0abab508,#81d8d00f)}.category-card__subcategories{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.category-card__sub{font-size:var(--text-xs);color:var(--color-primary-dark);padding:2px var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;background:#0abab51a;font-weight:500}.filter-tabs{gap:var(--space-1);margin-top:var(--space-2);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border-light);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-weight:500;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;border-radius:0;flex-shrink:0;position:relative}.filter-tab:hover{color:var(--color-primary)}.filter-tab.active{color:var(--color-primary);font-weight:600}.filter-tab.active:after{content:"";background:var(--color-primary);border-radius:1px;width:80%;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.newsletter-section{padding:var(--space-16) 0;background:var(--gradient-hero);position:relative;overflow:hidden}.newsletter-section__bg{pointer-events:none;background:radial-gradient(at 20%,#0abab526 0%,#0000 50%),radial-gradient(at 80%,#81d8d01a 0%,#0000 50%);position:absolute;inset:0}.newsletter-card{text-align:center;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);max-width:560px;padding:var(--space-12) var(--space-10);background:#ffffff0f;border:1px solid #ffffff1a;margin:0 auto;position:relative}.newsletter-card__icon{color:var(--color-primary-light);margin-bottom:var(--space-4)}.newsletter-card__title{font-size:var(--text-3xl);color:#fff;font-weight:800;line-height:var(--leading-tight);margin-bottom:var(--space-3);font-family:var(--font-heading)}.newsletter-card__desc{color:#ffffffb3;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.newsletter-card__benefits{gap:var(--space-3);margin-bottom:var(--space-8);text-align:left;flex-direction:column;max-width:320px;margin-left:auto;margin-right:auto;display:flex}.newsletter-card__benefit{align-items:center;gap:var(--space-3);color:#ffffffd9;font-size:var(--text-sm);font-weight:500;display:flex}.newsletter-card__form{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.newsletter-card__input{padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:var(--text-sm);font-family:var(--font-sans);transition:all var(--duration-fast);background:#ffffff1a;border:1px solid #fff3;outline:none;flex:1}.newsletter-card__input::placeholder{color:#ffffff80}.newsletter-card__input:focus{border-color:var(--color-primary);background:#ffffff26;box-shadow:0 0 0 3px #0abab533}.newsletter-card__btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);color:var(--color-bg-dark);font-size:var(--text-sm);font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;background:#fff;border:none}.newsletter-card__btn:hover{background:var(--color-primary-light);color:#000;transform:translateY(-1px);box-shadow:0 4px 16px #0abab54d}.newsletter-card__social-proof{justify-content:center;align-items:center;gap:var(--space-3);color:#ffffff80;font-size:12px;display:flex}.newsletter-card__avatars{display:flex}.newsletter-card__avatar-dot{color:#fff;width:24px;height:24px;font-size:var(--text-2xs);border:2px solid #0a0a0acc;border-radius:50%;justify-content:center;align-items:center;margin-right:-6px;font-weight:700;display:flex}.newsletter-card__avatar-dot:last-child{margin-right:0}.article-header{padding-top:calc(var(--header-height) + var(--space-10));padding-bottom:var(--space-10)}.article-header__meta{margin-bottom:var(--space-4)}.article-header__title{margin-bottom:var(--space-6);font-size:var(--text-4xl);color:var(--color-text-primary);-webkit-text-fill-color:initial}.article-header__title .text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.article-header__info{gap:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.article-header__info-item{align-items:center;gap:var(--space-2);display:flex}.article-hero-image{width:100%;max-width:var(--container-max);margin:0 auto var(--space-12);aspect-ratio:var(--eyecatch-ratio);border-radius:var(--radius-2xl);background:var(--color-bg-tinted);overflow:hidden}.article-body{padding-bottom:var(--space-16)}.article-body h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-top:var(--space-14);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary-pale);font-weight:700}.article-body h3{font-size:var(--text-xl);color:var(--color-text-primary);margin-top:var(--space-10);margin-bottom:var(--space-5);font-weight:700}.article-body p{margin-bottom:var(--space-7);line-height:var(--leading-loose);color:var(--color-text-secondary)}.article-body ul,.article-body ol{margin-bottom:var(--space-6)}.article-body li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.article-body strong{color:var(--color-text-primary);font-weight:700}.toc{background:var(--color-bg-section);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-12)}.toc__title{font-weight:700;font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-4)}.toc__list{gap:var(--space-2);flex-direction:column;display:flex}.toc__link{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--duration-fast);text-decoration:none}.toc__link:hover{color:var(--color-primary);background:var(--color-primary-pale)}.toc__link--h3{padding-left:var(--space-8);font-size:var(--text-sm)}.author-card{gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-bg-section);border:1px solid var(--color-border-light);display:flex}.author-card__avatar{border-radius:var(--radius-lg);background:var(--color-primary-pale);flex-shrink:0;width:80px;height:80px}.author-card__info{flex:1}.author-card__name{font-weight:700;font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-1)}.author-card__bio{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.article-tag{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-pale);border-radius:var(--radius-full);transition:all var(--duration-fast);font-weight:500;text-decoration:none;display:inline-block}.article-tag:hover{background:var(--color-primary);color:#fff}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);padding-top:calc(var(--header-height) + var(--space-6));margin-bottom:var(--space-8);display:flex}.breadcrumb__item{color:var(--color-text-muted);text-decoration:none}.breadcrumb__item:hover{color:var(--color-primary)}.breadcrumb__separator{color:var(--color-text-light)}.breadcrumb__current{color:var(--color-text-secondary);font-weight:500}.about-statement{background:var(--gradient-hero);min-height:100vh;padding:var(--space-16) var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-statement__inner{z-index:2;text-align:center;max-width:900px;position:relative}.about-statement__lead{font-family:var(--font-brand);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;margin-bottom:var(--space-8)}.about-statement__tagline{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;margin-bottom:var(--space-8);font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;line-height:1.3}.about-statement__accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.about-statement__accent:after{content:"";background:var(--gradient-accent);opacity:.6;border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.about-statement__sub{color:#ffffff8c;letter-spacing:.04em;font-size:clamp(1rem,2vw,1.35rem);font-weight:400;line-height:var(--leading-relaxed)}.about-statement__glow{filter:blur(100px);pointer-events:none;z-index:1;border-radius:50%;position:absolute}.about-statement__glow--1{background:#0abab51f;width:500px;height:500px;animation:12s ease-in-out infinite aboutGlowFloat1;top:-10%;left:-10%}.about-statement__glow--2{background:#81d8d014;width:400px;height:400px;animation:15s ease-in-out infinite aboutGlowFloat2;bottom:-5%;right:-8%}.about-statement__glow--3{background:#0abab50f;width:300px;height:300px;animation:10s ease-in-out infinite aboutGlowFloat3;top:40%;left:50%;transform:translate(-50%)}@keyframes aboutGlowFloat1{0%,to{transform:translate(0)}33%{transform:translate(30px,-40px)}66%{transform:translate(-20px,30px)}}@keyframes aboutGlowFloat2{0%,to{transform:translate(0)}33%{transform:translate(-25px,20px)}66%{transform:translate(35px,-15px)}}@keyframes aboutGlowFloat3{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.3)}}.about-statement__scroll-hint{bottom:var(--space-10);align-items:center;gap:var(--space-2);color:#ffffff4d;font-size:var(--text-2xs);letter-spacing:.15em;text-transform:uppercase;z-index:2;flex-direction:column;font-weight:600;animation:2.5s ease-in-out infinite scrollBounce;display:flex;position:absolute;left:50%;transform:translate(-50%)}.about-breadcrumb{padding-bottom:var(--space-8);margin-bottom:0;padding-top:var(--space-12)!important}.about-hero__image{aspect-ratio:1;border-radius:var(--radius-2xl);background:var(--color-bg-tinted);width:100%;overflow:hidden}.sns-links{gap:var(--space-3);display:flex}.sns-link{border-radius:var(--radius-md);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);font-weight:700;font-size:var(--text-sm);transition:all var(--duration-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.sns-link:hover{background:var(--color-primary-pale);color:var(--color-primary);border-color:var(--color-primary-light)}.about-section{margin-bottom:var(--space-16)}.about-section__title{margin-bottom:var(--space-8)}.mission-card{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-bg-white);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.mission-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mission-card__icon{border-radius:var(--radius-lg);background:var(--color-primary-pale);width:52px;height:52px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.mission-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.contact-form{gap:var(--space-6);flex-direction:column;max-width:600px;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.form-input,.form-textarea{padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-white);transition:all var(--duration-fast);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3dbcac26}.form-textarea{resize:vertical;min-height:140px}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-light)}.footer{background:var(--gradient-soft);border-top:1px solid var(--color-border-light);padding:var(--space-16) 0 var(--space-8);margin-top:0}.footer--dark{background:#0a0a0a;border-top:none;position:relative}.footer--dark:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:1px;position:absolute;top:0;left:0;right:0}.footer__brand{max-width:280px}.footer__logo{font-family:var(--font-brand);font-size:var(--text-2xl);color:#fff;letter-spacing:.12em;font-weight:400;text-decoration:none}.footer--dark .footer__brand-desc{color:#ffffff80}.footer--dark .footer__heading{color:#ffffffb3}.footer--dark .footer__link{color:#ffffff73}.footer--dark .footer__link:hover{color:var(--color-primary-light)}.footer--dark .footer__copyright{color:#ffffff59}.footer--dark .footer__disclaimer{color:#ffffff40}.footer__social{gap:var(--space-3);margin-top:var(--space-5);display:flex}.footer__social-link{color:#fff9;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.footer__social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0abab54d}.footer--dark .footer__grid{border-bottom:1px solid #ffffff14}.footer__grid{gap:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border-light);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__brand-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-top:var(--space-4);max-width:300px}.footer__heading{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);margin-bottom:var(--space-4);font-weight:700}.footer__links{gap:var(--space-3);flex-direction:column;display:flex}.footer__link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast);text-decoration:none}.footer__link:hover{color:var(--color-primary)}.footer__bottom{padding-top:var(--space-8);align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__disclaimer{font-size:var(--text-xs);color:var(--color-text-light);max-width:600px}.scroll-top{bottom:var(--space-8);right:var(--space-8);border-radius:var(--radius-pill);background:var(--color-bg-white);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-primary);font-size:var(--text-lg);cursor:pointer;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:all var(--duration-normal) var(--ease-out);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(10px)}.scroll-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.scroll-top:hover{background:var(--color-primary-pale);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.animate-on-scroll{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transform:translateY(32px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}[data-anim=fade-left]{transform:translate(-40px)}[data-anim=fade-right]{transform:translate(40px)}[data-anim=fade-up]{transform:translateY(32px)}[data-anim=scale-in]{transform:scale(.92)}.animate-on-scroll.visible[data-anim=fade-left],.animate-on-scroll.visible[data-anim=fade-right],.animate-on-scroll.visible[data-anim=fade-up]{transform:translate(0)}.animate-on-scroll.visible[data-anim=scale-in]{transform:scale(1)}[data-delay="0"]{transition-delay:0s}[data-delay="1"]{transition-delay:.1s}[data-delay="2"]{transition-delay:.2s}[data-delay="3"]{transition-delay:.3s}[data-delay="4"]{transition-delay:.4s}[data-delay="5"]{transition-delay:.5s}.card-grid .animate-on-scroll:nth-child(2){transition-delay:.12s}.card-grid .animate-on-scroll:nth-child(3){transition-delay:.24s}.card-grid .animate-on-scroll:nth-child(4){transition-delay:.12s}.card-grid .animate-on-scroll:nth-child(5){transition-delay:.24s}.card-grid .animate-on-scroll:nth-child(6){transition-delay:.36s}.category-grid .animate-on-scroll:nth-child(2){transition-delay:.1s}.category-grid .animate-on-scroll:nth-child(3){transition-delay:.2s}.category-grid .animate-on-scroll:nth-child(4){transition-delay:.3s}.category-grid .animate-on-scroll:nth-child(5){transition-delay:.4s}.mission-cards .animate-on-scroll:nth-child(2){transition-delay:.15s}.mission-cards .animate-on-scroll:nth-child(3){transition-delay:.3s}.section-divider{width:100%;margin:0;line-height:0;overflow:hidden}.section-divider svg{width:100%;height:60px;display:block}.section-divider--flip{transform:rotate(180deg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes heroGlowFloat{0%,to{transform:translate(0)}25%{transform:translate(20px,-30px)}50%{transform:translate(-10px,20px)}75%{transform:translate(15px,10px)}}@keyframes bubbleFloat{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(-80px,-200px)scale(1.2)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bg-grid,.bg-glow,.bg-glow--cyan,.bg-glow--purple{display:none}.glass{background:var(--color-bg-white);border:1px solid var(--color-border-light)}.section--parallax{position:relative;overflow:hidden}.section--parallax:before{content:"";background:var(--color-primary-pale);opacity:.5;filter:blur(80px);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-20%}.text-gradient-animated{background:linear-gradient(90deg,#3dbcac,#6dd3c4,#3dbcac) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}.category-grid,.category-grid--5{grid-template-columns:repeat(3,1fr)}.footer__grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.mission-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--text-5xl:2.25rem;--text-6xl:2.75rem;--text-4xl:2rem;--text-3xl:1.625rem}.header__catnav,.header__actions .header__action-btn,.header__search{display:none}.header__menu-btn{display:flex}:root{--header-height:48px}.hero{min-height:85vh}.header__logo{font-size:1.5rem}.hero__search-bar{min-width:unset;width:85vw;max-width:420px;padding:var(--space-4) var(--space-6);font-size:var(--text-base);gap:var(--space-3)}.hero__search-icon{width:20px;height:20px}.hero__enter-key{margin-left:8px;padding:3px 8px;font-size:10px}.hero__wego{letter-spacing:.2em;font-size:1.4rem;top:-48px}.hero__hud-gauge{gap:8px;width:75vw;max-width:340px}.hero__hud-pct{font-size:var(--text-2xs);min-width:34px}.hero__final-text{padding:0 var(--space-4);margin-top:-4vh}.hero__final-brand{letter-spacing:.08em;font-size:clamp(2.5rem,14vw,5rem)}.hero__final-concept{letter-spacing:.03em;padding:0 var(--space-2);font-size:clamp(.75rem,3vw,1.1rem)}.hero__scroll-hint{bottom:20px}.hero__bubble:nth-child(3),.hero__bubble:nth-child(5){display:none}.hero__wave svg{height:40px}.hero__content{padding:var(--space-12) 0}.card-grid{gap:var(--space-6);grid-template-columns:1fr}.category-grid,.category-grid--5{gap:var(--space-4);grid-template-columns:1fr 1fr}.category-card{padding:var(--space-6) var(--space-4)}.footer__grid{gap:var(--space-6);grid-template-columns:1fr}.mission-cards{grid-template-columns:1fr}.newsletter-card{padding:var(--space-8) var(--space-6)}.newsletter-card__form{flex-direction:column}.newsletter-card__title{font-size:var(--text-2xl)}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}.article-header__title{font-size:var(--text-3xl)}.article-header__info{gap:var(--space-2);flex-direction:column}.author-card{text-align:center;flex-direction:column;align-items:center}.section{padding:var(--space-16) 0}.section__header{margin-bottom:var(--space-10)}.filter-tabs{-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4);flex-wrap:nowrap;overflow-x:auto}.toc{padding:var(--space-4) var(--space-6)}}@media (max-width:480px){:root{--text-5xl:1.875rem;--text-6xl:2.25rem}.container{padding:0 var(--space-4)}.category-grid{grid-template-columns:1fr}.header__logo{font-size:1.35rem}.hero__search-bar{width:90vw;padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.hero__wego{letter-spacing:.15em;font-size:1.1rem;top:-40px}.hero__hud-gauge{width:80vw;max-width:280px}.hero__final-brand{letter-spacing:.06em;font-size:clamp(2rem,15vw,4rem)}.hero__final-concept{letter-spacing:.02em;font-size:clamp(.65rem,3.2vw,.95rem)}}.media-hub{padding:var(--space-16) 0;background:var(--color-bg-primary)}.media-hub .container{gap:var(--space-8);grid-template-columns:280px 1fr 280px;align-items:start;display:grid}.media-hub__section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-text-primary);justify-content:space-between;align-items:center;display:flex}.media-hub__section-title{align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:-.01em;font-weight:800;display:flex}.media-hub__section-title .media-hub__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.media-hub__dot--red{background:#e63b2e}.media-hub__dot--orange{background:#f57c00}.media-hub__dot--teal{background:var(--color-primary)}.media-hub__section-meta{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.media-hub__headlines-list{margin:0;padding:0;list-style:none}.media-hub__headline-item{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);color:inherit;text-decoration:none;transition:background .15s;display:flex}.media-hub__headline-item:first-child{padding-top:0}.media-hub__headline-item:hover{color:var(--color-primary)}.media-hub__headline-num{width:24px;font-family:var(--font-sans);font-size:var(--text-lg);background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-weight:800;line-height:1.6}.media-hub__headline-text{font-size:var(--text-md);color:var(--color-text-primary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-weight:600;line-height:1.6;transition:color .15s;display:-webkit-box;overflow:hidden}.media-hub__headline-item:hover .media-hub__headline-text{color:var(--color-primary)}.media-hub__featured{order:0}.media-hub__featured-image{width:100%;aspect-ratio:var(--eyecatch-ratio);border-radius:var(--radius-sm);margin-bottom:var(--space-5);background:var(--color-bg-card);position:relative;overflow:hidden}.media-hub__featured-image img{object-fit:cover;width:100%;height:100%;display:block}.media-hub__featured-image-placeholder{opacity:.5;background:linear-gradient(135deg,#e8f6f4,#d4efe9);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.media-hub__featured-category{font-size:var(--text-2xs);color:#e63b2e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-weight:700;display:inline-block}.media-hub__featured-title{font-family:var(--font-sans);color:var(--color-text-primary);margin-bottom:var(--space-4);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;line-height:1.35}.media-hub__featured-title a{color:inherit;text-decoration:none;transition:color .15s}.media-hub__featured-title a:hover{color:var(--color-primary)}.media-hub__featured-excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.8;display:-webkit-box;overflow:hidden}.media-hub__featured-footer{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:12px;display:flex}.media-hub__featured-avatar{background:var(--color-bg-section);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.media-hub__featured-author{color:var(--color-text-secondary);font-weight:600}.media-hub__featured-sep{color:var(--color-border-light)}.media-hub__popular-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.media-hub__popular-item--1{position:relative}.media-hub__popular-item--1 .media-hub__popular-thumb{width:100%;aspect-ratio:var(--eyecatch-ratio);border-radius:var(--radius-sm);position:relative;overflow:hidden}.media-hub__popular-item--1 .media-hub__popular-thumb img,.media-hub__popular-item--1 .media-hub__popular-thumb-placeholder{object-fit:cover;width:100%;height:100%;display:block}.media-hub__popular-item--1 .media-hub__popular-rank{color:#fff;width:28px;height:28px;font-family:var(--font-sans);border-radius:var(--radius-sm);z-index:2;background:#e63b2e;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;position:absolute;top:8px;left:8px}.media-hub__popular-item--1 .media-hub__popular-title-overlay{padding:var(--space-3) var(--space-3);color:#fff;font-size:var(--text-md);background:linear-gradient(#0000,#000000bf);border-radius:0 0 6px 6px;font-weight:700;line-height:1.45;position:absolute;bottom:0;left:0;right:0}.media-hub__popular-grid{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.media-hub__popular-small{color:inherit;text-decoration:none;display:block}.media-hub__popular-small:hover .media-hub__popular-small-title{color:var(--color-primary)}.media-hub__popular-small-thumb{width:100%;aspect-ratio:var(--eyecatch-ratio);border-radius:var(--radius-sm);margin-bottom:var(--space-2);position:relative;overflow:hidden}.media-hub__popular-small-thumb img,.media-hub__popular-small-thumb-placeholder{object-fit:cover;width:100%;height:100%;display:block}.media-hub__popular-small-rank{color:#fff;width:22px;height:22px;font-family:var(--font-sans);font-size:var(--text-2xs);border-radius:var(--radius-sm);background:#000000b3;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;top:4px;left:4px}.media-hub__popular-small-title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;font-weight:600;line-height:1.5;transition:color .15s;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.media-hub .container{gap:var(--space-6);grid-template-columns:240px 1fr 240px}}@media (max-width:860px){.media-hub .container{gap:var(--space-10);grid-template-columns:1fr}.media-hub__featured{order:-1}.media-hub__headlines{order:0}.media-hub__popular{order:1}.media-hub__popular-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.media-hub{padding:var(--space-10) 0}}.container--article-wide{max-width:none;padding:0 0 0 max(var(--space-8), calc((100vw - 1400px) / 2));margin:0 min(420px,33vw) 0 0}.article-layout{column-gap:var(--space-4);row-gap:var(--space-8);padding-top:var(--space-8);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.article-sidebar-toc{top:calc(var(--header-height) + var(--space-6));max-height:calc(100vh - var(--header-height) - var(--space-12));padding-right:var(--space-4);position:sticky;overflow-y:auto}.article-sidebar-toc::-webkit-scrollbar{width:3px}.article-sidebar-toc::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.sidebar-toc__label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-4);font-weight:700}.sidebar-toc__list{flex-direction:column;gap:2px;padding-left:0;list-style:none;display:flex}.sidebar-toc__link{font-size:var(--text-md);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:all var(--duration-fast) var(--ease-out);border-left:2px solid #0000;line-height:1.5;text-decoration:none;display:block}.sidebar-toc__link:hover{color:var(--color-primary);border-left-color:var(--color-primary-light);background:#0abab50a}.sidebar-toc__link.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#0abab50f;font-weight:600}.sidebar-toc__link--h3{padding-left:calc(var(--space-3) + var(--space-4));font-size:12px}.article-main{min-width:0;padding-top:calc(var(--header-height) + var(--space-6));padding-right:1em;padding-bottom:var(--space-16);grid-column:2}.article-introduction{padding-top:calc(var(--header-height) + var(--space-6));padding-right:1em;padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light);font-size:var(--text-base);color:var(--color-text-secondary);grid-column:2;margin-bottom:0;line-height:1.9}.article-introduction+.article-main{padding-top:var(--space-8)}.popular-voices{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.popular-voices__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.popular-voices__title{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700}.popular-voices__nav{gap:6px;display:flex}.popular-voices__nav-btn{border:1px solid var(--color-border);background:var(--color-bg-white);cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.popular-voices__nav-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-pale)}.popular-voices__track{gap:var(--space-4);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.popular-voices__track::-webkit-scrollbar{display:none}.popular-voices__card{flex:0 0 calc((100% - 3 * var(--space-4)) / 3.5);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.popular-voices__card:hover{border-color:var(--color-border);box-shadow:0 2px 12px #0000000f}.popular-voices__user{align-items:center;gap:var(--space-3);display:flex}.popular-voices__avatar{background:var(--color-bg-section);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.popular-voices__user-info{flex-direction:column;min-width:0;display:flex}.popular-voices__name{font-size:var(--text-md);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.popular-voices__badge{background:var(--color-primary);color:#fff;vertical-align:middle;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.popular-voices__badge--expert{color:#fff;vertical-align:middle;background:#f59e0b;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.popular-voices__role{font-size:var(--text-2xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.popular-voices__text{font-size:var(--text-md);color:var(--color-text-primary);-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;flex:1;margin:0;line-height:1.65;display:-webkit-box;overflow:hidden}.popular-voices__footer{padding-top:var(--space-2);border-top:1px solid var(--color-border-light);align-items:center;display:flex}.popular-voices__likes{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.popular-voices__likes svg{opacity:.6}.popular-voices__article-ref{border-left:3px solid var(--color-primary);background:var(--color-bg-light,#f8fafa);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:auto;padding:10px 12px;text-decoration:none;transition:background .15s,border-color .15s;display:block}.popular-voices__article-ref:hover{background:var(--color-primary-pale);border-left-color:var(--color-primary-dark)}.popular-voices__article-title{font-size:var(--text-md);color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.popular-voices__article-source{font-size:var(--text-2xs);color:var(--color-text-muted);margin-top:3px}.popular-voices--homepage{border-top:none;margin-top:0;padding-top:0}#popular-voices{padding-top:var(--space-6);padding-bottom:var(--space-6)}.cat-digest{margin-bottom:var(--space-12)}.cat-digest:last-child{margin-bottom:0}.cat-digest__header{margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:3px solid var(--color-text-primary);justify-content:space-between;align-items:baseline;display:flex}.cat-digest__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0}.cat-digest__more{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;font-weight:600;text-decoration:none;transition:color .2s,transform .2s}.cat-digest__more:hover{color:var(--color-primary);transform:translate(2px)}.cat-digest__grid{border-radius:var(--radius-lg);background:var(--color-bg-white);grid-template-columns:1fr 1fr;gap:0;transition:box-shadow .3s;display:grid;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a}.cat-digest__featured:only-child{border-right:none;grid-column:1/-1}.cat-digest__grid:hover{box-shadow:0 2px 8px #00000014,0 12px 28px #0000000f}.cat-digest__featured{color:inherit;border-right:1px solid var(--color-border-light);flex-direction:column;text-decoration:none;transition:background .2s;display:flex;position:relative}.cat-digest__featured:hover{background:var(--color-bg-section)}.cat-digest__featured-img{aspect-ratio:var(--eyecatch-ratio);background-position:50%;background-size:cover;position:relative;overflow:hidden}.cat-digest__featured-img:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#00000080 100%);position:absolute;inset:0}.cat-digest__featured-body{padding:var(--space-5);flex:1}.cat-digest__featured-title{font-size:var(--text-base);color:var(--color-text-primary);margin:0 0 var(--space-2);font-weight:700;line-height:1.6;transition:color .15s}.cat-digest__featured:hover .cat-digest__featured-title{color:var(--color-primary)}.cat-digest__date{font-size:var(--text-xs);color:var(--color-text-muted)}.cat-digest__list{flex-direction:column;display:flex}.cat-digest__item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:inherit;border-bottom:1px solid var(--color-border-light);flex:1;text-decoration:none;transition:background .2s;display:flex}.cat-digest__item:last-child{border-bottom:none}.cat-digest__item:hover{background:var(--color-bg-section)}.cat-digest__item:hover .cat-digest__item-title{color:var(--color-primary)}.cat-digest__item-body{flex:1;min-width:0}.cat-digest__item-title{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--space-1);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.6;transition:color .15s;display:-webkit-box;overflow:hidden}.cat-digest__item-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:flex}.cat-digest__tag{background:var(--color-primary-pale);color:var(--color-primary);border-radius:var(--radius-pill);font-size:var(--text-2xs);padding:2px 10px;font-weight:600;display:inline-block}.cat-digest__item-thumb{width:100px;aspect-ratio:var(--eyecatch-ratio);border-radius:var(--radius-md);background-position:50%;background-size:cover;flex-shrink:0;transition:transform .2s}.cat-digest__item:hover .cat-digest__item-thumb{transform:scale(1.03)}.cat-digest__author{font-size:var(--text-xs);color:var(--color-text-secondary);align-items:center;gap:8px;font-weight:500;display:flex}.cat-digest__author-avatar{background:var(--color-primary);color:#fff;width:24px;height:24px;font-size:var(--text-2xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.cat-digest__author-inline{color:var(--color-text-secondary);white-space:nowrap;font-weight:600}.cat-digest__author-inline:after{content:"·";margin-left:var(--space-1);color:var(--color-text-muted)}.cat-digest__pick{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .15s;display:flex;position:relative}.cat-digest__pick:hover{background:var(--color-bg-hover);color:var(--color-primary);transform:scale(1.1)}.cat-digest__pick--sm{width:30px;height:30px}.pick-tooltip{z-index:9999;pointer-events:auto;animation:.25s ease-out pickTooltipIn;position:absolute}.pick-tooltip__content{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);white-space:nowrap;font-size:var(--text-xs);color:var(--color-text-primary);align-items:center;gap:10px;min-width:280px;padding:12px 16px;display:flex;box-shadow:0 4px 20px #0000001f}.pick-tooltip__content strong{font-size:var(--text-sm);margin-bottom:2px;display:block}.pick-tooltip__content p{color:var(--color-text-muted);font-size:var(--text-2xs);margin:0}.pick-tooltip__cta{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s}.pick-tooltip__cta:hover{background:var(--color-primary-hover)}@keyframes pickTooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.cat-digest__grid{grid-template-columns:1fr}.cat-digest__featured{border-right:none;border-bottom:1px solid var(--color-border-light)}.cat-digest__item-thumb{width:80px}.cat-digest__title{font-size:var(--text-xl)}}.related-articles{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.related-articles__title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-6);font-weight:700}.related-articles__grid{gap:var(--space-4);flex-direction:column;display:flex}.related-articles__card{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-section);border:1px solid var(--color-border-light);color:inherit;transition:all var(--duration-fast);text-decoration:none;display:flex}.related-articles__card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 12px #0abab51a}.related-articles__thumb{width:160px;aspect-ratio:var(--eyecatch-ratio);border-radius:var(--radius-md);flex-shrink:0;overflow:hidden}.related-articles__thumb img{object-fit:cover;width:100%;height:100%;display:block}.related-articles__info{justify-content:center;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.related-articles__category{font-size:var(--text-2xs);color:var(--color-primary);letter-spacing:.02em;font-weight:600}.related-articles__card-title{font-size:var(--text-sm);color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.5}.related-articles__date{font-size:var(--text-2xs);color:var(--color-text-muted)}.related-articles__meta{flex-direction:column;gap:2px;display:flex}.related-articles__dates{font-size:var(--text-2xs);color:var(--color-text-muted);align-items:center;gap:4px;display:flex}.related-articles__dates svg{opacity:.6;flex-shrink:0}.related-articles__updated{color:var(--color-text-muted);opacity:.7;margin-left:6px}.related-articles__author{font-size:var(--text-2xs);color:var(--color-text-secondary);align-items:center;gap:4px;font-weight:500;display:flex}.related-articles__author-avatar{background:var(--color-bg-muted,#eee);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.related-articles__author-avatar svg{opacity:.5}.article-breadcrumb-footer,.breadcrumb-footer{margin-top:var(--space-12);padding:var(--space-2) var(--space-6);padding-left:max(var(--space-8), calc((100vw - 1400px) / 2));background:var(--color-bg-light);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border-light)}.article-breadcrumb-footer+.footer,.article-breadcrumb-footer+footer,.breadcrumb-footer+.footer,.breadcrumb-footer+footer{margin-top:0}.article-breadcrumb-footer .breadcrumb,.breadcrumb-footer .breadcrumb{align-items:center;gap:var(--space-2);letter-spacing:.03em;flex-wrap:wrap;margin-bottom:0;padding-top:0;display:flex}.article-sidebar-comments{top:var(--header-height);width:min(420px,33vw);height:calc(100vh - var(--header-height) - 52px);border-left:1px solid var(--color-border-light);padding:var(--space-6) var(--space-6) var(--space-4) var(--space-5);background:var(--color-bg-white);z-index:50;position:fixed;right:0;overflow-y:auto}.article-sidebar-comments::-webkit-scrollbar{width:3px}.article-sidebar-comments::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.comment-action-bar{justify-content:center;align-items:center;gap:var(--space-4);background:var(--color-bg-white);border-top:1px solid var(--color-border-light);border-left:1px solid var(--color-border-light);z-index:51;width:min(420px,33vw);height:52px;padding:0 var(--space-4);display:flex;position:fixed;bottom:0;right:0}.comment-action-bar__btn{align-items:center;gap:var(--space-2);font-size:var(--text-md);color:var(--color-text-secondary);cursor:pointer;font-weight:500;font-family:var(--font-sans);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;display:inline-flex}.comment-action-bar__btn:hover{color:var(--color-primary);background:#0abab50f}.comment-action-bar__btn svg{width:16px;height:16px}.comment-action-bar__btn--close{color:var(--color-text-muted)}.article-page-footer-wrap{margin-right:min(420px,33vw)}.comment-section__title{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-6);font-weight:700}.comment-section__subtitle{color:var(--color-primary);letter-spacing:.02em;margin-bottom:var(--space-4);font-size:12px;font-weight:600}.comment-card{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-light)}.comment-card:last-child{border-bottom:none}.comment-card__header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.comment-card__avatar{background:var(--color-primary-pale);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;overflow:hidden}.comment-card__avatar img{object-fit:cover;width:100%;height:100%}.comment-card__user-info{flex:1;min-width:0}.comment-card__name{font-size:var(--text-md);color:var(--color-text-primary);align-items:center;gap:var(--space-2);flex-wrap:wrap;font-weight:700;display:flex}.comment-card__badge{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;letter-spacing:.02em;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.comment-card__badge--follow{color:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;transition:all var(--duration-fast);background:0 0}.comment-card__badge--follow:hover{background:var(--color-primary);color:#fff}.comment-card__meta{font-size:var(--text-2xs);color:var(--color-text-muted);margin-top:2px;line-height:1.5}.comment-card__body{color:var(--color-text-secondary);font-size:13.5px;line-height:1.75}.comment-card__body p{margin-bottom:var(--space-2)}.comment-card__body p:last-child{margin-bottom:0}.comment-card__actions{align-items:center;gap:var(--space-4);margin-top:var(--space-3);display:flex}.comment-card__action{align-items:center;gap:var(--space-1);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast);font-size:12px;font-family:var(--font-sans);background:0 0;border:none;display:inline-flex}.comment-card__action:hover{color:var(--color-primary);background:#0abab50f}.comment-card__action svg{width:14px;height:14px}.comment-section__footer{display:none}.comment-input{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.comment-input__label{font-size:var(--text-md);color:var(--color-text-primary);margin-bottom:var(--space-3);font-weight:600}.comment-input__textarea{width:100%;min-height:80px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-primary);background:var(--color-bg-white);resize:vertical;transition:border-color var(--duration-fast);outline:none}.comment-input__textarea::placeholder{color:var(--color-text-light)}.comment-input__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0abab51a}.comment-input__submit{margin-top:var(--space-3);justify-content:flex-end;display:flex}.mobile-toc-toggle{display:none}@media (max-width:1100px){.container--article-wide{margin-right:0}.article-layout{gap:var(--space-6);grid-template-columns:180px minmax(0,1fr)}.article-sidebar-comments{border-left:none;border-top:1px solid var(--color-border-light);width:100%;height:auto;max-height:none;padding:var(--space-8) 0 var(--space-8) 0;margin-top:var(--space-8);position:static;overflow-y:visible}.comment-action-bar{border-left:none;width:100%;position:fixed;left:0}.article-breadcrumb-footer,.article-page-footer-wrap{margin-right:0}}@media (max-width:768px){.container--article-wide{padding-left:var(--space-4)}.article-layout{gap:var(--space-6);padding-top:var(--space-4);grid-template-columns:1fr}.article-sidebar-toc{background:var(--color-bg-section);border-radius:var(--radius-lg);max-height:none;padding-right:0;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-light);order:2;position:static}.article-introduction{order:1;grid-column:1;padding-top:0;padding-right:0}.article-main{order:3}.article-introduction+.article-main{padding-top:0}.sidebar-toc__list{display:none}.sidebar-toc__list.open{margin-top:var(--space-3);display:flex}.mobile-toc-toggle{cursor:pointer;width:100%;font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-weight:700;display:flex}.mobile-toc-toggle svg{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--duration-fast)}.mobile-toc-toggle.open svg{transform:rotate(180deg)}.sidebar-toc__label{display:none}.article-sidebar-comments{margin-top:var(--space-4);padding-top:var(--space-6)}.article-breadcrumb-footer{padding-left:var(--space-4)}}.revision-history-btn{color:var(--color-primary,#0abab5);cursor:pointer;background:#0abab514;border:1px solid #0abab540;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.revision-history-btn:hover{border-color:var(--color-primary,#0abab5);background:#0abab52e;transform:translateY(-1px)}.revision-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;background:#00000080;position:fixed;inset:0}.revision-modal{background:var(--color-surface,#fafbfc);z-index:9001;border:1px solid var(--color-border-light,#e4f0ee);border-radius:16px;width:min(520px,92vw);max-height:80vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 64px #00000040}.revision-modal__header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.revision-modal__title{color:var(--color-text-primary,#1a1a2e);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.revision-modal__close{cursor:pointer;color:var(--color-text-muted,#94a3b8);background:0 0;border:none;border-radius:8px;padding:4px;transition:background .15s}.revision-modal__close:hover{background:var(--color-bg-hover,#f1f5f9)}.revision-modal__desc{color:var(--color-text-muted,#64748b);padding:12px 24px 0;font-size:.82rem;line-height:1.6}.revision-timeline{padding:20px 24px 8px;position:relative}.revision-timeline:before{content:"";background:var(--color-border-light,#e4f0ee);width:2px;position:absolute;top:32px;bottom:20px;left:38px}.revision-timeline__item{gap:16px;padding-bottom:20px;display:flex;position:relative}.revision-timeline__dot{background:var(--color-border,#cbd5e1);border:2px solid var(--color-surface,#fafbfc);z-index:1;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.revision-timeline__item--latest .revision-timeline__dot{background:var(--color-primary,#0abab5);box-shadow:0 0 0 4px #0abab526}.revision-timeline__content{flex:1;min-width:0}.revision-timeline__version{color:var(--color-text-primary,#1a1a2e);margin-bottom:2px;font-size:.85rem;font-weight:700}.revision-timeline__latest-badge{background:var(--color-primary,#0abab5);color:#fff;vertical-align:middle;border-radius:10px;margin-left:6px;padding:1px 8px;font-size:.68rem;font-weight:600;display:inline-block}.revision-timeline__date{color:var(--color-text-muted,#94a3b8);margin-bottom:4px;font-size:.78rem}.revision-timeline__memo{color:var(--color-text-primary,#1a1a2e);margin-bottom:6px;font-size:.88rem;line-height:1.5}.revision-timeline__meta{color:var(--color-text-muted,#94a3b8);gap:12px;font-size:.72rem;display:flex}.revision-timeline__hash{opacity:.7;cursor:help;font-family:SF Mono,Fira Code,monospace}.revision-timeline__empty{text-align:center;color:var(--color-text-muted,#94a3b8);padding:32px 16px}.revision-timeline__empty p{margin-top:8px;font-size:.88rem}.revision-modal__footer{text-align:center;padding:12px 24px 20px}.chain-valid{color:#10b981;background:#10b98114;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:600}.chain-invalid{color:#f59e0b;background:#f59e0b14;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:600}.skip-to-content{z-index:10000;background:var(--color-primary);color:#fff;border-radius:0 0 8px;width:1px;height:1px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-to-content:focus{width:auto;height:auto;position:fixed;top:0;left:0;overflow:visible}#cookie-consent{z-index:99999;padding:0 16px 16px;transition:bottom .4s cubic-bezier(.4,0,.2,1);position:fixed;bottom:-200px;left:0;right:0}#cookie-consent.is-visible{bottom:0}.cookie-consent__inner{-webkit-backdrop-filter:blur(16px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:20px;max-width:800px;margin:0 auto;padding:20px 28px;display:flex;box-shadow:0 8px 32px #0006}.cookie-consent__text{color:#ffffffbf;flex:1;margin:0;font-size:.82rem;line-height:1.5}.cookie-consent__link{color:var(--color-primary);text-decoration:underline}.cookie-consent__actions{flex-shrink:0;gap:10px;display:flex}.cookie-consent__btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:.82rem;font-weight:600;transition:all .2s}.cookie-consent__btn--accept{background:var(--color-primary);color:#fff}.cookie-consent__btn--accept:hover{opacity:.9;transform:translateY(-1px)}.cookie-consent__btn--decline{color:#fff9;background:0 0;border:1px solid #fff3}.cookie-consent__btn--decline:hover{background:#ffffff0d}@media (max-width:600px){.cookie-consent__inner{text-align:center;flex-direction:column;gap:12px;padding:16px 20px}.cookie-consent__actions{justify-content:center;width:100%}}.cat-digest__author-inline{color:var(--color-text-secondary);font-size:.72rem;font-weight:600}.cat-digest__author{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.78rem;display:flex}.cat-digest__author-avatar{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex}.cat-digest__featured-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.cat-digest__pick{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:4px;transition:all .2s}.cat-digest__pick:hover{color:var(--color-primary);background:#6366f11a}.cat-digest__pick.picked{color:var(--color-primary)}.cat-digest__pick--sm{position:absolute;top:10px;right:10px}.cat-digest__item{position:relative}.share-buttons{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-border-light);margin-top:var(--space-6);display:flex}.share-buttons__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;font-weight:600}.share-buttons__list{gap:var(--space-2);flex-wrap:wrap;display:flex}.share-btn{border-radius:var(--radius-pill);color:var(--share-color,#666);border:1px solid var(--color-border-light);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.share-btn:hover{color:#fff;background:var(--share-color,#666);border-color:var(--share-color,#666);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.share-btn__icon{align-items:center;display:flex}.share-btn__label{line-height:1}@media (max-width:640px){.share-buttons{align-items:flex-start;gap:var(--space-3);flex-direction:column}.share-buttons__list{gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.share-btn{flex:none;justify-content:center;min-width:0}}.auth-page{min-height:100vh;padding:var(--space-8) var(--space-6);background:var(--color-bg-light);flex-direction:column;justify-content:center;align-items:center;padding-bottom:0;display:flex;position:relative;overflow:hidden}.auth-page .breadcrumb-footer{align-self:stretch;margin-top:auto}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#0abab514 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-30%;right:-20%}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#81d8d00f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-20%;left:-15%}.auth-card{background:var(--color-bg-white);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-8);z-index:1;position:relative}.auth-card__header{text-align:center;margin-bottom:var(--space-8)}.auth-card__logo{font-family:var(--font-brand);color:var(--color-text-primary);letter-spacing:.12em;transition:color var(--duration-fast);font-size:2rem;font-weight:400;text-decoration:none;display:inline-block}.auth-card__logo:hover{color:var(--color-primary)}.auth-card__title{margin-top:var(--space-4)}.auth-card__desc{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.auth-card__divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";background:var(--color-border-light);flex:1;height:1px}.auth-card__form{gap:var(--space-5);flex-direction:column;display:flex}.auth-card__alert{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.auth-card__alert--error{color:#dc2626;background:#ef444414;border:1px solid #ef444426}.auth-card__alert--success{color:var(--color-primary-dark);background:#0abab514;border:1px solid #0abab526}.auth-card__footer{text-align:center;margin-top:var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-card__footer a{color:var(--color-primary);font-weight:600}.auth-card__footer--sm{text-align:center;margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.auth-card__forgot{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);transition:color var(--duration-fast);display:block}.auth-card__forgot:hover{color:var(--color-primary)}@media (max-width:480px){.auth-card{padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg)}}.mypage-section{background:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out)}.mypage-section:hover{box-shadow:var(--shadow-md)}.mypage-section__title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary-pale);font-weight:700}.mypage-profile{align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.mypage-profile__avatar{background:var(--gradient-accent);width:64px;height:64px;font-size:var(--text-xl);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 4px 14px #0abab540}.mypage-profile__name{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700}.mypage-profile__email{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.mypage-stats{gap:var(--space-4);flex-wrap:wrap;display:flex}.mypage-stat{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-light);border:1px solid var(--color-border-light);font-size:var(--text-sm)}.mypage-stat__label{color:var(--color-text-muted)}.mypage-stat__value{color:var(--color-text-primary);font-weight:600}.mypage-stat__value--accent{color:var(--color-primary)}.mypage-status-dot{width:8px;height:8px;margin-right:var(--space-2);border-radius:50%;display:inline-block}.mypage-status-dot--active{background:#22c55e}.mypage-status-dot--warning{background:#f59e0b}.mypage-action-link{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light);transition:color var(--duration-fast), padding-left var(--duration-fast);text-decoration:none;display:flex}.mypage-action-link:hover{color:var(--color-primary);padding-left:var(--space-2)}.mypage-action-link:last-child{border-bottom:none}@media (max-width:768px){.mypage-section{padding:var(--space-6);border-radius:var(--radius-lg)}.mypage-profile__avatar{width:52px;height:52px;font-size:var(--text-lg)}}.legal-table{border-collapse:collapse;width:100%}.legal-table th,.legal-table td{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);text-align:left;font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text-secondary)}.legal-table th{white-space:nowrap;vertical-align:top;width:180px;color:var(--color-text-primary);background:var(--color-bg-light);font-weight:600}.legal-table tr:last-child th,.legal-table tr:last-child td{border-bottom:none}.legal-table a{color:var(--color-primary);font-weight:500}.legal-table a:hover{color:var(--color-primary-dark)}.legal-page__date{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width:768px){.legal-table th{width:120px;font-size:var(--text-xs)}.legal-table th,.legal-table td{padding:var(--space-3)}}@media (max-width:480px){.legal-table,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{width:100%;display:block}.legal-table tr{margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-3)}.legal-table th{padding-bottom:var(--space-1);color:var(--color-primary);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);background:0 0;border-bottom:none}.legal-table td{border-bottom:none;padding-top:0}.legal-table tr:last-child{border-bottom:none}}.error-page{justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.error-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#0abab50f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-page__content{text-align:center;z-index:1;position:relative}.error-page__code{background:var(--gradient-accent);-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,15vw,8rem);font-weight:800;line-height:1}.error-page__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-6);font-weight:700}.error-page__desc{color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:480px;line-height:var(--leading-relaxed);margin-left:auto;margin-right:auto}.error-page__actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.page-header{padding-top:calc(var(--header-height) + var(--space-8))}.page-header .breadcrumb{margin-bottom:var(--space-8);padding-top:0}.page-header__title{margin-bottom:var(--space-12)}.page-content-bottom{padding-bottom:var(--space-16)}@media (max-width:768px){.page-header{padding-top:calc(var(--header-height) + var(--space-10))}}.search-bar{gap:var(--space-2);margin-bottom:var(--space-8);display:flex}.search-bar .form-input{flex:1}.search-empty{text-align:center;padding:var(--space-12) var(--space-4)}.search-empty__title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:600}.search-empty__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.search-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.search-results{gap:var(--space-4);display:grid}.search-result-card{gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);color:inherit;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);text-decoration:none;display:flex}.search-result-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card)}.search-result-card__thumb{border-radius:var(--radius-md);background-position:50%;background-size:cover;flex-shrink:0;width:120px;min-height:80px}.search-result-card__body{flex:1;min-width:0}.search-result-card__category{font-size:var(--text-xs);color:var(--color-primary);margin-bottom:var(--space-1);font-weight:600}.search-result-card__title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-result-card__meta{gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-light);display:flex}@media (max-width:480px){.search-result-card{flex-direction:column}.search-result-card__thumb{width:100%;height:160px}}.comment-loading{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.comment-empty{padding:var(--space-8) var(--space-4);text-align:center}.comment-empty__icon{margin:0 auto var(--space-4);opacity:.4}.comment-empty__title{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.comment-empty__desc{font-size:var(--text-xs);color:var(--color-text-light);line-height:1.6}.comment-list{max-height:60vh;overflow-y:auto}.comment-item{padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.comment-item__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.comment-item__avatar{background:var(--gradient-accent);width:28px;height:28px;font-size:var(--text-xs);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.comment-item__author{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.comment-item__date{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.comment-item__body{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;line-height:1.7}.comment-item__delete{font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;margin-top:var(--space-1);transition:color var(--duration-fast);background:0 0;border:none;padding:0}.comment-item__delete:hover{color:#ef4444}.comment-alert{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs)}.comment-alert--error{color:#ef4444;background:#ef44441a}.comment-alert--success{color:var(--color-primary);background:#0abab51a}.comment-input__footer{justify-content:space-between;align-items:center;display:flex}.comment-input__count{font-size:var(--text-xs);color:var(--color-text-muted)}.comment-login-prompt{text-align:center;padding:var(--space-6) var(--space-4)}.comment-login-prompt__text{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.6}.comment-login-prompt__secondary{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-primary);display:block}.paywall{margin-top:var(--space-8);padding:var(--space-10) var(--space-6);background:linear-gradient(180deg, #fff0 0%, var(--color-bg-primary) 20%);text-align:center;border-top:none;position:relative}.paywall__fade{background:linear-gradient(to bottom, transparent, var(--color-bg-primary));pointer-events:none;height:120px;position:absolute;top:-120px;left:0;right:0}.paywall__inner{z-index:1;max-width:480px;margin:0 auto;position:relative}.paywall__icon{width:56px;height:56px;margin:0 auto var(--space-4);background:var(--gradient-accent);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.paywall__desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.paywall__actions{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.paywall__actions .btn{width:100%;max-width:300px}.paywall__login-link{color:var(--color-primary);font-size:var(--text-sm)}.paywall__features{margin-top:var(--space-6);justify-content:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.mypage-subsection{margin-bottom:var(--space-6)}.mypage-subsection__title{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.mypage-avatar-preview{background:var(--color-bg-secondary);width:64px;height:64px;color:var(--color-text-muted);border:2px solid var(--color-border-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.mypage-edit-row{align-items:center;gap:var(--space-3);display:flex}.mypage-edit-row .form-input{font-size:var(--text-sm);flex:1}.mypage-display-name{font-size:var(--text-sm);color:var(--color-text-secondary)}.mypage-edit-btn{font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;font-weight:600}.mypage-edit-btn:hover{color:var(--color-primary-dark)}.mypage-error{font-size:var(--text-xs);color:#ef4444;margin-top:var(--space-1)}.mypage-bookmarks{gap:0;display:grid}.mypage-bookmark-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);display:flex}.mypage-bookmark-item:last-child{border-bottom:none}.mypage-bookmark-item__body{flex:1;min-width:0}.mypage-bookmark-item__title{font-size:var(--text-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;transition:color var(--duration-fast);font-weight:600;line-height:1.5;text-decoration:none;display:block;overflow:hidden}.mypage-bookmark-item__title:hover{color:var(--color-primary)}.mypage-bookmark-item__date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);display:block}.mypage-bookmark-item__remove{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);width:28px;height:28px;color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mypage-bookmark-item__remove:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.status-loading{text-align:center;color:var(--color-text-muted);padding:var(--space-8)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-10) 0 var(--space-6);display:flex}.pagination .btn{min-width:40px}.articles-header{text-align:left;margin-bottom:var(--space-5);padding-top:var(--space-6)}.articles-header .heading-2{margin-bottom:var(--space-2)}.articles-header__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.articles-empty{padding:var(--space-8) 0;text-align:center;color:var(--color-text-muted);grid-column:1/-1}.articles-breadcrumb-bottom{margin-top:var(--space-12)}.articles-breadcrumb-bottom .breadcrumb{margin-bottom:0;padding-top:0}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.hero{min-height:auto;padding:var(--space-16) 0}.hero__final-text{opacity:1!important;transform:none!important}.hero__scroll-hint{display:none}.about-statement{min-height:auto;padding:var(--space-16) var(--space-6)}}.header__catnav-link:hover{background:#0abab51a}.footer__link{padding:var(--space-1) 0}.cat-digest__more:hover{transform:translate(4px)}#popular-voices .popular-voices--homepage>div[style]{padding:var(--space-8) var(--space-4)}.cat-digest__empty{min-height:200px;color:var(--color-text-muted);font-size:var(--text-sm);border:1px dashed var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-6);justify-content:center;align-items:center;display:flex}.author-card{gap:var(--space-6);padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);align-items:flex-start;display:flex}.author-card__avatar{border-radius:var(--radius-md);width:80px;min-width:80px;height:80px;overflow:hidden}.author-card__name{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:700}.author-card__role{font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-3);font-weight:600}.author-card__bio{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.mission-cards{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.mission-card{padding:var(--space-8);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.mission-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.mission-card__icon{background:var(--color-bg-light);border-radius:var(--radius-md);width:56px;height:56px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:2rem;display:flex}.mission-card__title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:700}.mission-card__desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media (max-width:768px){.mission-cards{grid-template-columns:1fr}.author-card{text-align:center;flex-direction:column;align-items:center}}.contact-form{max-width:640px;margin-left:auto;margin-right:auto}.auth-page{padding-top:calc(var(--header-height) + var(--space-8))}.hero{background:linear-gradient(160deg,#0a0e10 0%,#0a1a1c 40%,#0a0f11 100%)}@media (max-width:768px){.footer{padding-bottom:var(--space-16)}}.hero__loading{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero__loading-brand{font-family:var(--font-brand);letter-spacing:.15em;color:#81d8d040;font-size:clamp(2rem,6vw,4rem);animation:2s ease-in-out infinite heroLoadPulse}@keyframes heroLoadPulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{text-align:center;justify-content:center;align-items:center;min-height:70vh;display:flex}.loading-spinner{border:3px solid var(--color-border-light,#e5e7eb);border-top-color:var(--color-primary,#0abab5);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}.loading-text{color:var(--color-text-muted,#9ca3af);font-size:var(--text-sm)}.skeleton{background:linear-gradient(90deg, var(--color-bg-light,#f0f0f0) 25%, var(--color-bg-section,#e8e8e8) 50%, var(--color-bg-light,#f0f0f0) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}