@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HankenGrotesk-500-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HankenGrotesk-500-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/HankenGrotesk-600-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/HankenGrotesk-600-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/HankenGrotesk-700-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/HankenGrotesk-700-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/HankenGrotesk-800-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/HankenGrotesk-800-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-600-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-600-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Prompt-300-italic-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Prompt-300-italic-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Prompt-400-italic-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Prompt-400-italic-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Prompt-300-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Prompt-300-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Prompt-400-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Prompt-400-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Prompt-500-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Prompt-500-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Prompt-600-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Prompt-600-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Prompt-700-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Prompt-700-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Prompt;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Prompt-900-normal-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Prompt;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Prompt-900-normal-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--lilac-50:#f7f4fc;--lilac-100:#efe9f8;--lilac-200:#ddd3f1;--lilac-300:#c3b4ef;--lilac-400:#a894dc;--lilac-500:#9c8ace;--lilac-600:#8e7bc0;--lilac-700:#7b66b4;--lilac-800:#5f4b93;--lilac-900:#3c2a60;--lilac-950:#1b1620;--rose-300:#e29cbe;--rose-500:#c77da0;--rose-100:#f6e6ee;--sand-50:#fbf8f5;--sand-100:#f4eee7;--sand-200:#ebe3ef;--sand-300:#ded3e4;--sand-400:#c9bcd2;--gradient-cta:linear-gradient(160deg,#7d66bf,#7b66b4);--gradient-warm:linear-gradient(160deg,#ebe3ef,#fbf8f5);--gradient-hero:linear-gradient(105deg,rgba(27,22,32,0.96),rgba(27,22,32,0.82) 38%,rgba(27,22,32,0.45) 65%,rgba(27,22,32,0.10));--gradient-hero-bg:linear-gradient(145deg,#5f4b93,#7b66b4 22%,#9c8ace 44%,#c3b4ef 62%,#e29cbe 82%,#8e7bc0);--font-display:"Hanken Grotesk","DM Sans",system-ui,sans-serif;--font-sans:"Prompt",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SF Mono",ui-monospace,monospace;--text-display:4.25rem;--text-display-lh:1.04;--text-display-ls:-0.022em;--text-h1:3rem;--text-h1-lh:1.08;--text-h1-ls:-0.018em;--text-h2:2.25rem;--text-h2-lh:1.12;--text-h2-ls:-0.014em;--text-h3:1.75rem;--text-h3-lh:1.2;--text-h3-ls:-0.01em;--text-h4:1.375rem;--text-h4-lh:1.3;--text-h4-ls:-0.006em;--text-h5:1.125rem;--text-h5-lh:1.4;--text-h5-ls:0;--text-h6:1rem;--text-h6-lh:1.45;--text-h6-ls:0;--text-body-lg:1.125rem;--text-body-lg-lh:1.65;--text-body:1rem;--text-body-lh:1.65;--text-body-sm:0.875rem;--text-body-sm-lh:1.6;--text-caption:0.75rem;--text-caption-lh:1.4;--text-caption-ls:0.01em;--text-overline:0.6875rem;--text-overline-lh:1.3;--text-overline-ls:0.12em;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--space-0:0;--space-px:1px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--container-xl:1240px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-full:9999px;--duration-fast:140ms;--duration-base:220ms;--duration-slow:340ms;--duration-slower:520ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-enter:cubic-bezier(0.05,0.7,0.1,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--blur-sm:6px;--blur-md:14px;--blur-lg:28px}[data-theme=light]{color-scheme:light;--color-bg:#f4eee7;--color-bg-subtle:#ebe3ef;--color-surface:#fdfbfe;--color-surface-raised:#ffffff;--color-surface-deep:#e4dced;--color-overlay:rgba(60,42,96,0.44);--color-text:#2f2838;--color-text-muted:#63596f;--color-text-subtle:#70677a;--color-text-inverted:#fdfbfe;--color-border:#d6cbdf;--color-border-strong:#c9bcd2;--color-border-subtle:#ebe3ef;--color-primary:#8e7bc0;--color-primary-hover:#7b66b4;--color-primary-active:#5f4b93;--color-on-primary:#ffffff;--color-primary-text:#5f4b93;--color-primary-subtle:rgba(142,123,192,0.10);--color-primary-subtle-text:#5f4b93;--color-accent:#c77da0;--color-accent-subtle:rgba(199,125,160,0.12);--color-ring:rgba(142,123,192,0.45);--shadow-xs:0 1px 2px rgba(60,42,96,0.06);--shadow-sm:0 1px 3px rgba(60,42,96,0.08),0 1px 2px rgba(60,42,96,0.05);--shadow-md:0 4px 12px rgba(60,42,96,0.09),0 2px 4px rgba(60,42,96,0.05);--shadow-lg:0 12px 28px rgba(60,42,96,0.12),0 4px 8px rgba(60,42,96,0.06);--shadow-xl:0 24px 56px rgba(60,42,96,0.14),0 8px 16px rgba(60,42,96,0.07);--shadow-focus:0 0 0 3px rgba(142,123,192,0.32);--glass-bg:rgba(253,251,254,0.72);--glass-bg-hover:rgba(253,251,254,0.88);--glass-border:rgba(255,255,255,0.90);--glass-highlight:rgba(255,255,255,0.95);--glass-shadow:0 8px 32px rgba(60,42,96,0.10),0 2px 8px rgba(60,42,96,0.06);--glass-blur:blur(18px) saturate(160%)}[data-theme=dark]{color-scheme:dark;--color-bg:#1b1620;--color-bg-subtle:#201a26;--color-surface:#262030;--color-surface-raised:#2d2638;--color-surface-deep:#151019;--color-overlay:rgba(10,6,18,0.66);--color-text:#eee7f5;--color-text-muted:#b8adc6;--color-text-subtle:#8d8299;--color-text-inverted:#1b1620;--color-border:rgba(238,231,245,0.12);--color-border-strong:rgba(238,231,245,0.20);--color-border-subtle:rgba(238,231,245,0.06);--color-primary:#b4a2e8;--color-primary-hover:#c3b4ef;--color-primary-active:#d5cbf5;--color-on-primary:#211a2e;--color-primary-subtle:rgba(180,162,232,0.14);--color-primary-subtle-text:#c3b4ef;--color-accent:#e29cbe;--color-accent-subtle:rgba(226,156,190,0.14);--color-ring:rgba(180,162,232,0.40);--shadow-xs:0 1px 2px rgba(10,6,18,0.40);--shadow-sm:0 1px 3px rgba(10,6,18,0.50),0 1px 2px rgba(10,6,18,0.40);--shadow-md:0 4px 12px rgba(10,6,18,0.52),0 2px 4px rgba(10,6,18,0.40);--shadow-lg:0 12px 28px rgba(10,6,18,0.60),0 4px 8px rgba(10,6,18,0.45);--shadow-xl:0 24px 56px rgba(10,6,18,0.72),0 8px 16px rgba(10,6,18,0.50);--shadow-focus:0 0 0 3px rgba(180,162,232,0.36);--glass-bg:rgba(38,32,48,0.70);--glass-bg-hover:rgba(45,38,56,0.82);--glass-border:rgba(238,231,245,0.12);--glass-highlight:rgba(238,231,245,0.07);--glass-shadow:0 8px 32px rgba(10,6,18,0.44),0 2px 8px rgba(142,123,192,0.16);--glass-blur:blur(18px) saturate(160%)}:root{--neutral-200:#ded3e4;--neutral-900:#2f2838;--neutral-950:#1b1620;--primary-900:#3c2a60;--accent-200:#f6e6ee;--accent-400:#d992b0;--gradient-brand:linear-gradient(140deg,#8e7bc0,#c77da0);--color-normal:#51957c;--color-normal-bg:rgba(84,154,128,0.12);--color-normal-text:#3c7560;--color-borderline:#aa823b;--color-borderline-bg:rgba(190,145,66,0.14);--color-borderline-text:#8a6524;--color-critical:#ab5464;--color-critical-bg:rgba(184,95,110,0.12);--color-critical-text:#93404f;--color-accent-hover:#b86a91;--color-accent-active:#a05a7c;--color-on-accent:#2b1a23;--text-vital-lg:3.5rem;--text-vital-md:2.25rem;--vital-accent:#8e7bc0;--band-dark-a:#1b1620;--band-dark-b:#151019;--band-dark-c:#0f0b14;--band-dark-ink:#eee7f5;--band-dark-muted:#b8adc6;--font-display-settings:"ss01" 1,"cv01" 1,"tnum" 1}[data-theme=dark]{--neutral-200:rgba(238,231,245,0.14);--neutral-900:#eee7f5;--neutral-950:#f7f4fc;--primary-900:#c3b4ef;--accent-200:rgba(226,156,190,0.18);--accent-400:#e29cbe;--gradient-brand:linear-gradient(140deg,#b4a2e8,#e29cbe);--color-normal:#7dc0a4;--color-normal-bg:rgba(125,192,164,0.16);--color-normal-text:#9ed4bc;--color-borderline:#e0b06a;--color-borderline-bg:rgba(224,176,106,0.16);--color-borderline-text:#edc98f;--color-critical:#e08c9b;--color-critical-bg:rgba(224,140,155,0.16);--color-critical-text:#f0adb8;--color-accent-hover:#edb3ce;--color-accent-active:#f5c8dc;--color-on-accent:#2b1a23;--vital-accent:#b4a2e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-200);color:var(--primary-900)}.ds-app{display:grid;grid-template-columns:276px 1fr;min-height:100vh}.ds-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-6) 0 var(--space-12);display:flex;flex-direction:column}.ds-main{min-width:0}.ds-content{max-width:1180px;margin:0 auto;padding:var(--space-16) var(--space-12) var(--space-32)}.ds-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6) var(--space-6)}.ds-brand img{height:34px;width:auto}.ds-brand-text{display:flex;flex-direction:column;line-height:1.1}.ds-brand-text b{font-weight:var(--weight-bold);font-size:.95rem;letter-spacing:-.01em}.ds-brand-text span{font-size:var(--text-caption);color:var(--color-text-subtle)}.ds-nav{padding:0 var(--space-3);display:flex;flex-direction:column;gap:1px}.ds-nav-group{margin-top:var(--space-5);padding:0 var(--space-3) var(--space-2);font-size:var(--text-overline);letter-spacing:var(--text-overline-ls);text-transform:uppercase;color:var(--color-text-subtle);font-weight:var(--weight-semibold)}.ds-nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);text-decoration:none;font-size:var(--text-body-sm);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.ds-nav a:hover{background:var(--color-bg);color:var(--color-text)}.ds-nav a.active{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.ds-nav a .dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor;opacity:.55}.ds-theme-toggle{margin:auto var(--space-6) 0;padding-top:var(--space-6)}.ds-hero{margin-bottom:var(--space-16)}.ds-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-overline);letter-spacing:var(--text-overline-ls);text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--color-accent);margin-bottom:var(--space-4)}.ds-hero h1{font-family:var(--font-display);font-weight:800;font-style:italic;font-variation-settings:var(--font-display-settings);font-optical-sizing:auto;font-size:var(--text-display);line-height:var(--text-display-lh);letter-spacing:var(--text-display-ls);margin:0 0 var(--space-5);color:var(--color-text)}.ds-hero p{font-size:var(--text-body-lg);line-height:var(--text-body-lg-lh);color:var(--color-text-muted);max-width:60ch;margin:0}.ds-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}.ds-hero-meta div{display:flex;flex-direction:column;gap:2px}.ds-hero-meta dt{font-size:var(--text-caption);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em}.ds-hero-meta dd{margin:0;font-size:var(--text-body-sm);font-weight:var(--weight-semibold)}.ds-section{margin-bottom:var(--space-24);scroll-margin-top:var(--space-6)}.ds-section-head{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.ds-section-head h2{font-family:var(--font-display);font-weight:800;font-style:italic;font-variation-settings:var(--font-display-settings);font-optical-sizing:auto;font-size:var(--text-h1);line-height:var(--text-h1-lh);letter-spacing:var(--text-h1-ls);margin:0 0 var(--space-3)}.ds-section-head p{font-size:var(--text-body);color:var(--color-text-muted);max-width:66ch;margin:0;line-height:1.6}.ds-sub{margin:var(--space-12) 0 var(--space-5)}.ds-sub h3{font-size:var(--text-h4);font-weight:var(--weight-semibold);letter-spacing:-.01em;margin:0 0 var(--space-1)}.ds-sub p{margin:0;font-size:var(--text-body-sm);color:var(--color-text-muted)}.ds-panels{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}@media (max-width:1100px){.ds-panels{grid-template-columns:1fr}}.ds-panel{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);overflow:hidden}.ds-panel-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.ds-panel-body{padding:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start}.ds-panel-body.col{flex-direction:column}.ds-panel-body.center{align-items:center;justify-content:center;min-height:160px}.ds-card-demo{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-8)}.ds-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.ds-stack{display:flex;flex-direction:column;gap:var(--space-3)}.ds-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.swatch-scale{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:var(--space-2);gap:var(--space-2)}@media (max-width:920px){.swatch-scale{grid-template-columns:repeat(6,1fr)}}.swatch{cursor:pointer;border:none;background:none;padding:0;text-align:left;font-family:inherit}.swatch-chip{height:64px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-spring)}.swatch:hover .swatch-chip{transform:translateY(-3px)}.swatch-meta{padding:var(--space-2) 2px 0}.swatch-meta .k{font-size:var(--text-caption);font-weight:var(--weight-semibold)}.swatch-meta .v{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-subtle);text-transform:uppercase}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.role-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:var(--color-surface)}.role-card .role-sample{height:52px}.role-card .role-info{padding:var(--space-2) var(--space-3)}.role-card .role-info .k{font-family:var(--font-mono);font-size:.7rem}.role-card .role-info .v{font-size:.65rem;color:var(--color-text-subtle)}.token-table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.token-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);font-weight:var(--weight-semibold)}.token-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.token-table tr:hover td{background:var(--color-bg)}.mono,.token-name{font-family:var(--font-mono)}.token-name{font-size:.78rem;color:var(--color-accent);background:var(--color-accent-subtle);padding:2px 7px;border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap}.token-name:hover{outline:1px solid var(--color-accent)}.type-spec{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-subtle)}.type-spec .sample{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-spec .meta{flex-shrink:0;text-align:right;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-subtle);line-height:1.5}.font-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);background:var(--color-surface)}.font-card .glyph{font-size:4.5rem;line-height:1;margin-bottom:var(--space-4)}.font-card .name{font-size:var(--text-h5);font-weight:var(--weight-semibold)}.font-card .role{font-size:var(--text-body-sm);color:var(--color-text-muted)}.space-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0}.space-bar{height:16px;background:var(--gradient-brand);border-radius:var(--radius-xs)}.radii-box{width:88px;height:88px;background:var(--color-primary-subtle);border:2px solid var(--color-primary);display:flex;align-items:flex-end;justify-content:center;padding:6px}.radii-box span{font-family:var(--font-mono);font-size:.62rem;color:var(--color-primary-subtle-text)}.shadow-box{width:130px;height:96px;border-radius:var(--radius-md);background:var(--color-surface);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-2)}.shadow-box span{font-family:var(--font-mono);font-size:.62rem;color:var(--color-text-subtle)}.blur-box{width:130px;height:96px;border-radius:var(--radius-md);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.blur-box .glass{position:absolute;inset:0;background:rgba(255,255,255,.35)}.blur-box span{position:relative;font-family:var(--font-mono);font-size:.62rem;color:#fff;padding:var(--space-2)}.motion-track{height:44px;background:var(--color-bg-subtle);position:relative;flex:1 1;cursor:pointer}.motion-dot,.motion-track{border-radius:var(--radius-full)}.motion-dot{position:absolute;top:6px;left:6px;width:32px;height:32px;background:var(--gradient-brand)}.btn{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-body-sm);border-radius:var(--radius-md);padding:.7rem 1.25rem;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);line-height:1;letter-spacing:0;transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn[disabled]{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not([disabled]){background:var(--color-primary-hover)}.btn-primary:active:not([disabled]){background:var(--color-primary-active)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not([disabled]){background:var(--color-bg);border-color:var(--color-text-subtle)}.btn-secondary:active:not([disabled]){background:var(--color-bg-subtle)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:active:not([disabled]),.btn-ghost:hover:not([disabled]){background:var(--color-primary-subtle)}.btn-ghost:active:not([disabled]){filter:brightness(.96)}.btn-accent{background:var(--color-accent);color:var(--color-on-accent)}.btn-accent:hover:not([disabled]){background:var(--color-accent-hover)}.btn-accent:active:not([disabled]){background:var(--color-accent-active)}.btn-danger{background:var(--color-critical);color:#fff}.btn-danger:hover:not([disabled]){filter:brightness(1.06)}.btn-danger:active:not([disabled]){filter:brightness(.92)}.btn-sm{padding:.5rem .85rem;font-size:var(--text-caption);border-radius:var(--radius-sm)}.btn-lg{padding:.95rem 1.6rem;font-size:var(--text-body);border-radius:var(--radius-lg)}.btn.is-focus{box-shadow:var(--shadow-focus)}.field{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px}.field>label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text)}.field .hint{font-size:var(--text-caption);color:var(--color-text-subtle)}.field .err{color:var(--color-critical)}.field .err,.field .ok{font-size:var(--text-caption);display:flex;align-items:center;gap:5px}.field .ok{color:var(--color-normal)}.input{font-family:var(--font-sans);font-size:var(--text-body-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:.7rem .85rem;width:100%;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.input::placeholder{color:var(--color-text-subtle)}.input:hover:not([disabled]){border-color:var(--color-text-subtle)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.input[disabled]{background:var(--color-bg-subtle);cursor:not-allowed;opacity:.7}.input.is-focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.input.is-error{border-color:var(--color-critical)}.input.is-error.is-focus,.input.is-error:focus{box-shadow:0 0 0 3px var(--color-critical-bg)}.input.is-success{border-color:var(--color-normal)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap svg{position:absolute;left:.75rem;width:16px;height:16px;color:var(--color-text-subtle);pointer-events:none}.input-wrap .input{padding-left:2.3rem}.select-wrap svg.chev{left:auto;right:.75rem}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:3px 9px;border-radius:var(--radius-full);line-height:1.4;letter-spacing:.01em}.badge svg{width:12px;height:12px}.badge-neutral{background:var(--color-bg-subtle);color:var(--color-text-muted)}.badge-primary{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.badge-accent{background:var(--color-accent-subtle);color:var(--color-accent)}.badge-normal{background:var(--color-normal-bg);color:var(--color-normal-text)}.badge-borderline{background:var(--color-borderline-bg);color:var(--color-borderline-text)}.badge-critical{background:var(--color-critical-bg);color:var(--color-critical-text)}.badge-outline{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-muted)}.badge .dot{width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.tab{font-family:var(--font-sans);background:none;cursor:pointer;padding:var(--space-3) var(--space-4);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary-subtle-text);border-bottom-color:var(--color-accent);font-weight:var(--weight-semibold)}.tooltip{position:relative;display:inline-flex}.tooltip-bubble{background:var(--neutral-900);color:#fff;font-size:var(--text-caption);font-weight:var(--weight-medium);padding:6px 10px;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);position:relative}[data-theme=dark] .tooltip-bubble{background:var(--neutral-200);color:var(--neutral-900)}.tooltip-bubble:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:inherit}.toast{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);width:100%;max-width:380px}.toast .ic{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;flex-shrink:0}.toast .ic svg{width:18px;height:18px}.toast .body{flex:1 1;min-width:0}.toast .body b{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);display:block}.toast .body p{margin:2px 0 0;font-size:var(--text-caption);color:var(--color-text-muted)}.toast .close{background:none;border:none;cursor:pointer;color:var(--color-text-subtle);padding:2px;display:grid;place-items:center}.toast .close svg{width:15px;height:15px}.toast.normal .ic{background:var(--color-normal-bg);color:var(--color-normal)}.toast.borderline .ic{background:var(--color-borderline-bg);color:var(--color-borderline)}.toast.critical .ic{background:var(--color-critical-bg);color:var(--color-critical)}.toast.info .ic{background:var(--color-primary-subtle);color:var(--color-primary-subtle-text)}.toast.critical{border-left:3px solid var(--color-critical)}.modal-stage{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:280px;display:grid;place-items:center;padding:var(--space-8)}.modal-scrim{position:absolute;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.modal{position:relative;width:100%;max-width:380px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);overflow:hidden}.modal-head{padding:var(--space-6) var(--space-6) var(--space-2)}.modal-head h4{margin:0 0 var(--space-2);font-size:var(--text-h4);font-weight:var(--weight-semibold)}.modal-head p{margin:0;font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.55}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6)}.topnav{gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.topnav,.topnav .logo{display:flex;align-items:center}.topnav .logo{gap:var(--space-2);font-weight:var(--weight-bold)}.topnav .logo img{height:26px}.topnav .seg{display:flex;gap:2px;background:var(--color-bg-subtle);padding:3px;border-radius:var(--radius-md)}.topnav .seg button{font-family:var(--font-sans);border:none;background:none;cursor:pointer;padding:6px 14px;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.topnav .seg button svg{width:14px;height:14px}.topnav .seg button.active{background:var(--color-surface);color:var(--color-primary-subtle-text);box-shadow:var(--shadow-xs)}.topnav .links{display:flex;gap:var(--space-1);margin-left:var(--space-2)}.topnav .links a{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;padding:6px 10px;border-radius:var(--radius-sm)}.topnav .links a.active{color:var(--color-text);background:var(--color-bg)}.topnav .right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.icon-btn{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:grid;place-items:center;cursor:pointer;color:var(--color-text-muted);position:relative}.icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.icon-btn svg{width:18px;height:18px}.icon-btn .ind{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-surface)}.avatar{width:38px;height:38px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;display:grid;place-items:center;font-weight:var(--weight-bold);font-size:var(--text-body-sm)}.vital{width:250px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-5);position:relative;overflow:hidden}.vital:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--vital-accent,var(--color-normal))}.vital-head{justify-content:space-between;margin-bottom:var(--space-3)}.vital-head,.vital-label{display:flex;align-items:center}.vital-label{gap:var(--space-2);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.vital-label svg{width:16px;height:16px;color:var(--vital-accent,var(--color-normal))}.vital-value{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono)}.vital-value .num{font-size:var(--text-vital-lg);font-weight:500;letter-spacing:-.02em;color:var(--color-text);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vital-value .unit{font-size:var(--text-body-sm);color:var(--color-text-subtle);font-family:var(--font-sans)}.vital-foot{justify-content:space-between;margin-top:var(--space-4)}.vital-foot,.vital-trend{display:flex;align-items:center}.vital-trend{gap:5px;font-size:var(--text-caption);color:var(--color-text-muted);font-family:var(--font-mono)}.spark{display:block}.pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:4px 10px 4px 8px;line-height:1.3}.pill,.pill .pulse{border-radius:var(--radius-full)}.pill .pulse{width:8px;height:8px;background:currentColor;position:relative}.pill.live .pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;animation:pulsering 1.8s ease-out infinite}@keyframes pulsering{0%{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}.pill-normal{background:var(--color-normal-bg);color:var(--color-normal-text)}.pill-borderline{background:var(--color-borderline-bg);color:var(--color-borderline-text)}.pill-critical{background:var(--color-critical-bg);color:var(--color-critical-text)}.device{width:280px;display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-xs)}.device .dic{width:46px;height:46px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary-subtle-text);display:grid;place-items:center;flex-shrink:0}.device .dic svg{width:22px;height:22px}.device .dinfo{flex:1 1;min-width:0}.device .dinfo b{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);display:block}.device .dinfo span{color:var(--color-text-subtle);display:flex}.conn,.device .dinfo span{font-size:var(--text-caption);align-items:center;gap:5px}.conn{display:inline-flex;font-weight:var(--weight-semibold)}.conn .d{width:7px;height:7px;border-radius:var(--radius-full)}.conn.on{color:var(--color-normal)}.conn.on .d{background:var(--color-normal);box-shadow:0 0 0 3px var(--color-normal-bg)}.conn.off{color:var(--color-text-subtle)}.conn.off .d{background:var(--color-text-subtle)}.conn.sync{color:var(--color-accent)}.conn.sync .d{background:var(--color-accent)}.compliance{flex-wrap:wrap;gap:var(--space-3)}.comp-badge,.compliance{display:flex;align-items:center}.comp-badge{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.comp-badge svg{width:18px;height:18px;color:var(--color-primary-subtle-text)}.comp-badge .ct b{font-size:var(--text-caption);font-weight:var(--weight-bold);display:block;line-height:1.2}.comp-badge .ct span{font-size:.62rem;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.trend-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-6)}.trend-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.trend-head h4{margin:0;font-size:var(--text-body);font-weight:var(--weight-semibold)}.trend-head .big{font-family:var(--font-mono);font-size:var(--text-vital-md);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.copy-pop{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%) translateY(20px);background:var(--neutral-900);color:#fff;padding:10px 18px;border-radius:var(--radius-full);font-size:var(--text-body-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-spring);z-index:100;display:flex;align-items:center;gap:var(--space-2)}.copy-pop.show{opacity:1;transform:translateX(-50%) translateY(0)}.copy-pop svg{width:16px;height:16px;color:var(--accent-400)}.codeblock{background:var(--neutral-950);color:#e8e6ec;border-radius:var(--radius-lg);padding:var(--space-6);font-family:var(--font-mono);font-size:.8rem;line-height:1.7;overflow-x:auto;border:1px solid var(--color-border)}.codeblock .c{color:#7b7880}.codeblock .k{color:#f0917b}.codeblock .s{color:#89d19c}.codeblock .n{color:#c8b8dd}.theme-switch{display:inline-flex;background:var(--color-bg-subtle);border-radius:var(--radius-full);padding:3px;gap:2px}.theme-switch button{font-family:var(--font-sans);border:none;background:none;cursor:pointer;padding:7px 14px;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.theme-switch button svg{width:14px;height:14px}.theme-switch button.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.callout{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-accent-subtle);border:1px solid var(--accent-200);font-size:var(--text-body-sm);color:var(--color-text);line-height:1.55}[data-theme=dark] .callout{border-color:rgba(238,115,95,.3)}.callout svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0;margin-top:1px}