@property --era-stop-1{syntax: "<color>"; inherits: true; initial-value: rgba(56,189,248,.3);}@property --era-stop-2{syntax: "<color>"; inherits: true; initial-value: rgba(15,23,42,.84);}@property --era-stop-3{syntax: "<color>"; inherits: true; initial-value: rgba(168,85,247,.22);}@property --era-accent{syntax: "<color>"; inherits: true; initial-value: #38bdf8;}@property --era-bg{syntax: "<color>"; inherits: true; initial-value: #080b14;}:root{--era-stop-1: rgba(56, 189, 248, .3);--era-stop-2: rgba(15, 23, 42, .84);--era-stop-3: rgba(168, 85, 247, .22);--era-accent: #38bdf8;--era-bg: #080b14;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--glass-bg: rgba(13, 18, 30, .64);--glass-bg-elevated: rgba(17, 24, 39, .78);--glass-bg-subtle: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .09);--glass-border-strong: rgba(255, 255, 255, .17);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-glass: 0 20px 50px rgba(0, 0, 0, .45);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background-color:var(--era-bg);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.era-root{min-height:100vh;position:relative;background-color:var(--era-bg);background-image:radial-gradient(ellipse 85% 55% at 14% 8%,var(--era-stop-1),transparent 62%),radial-gradient(ellipse 75% 60% at 88% 18%,var(--era-stop-3),transparent 60%),radial-gradient(ellipse 95% 75% at 50% 90%,var(--era-stop-2),rgba(4,7,14,.96) 72%);transition:--era-stop-1 .9s cubic-bezier(.22,1,.36,1),--era-stop-2 .9s cubic-bezier(.22,1,.36,1),--era-stop-3 .9s cubic-bezier(.22,1,.36,1),--era-accent .7s cubic-bezier(.22,1,.36,1),--era-bg .9s cubic-bezier(.22,1,.36,1)}.era-texture-layer{position:fixed;inset:0;pointer-events:none;z-index:0;transition:opacity .5s ease}.era-texture--none{opacity:0}.era-texture--crt-scanlines{opacity:.32;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 50% 50%,transparent 58%,rgba(0,0,0,.42) 100%)}.era-texture--dot-matrix{opacity:.28;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:16px 16px}.era-texture--web2-gloss{opacity:.22;background-image:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 35%,rgba(255,255,255,.02) 65%,transparent 100%),radial-gradient(ellipse 100% 40% at 50% 0%,rgba(255,255,255,.07),transparent 70%)}.era-texture--vapor-grid{opacity:.25;background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.9) 70%,transparent)}.era-texture--noise-grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:180px 180px}.era-texture--minimal-grid{opacity:.16;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px}.year-watermark-stage{position:fixed;inset:0;pointer-events:none;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;padding:2rem 3vw;overflow:hidden}.year-watermark-text{font-family:var(--font-display);font-size:clamp(5.5rem,18vw,17rem);font-weight:800;line-height:.85;letter-spacing:-.05em;color:var(--era-accent);opacity:.065;user-select:none;view-transition-name:active-year-watermark;text-shadow:0 0 80px var(--era-stop-1)}::view-transition-old(active-year-watermark),::view-transition-new(active-year-watermark){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),var(--shadow-glass);border-radius:var(--radius-lg)}.glass-panel-elevated{background:var(--glass-bg-elevated);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-highlight),0 28px 70px #0000009e;border-radius:var(--radius-xl)}.glass-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .72rem;border-radius:999px;font-size:.78rem;font-weight:500;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);color:var(--text-secondary);transition:all .18s ease;cursor:pointer}.glass-chip:hover{background:#ffffff17;border-color:#fff3;color:var(--text-primary)}.glass-chip.is-active{color:#fff;background:color-mix(in srgb,var(--chip-color, var(--era-accent)) 22%,rgba(15,23,42,.75));border-color:color-mix(in srgb,var(--chip-color, var(--era-accent)) 65%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--chip-color, var(--era-accent)) 28%,transparent)}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--era-accent) 60%,transparent);background:color-mix(in srgb,var(--era-accent) 22%,rgba(15,23,42,.85));color:#f8fafc;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .18s ease}.btn-accent:hover:not(:disabled){background:color-mix(in srgb,var(--era-accent) 34%,rgba(15,23,42,.85));transform:translateY(-1px);box-shadow:0 8px 24px color-mix(in srgb,var(--era-accent) 28%,transparent)}.btn-accent:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.48rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff0a;color:var(--text-secondary);font-size:.84rem;font-weight:500;cursor:pointer;transition:all .16s ease;text-decoration:none}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff17;border-color:var(--glass-border-strong)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.glass-input,.glass-select,.glass-textarea{width:100%;padding:.62rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#070b14b8;color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:border-color .16s ease,box-shadow .16s ease}.glass-input:focus,.glass-select:focus,.glass-textarea:focus{outline:none;border-color:var(--era-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--era-accent) 22%,transparent)}.glass-textarea{resize:vertical;min-height:110px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#04070e80}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b873}.sb-prose{color:#cbd5e1;font-size:.95rem;line-height:1.72}.sb-prose h1,.sb-prose h2,.sb-prose h3,.sb-prose h4{color:#f8fafc;font-family:var(--font-display);margin:1.25em 0 .5em;line-height:1.28}.sb-prose h2{font-size:1.12rem;letter-spacing:-.01em;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.08)}.sb-prose h3{font-size:1rem}.sb-prose p{margin:.65em 0}.sb-prose ul,.sb-prose ol{margin:.6em 0;padding-left:1.35rem}.sb-prose li{margin:.3em 0}.sb-prose a{color:var(--era-accent);text-decoration:underline;text-underline-offset:3px}.sb-prose code{font-family:var(--font-mono);font-size:.85em;background:#ffffff12;padding:.14rem .38rem;border-radius:5px}.sb-prose pre{background:#04070ed9;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.85rem;overflow-x:auto}.sb-prose blockquote{margin:.85em 0;padding:.4rem .9rem;border-left:3px solid var(--era-accent);background:#ffffff08;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#e2e8f0}@keyframes sbFadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation:sbFadeSlideUp .38s cubic-bezier(.22,1,.36,1) both}.stagger-2{animation:sbFadeSlideUp .42s cubic-bezier(.22,1,.36,1) 80ms both}.stagger-3{animation:sbFadeSlideUp .46s cubic-bezier(.22,1,.36,1) .16s both}.stagger-4{animation:sbFadeSlideUp .5s cubic-bezier(.22,1,.36,1) .24s both}@media(prefers-reduced-motion:reduce){.era-root,.glass-chip,.btn-accent,.btn-ghost{transition:none!important}.stagger-1,.stagger-2,.stagger-3,.stagger-4{animation:none!important}}
