@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;700&family=JetBrains+Mono:wght@100;300;400;500&display=swap";:root{--color-surface: #131314;--color-surface-dim: #131314;--color-surface-bright: #3a393a;--color-surface-container-lowest: #0e0e0f;--color-surface-container-low: #1c1b1c;--color-surface-container: #201f20;--color-surface-container-high: #2a2a2b;--color-surface-container-highest: #353436;--color-surface-variant: #353436;--color-background: #131314;--color-on-surface: #e5e2e3;--color-on-surface-variant: #d0c6ab;--color-on-background: #e5e2e3;--color-inverse-surface: #e5e2e3;--color-inverse-on-surface: #313031;--color-outline: #999077;--color-outline-variant: #4d4732;--color-primary: #fff6df;--color-on-primary: #3a3000;--color-primary-container: #ffd700;--color-on-primary-container: #705e00;--color-primary-fixed: #ffe16d;--color-primary-fixed-dim: #e9c400;--color-on-primary-fixed: #221b00;--color-on-primary-fixed-variant: #544600;--color-inverse-primary: #705d00;--color-surface-tint: #e9c400;--color-secondary: #ffe2ab;--color-on-secondary: #402d00;--color-secondary-container: #ffbf00;--color-on-secondary-container: #6d5000;--color-secondary-fixed: #ffdfa0;--color-secondary-fixed-dim: #fbbc00;--color-on-secondary-fixed: #261a00;--color-on-secondary-fixed-variant:#5c4300;--color-tertiary: #fff3f4;--color-on-tertiary: #660026;--color-tertiary-container: #ffcdd4;--color-on-tertiary-container: #bd004d;--color-tertiary-fixed: #ffd9de;--color-tertiary-fixed-dim: #ffb2be;--color-on-tertiary-fixed: #3f0015;--color-on-tertiary-fixed-variant: #900039;--color-ruby-line: #e0115f;--color-error: #ffb4ab;--color-on-error: #690005;--color-error-container: #93000a;--color-on-error-container: #ffdad6;--bg: var(--color-background);--bg-panel: var(--color-surface-container);--bg-raised: var(--color-surface-container-high);--text: var(--color-on-surface);--text-muted: var(--color-on-surface-variant);--text-bright: var(--color-primary);--border: var(--color-outline-variant);--border-strong: var(--color-outline);--accent: var(--color-primary-container);--accent-soft: var(--color-primary-fixed);--warn: var(--color-secondary-container);--danger: var(--color-on-tertiary-container);--font-display: "Montserrat", system-ui, -apple-system, sans-serif;--font-body: "Montserrat", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--type-display-lg-size: 48px;--type-display-lg-weight: 100;--type-display-lg-leading: 1.1;--type-display-lg-tracking:.2em;--type-headline-lg-size: 32px;--type-headline-lg-weight: 200;--type-headline-lg-leading: 1.2;--type-headline-lg-tracking:.15em;--type-headline-md-size: 24px;--type-headline-md-weight: 300;--type-headline-md-leading: 1.3;--type-headline-md-tracking:.1em;--type-body-lg-size: 18px;--type-body-lg-weight: 300;--type-body-lg-leading: 1.6;--type-body-lg-tracking:.02em;--type-body-md-size: 16px;--type-body-md-weight: 400;--type-body-md-leading: 1.6;--type-body-md-tracking:.01em;--type-metadata-sm-size: 12px;--type-metadata-sm-weight: 400;--type-metadata-sm-leading: 1.4;--type-metadata-sm-tracking:.05em;--type-label-caps-size: 10px;--type-label-caps-weight: 500;--type-label-caps-leading: 1;--type-label-caps-tracking:.25em;--type-display-lg-size-mobile: 32px;--space-unit: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--layout-gutter: 24px;--layout-margin-mobile: 16px;--layout-margin-desktop: 64px;--layout-max-width: 1440px;--layout-grid-columns: 12;--radius: 0px;--chamfer: 10px;--border-hair: .5px;--border-thin: 1px;--glass-bg: rgba(19, 19, 20, .4);--glass-blur: 20px;--glass-border: rgba(153, 144, 119, .3);--bloom-gold: 0 0 10px rgba(255, 226, 171, .4);--bloom-amber: 0 0 12px rgba(255, 191, 0, .45);--bloom-ruby: 0 0 15px rgba(224, 17, 95, .5);--motion-fast: .12s cubic-bezier(.4, 0, .2, 1);--motion-smooth: .2s cubic-bezier(.4, 0, .2, 1);--motion-slow: .4s cubic-bezier(.4, 0, .2, 1);--celestial-bg: var(--color-background);--celestial-bg-alt: var(--color-surface-container-low);--celestial-surface: var(--color-surface-container);--celestial-border: var(--color-outline-variant);--celestial-primary: var(--color-primary-container);--celestial-primary-hover: var(--color-primary-fixed);--celestial-accent: var(--color-surface-tint);--celestial-text: var(--color-on-surface);--celestial-text-dim: var(--color-on-surface-variant);--celestial-text-bright: var(--color-primary);--celestial-shadow: var(--bloom-gold);--celestial-glow: var(--bloom-gold);--transition-smooth: var(--motion-smooth)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--type-body-md-size);font-weight:var(--type-body-md-weight);line-height:var(--type-body-md-leading);letter-spacing:var(--type-body-md-tracking);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--text-bright);font-family:var(--font-display);font-weight:var(--type-headline-lg-weight);letter-spacing:var(--type-headline-lg-tracking)}a{color:var(--accent);text-decoration:none;transition:color var(--motion-smooth)}a:hover{color:var(--accent-soft)}code,pre,kbd{font-family:var(--font-mono)}[data-theme=cyan]{--color-surface: #0a0a0c;--color-surface-dim: #0a0a0c;--color-surface-bright: #2e2e3a;--color-surface-container-lowest: #060607;--color-surface-container-low: #121216;--color-surface-container: #1a1a20;--color-surface-container-high: #22222c;--color-surface-container-highest: #2a2a35;--color-surface-variant: #2a2a35;--color-background: #0a0a0c;--color-on-surface: #e1e1e6;--color-on-surface-variant: #a1a1b0;--color-on-background: #e1e1e6;--color-inverse-surface: #e1e1e6;--color-inverse-on-surface: #1a1a20;--color-outline: #4a4a5a;--color-outline-variant: #2a2a35;--color-primary: #eef0ff;--color-on-primary: #1a1f5c;--color-primary-container: #646cff;--color-on-primary-container: #c7ccff;--color-primary-fixed: #7b84ff;--color-primary-fixed-dim: #4a52d6;--color-on-primary-fixed: #0a0d3a;--color-on-primary-fixed-variant: #2f37b0;--color-inverse-primary: #4a52d6;--color-surface-tint: #00e5ff;--color-secondary: #b8f4ff;--color-on-secondary: #00363f;--color-secondary-container: #00e5ff;--color-on-secondary-container: #007a8a;--color-secondary-fixed: #a0eeff;--color-secondary-fixed-dim: #00c4d6;--color-on-secondary-fixed: #001f24;--color-on-secondary-fixed-variant:#005661;--color-tertiary: #f3ecff;--color-on-tertiary: #2c1a5c;--color-tertiary-container: #b478ff;--color-on-tertiary-container: #5b2db0;--color-tertiary-fixed: #e6d6ff;--color-tertiary-fixed-dim: #c9a0ff;--color-on-tertiary-fixed: #1c0d44;--color-on-tertiary-fixed-variant: #6a3db8;--color-ruby-line: #00e5ff;--color-error: #ffb4ab;--color-on-error: #690005;--color-error-container: #93000a;--color-on-error-container: #ffdad6;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--bloom-gold: 0 0 10px rgba(100, 108, 255, .4);--bloom-amber: 0 0 12px rgba(0, 229, 255, .45);--bloom-ruby: 0 0 15px rgba(180, 120, 255, .5)}#lens-root{min-height:100vh}.lens{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.lens-nav{border-right:var(--border-thin) solid var(--border);background:var(--color-surface-container-lowest);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.lens-brand{display:flex;align-items:baseline;gap:var(--space-2);padding:0 var(--space-2) var(--space-2)}.lens-brand-name{font-family:var(--font-display);font-weight:200;font-size:20px;letter-spacing:.2em;color:var(--text-bright)}.lens-brand-sub{font-family:var(--font-mono);font-size:var(--type-label-caps-size);letter-spacing:var(--type-label-caps-tracking);text-transform:uppercase;color:var(--text-muted)}.lens-group-label{font-family:var(--font-mono);font-size:var(--type-label-caps-size);letter-spacing:var(--type-label-caps-tracking);text-transform:uppercase;color:var(--color-outline);padding:0 var(--space-2);margin-bottom:var(--space-2)}.lens-nav-item{display:block;width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--type-metadata-sm-size);letter-spacing:var(--type-metadata-sm-tracking);color:var(--text-muted);cursor:pointer;transition:color var(--motion-fast),background var(--motion-fast)}.lens-nav-item:hover{color:var(--text)}.lens-nav-item[data-active=true]{color:var(--accent);border-left-color:var(--accent);background:#ffd7000d}.lens-themes{display:flex;gap:var(--space-1);margin-top:auto;padding:var(--space-2);border:var(--border-thin) solid var(--border)}.lens-theme-btn{flex:1;background:none;border:var(--border-thin) solid transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--type-label-caps-size);letter-spacing:var(--type-label-caps-tracking);text-transform:uppercase;padding:var(--space-2);cursor:pointer;transition:all var(--motion-fast)}.lens-theme-btn[data-active=true]{color:var(--accent);border-color:var(--accent);box-shadow:var(--bloom-gold)}.lens-canvas{padding:var(--space-12) var(--space-16);background:var(--bg);overflow-y:auto}.lens-story-head{margin-bottom:var(--space-10);border-bottom:var(--border-thin) solid var(--border);padding-bottom:var(--space-4)}.lens-story-title{font-family:var(--font-display);font-weight:200;font-size:var(--type-headline-lg-size);letter-spacing:var(--type-headline-lg-tracking);color:var(--text-bright);margin:0}.lens-story-blurb{font-family:var(--font-mono);font-size:var(--type-metadata-sm-size);letter-spacing:var(--type-metadata-sm-tracking);color:var(--text-muted);margin-top:var(--space-3)}