:root,[data-theme=neptune]{--md-sys-color-primary: oklch(.48 .15 258);--md-sys-color-on-primary: oklch(.99 .02 258);--md-sys-color-primary-container: oklch(.91 .07 258);--md-sys-color-on-primary-container: oklch(.22 .13 258);--md-sys-color-secondary: oklch(.5 .06 258);--md-sys-color-on-secondary: oklch(.99 .02 258);--md-sys-color-secondary-container: oklch(.92 .035 258);--md-sys-color-on-secondary-container: oklch(.25 .05 258);--md-sys-color-tertiary: oklch(.55 .1 200);--md-sys-color-on-tertiary: oklch(.99 .02 200);--md-sys-color-tertiary-container: oklch(.9 .06 200);--md-sys-color-on-tertiary-container: oklch(.24 .08 200);--md-sys-color-error: oklch(.52 .2 27);--md-sys-color-on-error: oklch(.99 .02 27);--md-sys-color-error-container: oklch(.92 .07 27);--md-sys-color-on-error-container: oklch(.28 .16 27);--md-sys-color-success: oklch(.58 .13 152);--md-sys-color-on-success: oklch(.99 .02 152);--md-sys-color-success-container: oklch(.9 .07 152);--md-sys-color-on-success-container: oklch(.26 .1 152);--md-sys-color-background: oklch(.985 .006 258);--md-sys-color-on-background: oklch(.16 .02 258);--md-sys-color-surface: oklch(.985 .006 258);--md-sys-color-on-surface: oklch(.16 .02 258);--md-sys-color-surface-variant: oklch(.9 .018 258);--md-sys-color-on-surface-variant: oklch(.4 .025 258);--md-sys-color-outline: oklch(.62 .02 258);--md-sys-color-outline-variant: oklch(.86 .015 258);--md-sys-color-surface-container-lowest: oklch(1 0 0);--md-sys-color-surface-container-low: oklch(.965 .006 258);--md-sys-color-surface-container: oklch(.945 .008 258);--md-sys-color-surface-container-high: oklch(.925 .01 258);--md-sys-color-surface-container-highest: oklch(.905 .012 258);--md-sys-color-inverse-surface: oklch(.24 .02 258);--md-sys-color-inverse-on-surface: oklch(.96 .006 258);--md-sys-color-inverse-primary: oklch(.82 .12 258);--md-sys-color-scrim: oklch(.08 .02 258);--npt-font-display:"Hanken Grotesk";--npt-font-text:"Hanken Grotesk";--npt-font-num:"Hanken Grotesk";--npt-font-display-ar:"IBM Plex Sans Arabic";--npt-font-text-ar:"IBM Plex Sans Arabic";--npt-corner-xs-base:8px;--npt-corner-sm-base:12px;--npt-corner-md-base:16px;--npt-corner-lg-base:24px;--npt-corner-xl-base:32px;--npt-corner-2xl-base:44px;--npt-corner-full:999px;--npt-display-tracking:-.02em;--npt-display-weight:700;--npt-shape-scale:1;--npt-spring:cubic-bezier(.34,1.56,.64,1);--npt-spring-dur:.4s;--npt-ease-standard:cubic-bezier(.2,0,0,1);--npt-ease-emphasized:cubic-bezier(.2,0,0,1);--npt-ease-spring:cubic-bezier(.34,1.56,.64,1);--npt-dur-fast:.24s;--npt-dur-standard:.3s;--npt-dur-slow:.5s;--npt-glass-tint:color-mix(in oklab, var(--md-sys-color-primary) 8%, color-mix(in oklab, var(--md-sys-color-surface) 70%, transparent));--npt-glass-blur:18px;--npt-login-shell:depth-emblem;--npt-dashboard-hero:balance-cards;--npt-content-tone:clear-calm;--npt-motif: repeating-radial-gradient(circle at 86% 6%, color-mix(in oklab,currentColor 11%,transparent) 0 1.5px, transparent 1.5px 27px);--npt-motif-size: auto;--npt-motif-strength: .9;--npt-hero-emblem: radial-gradient(circle at 50% 50%, color-mix(in oklab,currentColor 14%,transparent) 0 1px, transparent 1px 9px, color-mix(in oklab,currentColor 12%,transparent) 9px 10px, transparent 10px 20px, color-mix(in oklab,currentColor 10%,transparent) 20px 21px, transparent 21px)}[data-theme]{--npt-corner-xs: calc(var(--npt-corner-xs-base,8px) * var(--npt-shape-scale,1));--npt-corner-sm: calc(var(--npt-corner-sm-base,12px) * var(--npt-shape-scale,1));--npt-corner-md: calc(var(--npt-corner-md-base,16px) * var(--npt-shape-scale,1));--npt-corner-lg: calc(var(--npt-corner-lg-base,24px) * var(--npt-shape-scale,1));--npt-corner-xl: calc(var(--npt-corner-xl-base,32px) * var(--npt-shape-scale,1));--npt-corner-2xl: calc(var(--npt-corner-2xl-base,44px) * var(--npt-shape-scale,1))}[data-theme=neptune][data-mode=dark]{--md-sys-color-primary: oklch(.8 .12 258);--md-sys-color-on-primary: oklch(.2 .1 258);--md-sys-color-primary-container: oklch(.36 .12 258);--md-sys-color-on-primary-container: oklch(.9 .07 258);--md-sys-color-secondary: oklch(.82 .04 258);--md-sys-color-on-secondary: oklch(.22 .04 258);--md-sys-color-secondary-container: oklch(.34 .04 258);--md-sys-color-on-secondary-container: oklch(.9 .035 258);--md-sys-color-tertiary: oklch(.82 .08 200);--md-sys-color-on-tertiary: oklch(.22 .06 200);--md-sys-color-tertiary-container: oklch(.34 .07 200);--md-sys-color-on-tertiary-container: oklch(.9 .06 200);--md-sys-color-error: oklch(.78 .13 27);--md-sys-color-on-error: oklch(.24 .1 27);--md-sys-color-error-container: oklch(.36 .14 27);--md-sys-color-on-error-container: oklch(.92 .06 27);--md-sys-color-success: oklch(.78 .12 152);--md-sys-color-on-success: oklch(.22 .08 152);--md-sys-color-success-container: oklch(.34 .1 152);--md-sys-color-on-success-container: oklch(.9 .07 152);--md-sys-color-background: oklch(.13 .012 258);--md-sys-color-on-background: oklch(.92 .01 258);--md-sys-color-surface: oklch(.13 .012 258);--md-sys-color-on-surface: oklch(.92 .01 258);--md-sys-color-surface-variant: oklch(.34 .02 258);--md-sys-color-on-surface-variant: oklch(.78 .02 258);--md-sys-color-outline: oklch(.58 .02 258);--md-sys-color-outline-variant: oklch(.32 .02 258);--md-sys-color-surface-container-lowest: oklch(.09 .012 258);--md-sys-color-surface-container-low: oklch(.16 .014 258);--md-sys-color-surface-container: oklch(.18 .016 258);--md-sys-color-surface-container-high: oklch(.22 .018 258);--md-sys-color-surface-container-highest: oklch(.27 .02 258);--md-sys-color-inverse-surface: oklch(.92 .01 258);--md-sys-color-inverse-on-surface: oklch(.2 .02 258);--md-sys-color-inverse-primary: oklch(.48 .15 258);--md-sys-color-scrim: oklch(0 0 0)}[data-theme=triton]{--md-sys-color-primary: oklch(.5 .12 162);--md-sys-color-on-primary: oklch(.99 .02 162);--md-sys-color-primary-container: oklch(.9 .08 162);--md-sys-color-on-primary-container: oklch(.24 .1 162);--md-sys-color-secondary: oklch(.52 .05 162);--md-sys-color-on-secondary: oklch(.99 .02 162);--md-sys-color-secondary-container: oklch(.91 .04 162);--md-sys-color-on-secondary-container: oklch(.26 .05 162);--md-sys-color-tertiary: oklch(.62 .12 86);--md-sys-color-on-tertiary: oklch(.99 .02 86);--md-sys-color-tertiary-container: oklch(.9 .09 86);--md-sys-color-on-tertiary-container: oklch(.3 .09 86);--md-sys-color-error: oklch(.52 .2 27);--md-sys-color-on-error: oklch(.99 .02 27);--md-sys-color-error-container: oklch(.92 .07 27);--md-sys-color-on-error-container: oklch(.28 .16 27);--md-sys-color-success: oklch(.56 .13 150);--md-sys-color-on-success: oklch(.99 .02 150);--md-sys-color-success-container: oklch(.9 .07 150);--md-sys-color-on-success-container: oklch(.26 .1 150);--md-sys-color-background: oklch(.985 .01 150);--md-sys-color-on-background: oklch(.18 .02 150);--md-sys-color-surface: oklch(.985 .01 150);--md-sys-color-on-surface: oklch(.18 .02 150);--md-sys-color-surface-variant: oklch(.9 .025 150);--md-sys-color-on-surface-variant: oklch(.4 .03 150);--md-sys-color-outline: oklch(.62 .025 150);--md-sys-color-outline-variant: oklch(.86 .02 150);--md-sys-color-surface-container-lowest: oklch(1 0 0);--md-sys-color-surface-container-low: oklch(.965 .012 150);--md-sys-color-surface-container: oklch(.945 .016 150);--md-sys-color-surface-container-high: oklch(.925 .02 150);--md-sys-color-surface-container-highest: oklch(.905 .024 150);--md-sys-color-inverse-surface: oklch(.26 .02 150);--md-sys-color-inverse-on-surface: oklch(.96 .01 150);--md-sys-color-inverse-primary: oklch(.82 .1 162);--md-sys-color-scrim: oklch(.08 .02 150);--npt-font-display:"Bricolage Grotesque";--npt-font-text:"Hanken Grotesk";--npt-font-num:"Hanken Grotesk";--npt-font-display-ar:"Reem Kufi";--npt-font-text-ar:"Tajawal";--npt-corner-xs-base:12px;--npt-corner-sm-base:18px;--npt-corner-md-base:26px;--npt-corner-lg-base:34px;--npt-corner-xl-base:44px;--npt-corner-2xl-base:56px;--npt-corner-full:999px;--npt-display-tracking:-.01em;--npt-display-weight:700;--npt-ease-standard:cubic-bezier(.25,0,.2,1);--npt-ease-emphasized:cubic-bezier(.2,0,.1,1);--npt-ease-spring:cubic-bezier(.3,1.3,.5,1);--npt-dur-fast:.28s;--npt-dur-standard:.34s;--npt-dur-slow:.56s;--npt-glass-tint:color-mix(in oklab, var(--md-sys-color-tertiary) 9%, color-mix(in oklab, var(--md-sys-color-surface) 72%, transparent));--npt-glass-blur:16px;--npt-login-shell:arcade-arches;--npt-dashboard-hero:warm-balance-cards;--npt-content-tone:warm-hospitable;--npt-motif: radial-gradient(circle at 50% 100%, transparent 0 12px, color-mix(in oklab,currentColor 13%,transparent) 12px 13.5px, transparent 14.5px);--npt-motif-size: 40px 32px;--npt-motif-strength: 1;--npt-hero-emblem: radial-gradient(circle at 50% 118%, transparent 0 34px, color-mix(in oklab,currentColor 16%,transparent) 34px 36px, transparent 37px 52px, color-mix(in oklab,currentColor 12%,transparent) 52px 54px, transparent 55px)}[data-theme=triton][data-mode=dark]{--md-sys-color-primary: oklch(.82 .11 162);--md-sys-color-on-primary: oklch(.22 .08 162);--md-sys-color-primary-container: oklch(.36 .1 162);--md-sys-color-on-primary-container: oklch(.9 .08 162);--md-sys-color-secondary: oklch(.82 .045 162);--md-sys-color-on-secondary: oklch(.24 .04 162);--md-sys-color-secondary-container: oklch(.34 .045 162);--md-sys-color-on-secondary-container: oklch(.9 .04 162);--md-sys-color-tertiary: oklch(.82 .1 86);--md-sys-color-on-tertiary: oklch(.26 .08 86);--md-sys-color-tertiary-container: oklch(.4 .09 86);--md-sys-color-on-tertiary-container: oklch(.92 .08 86);--md-sys-color-error: oklch(.78 .13 27);--md-sys-color-on-error: oklch(.24 .1 27);--md-sys-color-error-container: oklch(.36 .14 27);--md-sys-color-on-error-container: oklch(.92 .06 27);--md-sys-color-success: oklch(.78 .12 150);--md-sys-color-on-success: oklch(.22 .08 150);--md-sys-color-success-container: oklch(.34 .1 150);--md-sys-color-on-success-container: oklch(.9 .07 150);--md-sys-color-background: oklch(.14 .014 150);--md-sys-color-on-background: oklch(.92 .012 150);--md-sys-color-surface: oklch(.14 .014 150);--md-sys-color-on-surface: oklch(.92 .012 150);--md-sys-color-surface-variant: oklch(.34 .022 150);--md-sys-color-on-surface-variant: oklch(.78 .022 150);--md-sys-color-outline: oklch(.58 .022 150);--md-sys-color-outline-variant: oklch(.32 .022 150);--md-sys-color-surface-container-lowest: oklch(.1 .014 150);--md-sys-color-surface-container-low: oklch(.17 .016 150);--md-sys-color-surface-container: oklch(.19 .018 150);--md-sys-color-surface-container-high: oklch(.23 .02 150);--md-sys-color-surface-container-highest: oklch(.28 .022 150);--md-sys-color-inverse-surface: oklch(.92 .012 150);--md-sys-color-inverse-on-surface: oklch(.22 .02 150);--md-sys-color-inverse-primary: oklch(.5 .12 162);--md-sys-color-scrim: oklch(0 0 0)}[data-theme=nereid]{--md-sys-color-primary: oklch(.52 .18 292);--md-sys-color-on-primary: oklch(.99 .02 292);--md-sys-color-primary-container: oklch(.91 .08 292);--md-sys-color-on-primary-container: oklch(.26 .16 292);--md-sys-color-secondary: oklch(.54 .06 292);--md-sys-color-on-secondary: oklch(.99 .02 292);--md-sys-color-secondary-container: oklch(.92 .04 292);--md-sys-color-on-secondary-container: oklch(.28 .06 292);--md-sys-color-tertiary: oklch(.6 .16 350);--md-sys-color-on-tertiary: oklch(.99 .02 350);--md-sys-color-tertiary-container: oklch(.91 .08 350);--md-sys-color-on-tertiary-container: oklch(.3 .13 350);--md-sys-color-error: oklch(.52 .2 27);--md-sys-color-on-error: oklch(.99 .02 27);--md-sys-color-error-container: oklch(.92 .07 27);--md-sys-color-on-error-container: oklch(.28 .16 27);--md-sys-color-success: oklch(.58 .13 152);--md-sys-color-on-success: oklch(.99 .02 152);--md-sys-color-success-container: oklch(.9 .07 152);--md-sys-color-on-success-container: oklch(.26 .1 152);--md-sys-color-background: oklch(.985 .008 300);--md-sys-color-on-background: oklch(.16 .02 300);--md-sys-color-surface: oklch(.985 .008 300);--md-sys-color-on-surface: oklch(.16 .02 300);--md-sys-color-surface-variant: oklch(.9 .022 300);--md-sys-color-on-surface-variant: oklch(.4 .03 300);--md-sys-color-outline: oklch(.62 .025 300);--md-sys-color-outline-variant: oklch(.86 .018 300);--md-sys-color-surface-container-lowest: oklch(1 0 0);--md-sys-color-surface-container-low: oklch(.965 .008 300);--md-sys-color-surface-container: oklch(.945 .012 300);--md-sys-color-surface-container-high: oklch(.925 .016 300);--md-sys-color-surface-container-highest: oklch(.905 .02 300);--md-sys-color-inverse-surface: oklch(.24 .02 300);--md-sys-color-inverse-on-surface: oklch(.96 .008 300);--md-sys-color-inverse-primary: oklch(.82 .14 292);--md-sys-color-scrim: oklch(.08 .02 300);--npt-font-display:"Space Grotesk";--npt-font-text:"Hanken Grotesk";--npt-font-num:"Space Grotesk";--npt-font-display-ar:"Readex Pro";--npt-font-text-ar:"Readex Pro";--npt-corner-xs-base:4px;--npt-corner-sm-base:8px;--npt-corner-md-base:12px;--npt-corner-lg-base:18px;--npt-corner-xl-base:26px;--npt-corner-2xl-base:36px;--npt-corner-full:999px;--npt-display-tracking:-.03em;--npt-display-weight:600;--npt-ease-standard:cubic-bezier(.2,0,0,1);--npt-ease-emphasized:cubic-bezier(.2,0,0,1);--npt-ease-spring:cubic-bezier(.34,1.56,.64,1);--npt-dur-fast:.2s;--npt-dur-standard:.24s;--npt-dur-slow:.4s;--npt-glass-tint:color-mix(in oklab, var(--md-sys-color-primary) 12%, color-mix(in oklab, var(--md-sys-color-surface) 62%, transparent));--npt-glass-blur:22px;--npt-login-shell:light-grid-spark;--npt-dashboard-hero:wallet-hero;--npt-content-tone:light-instant;--npt-motif: linear-gradient(color-mix(in oklab,currentColor 8%,transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab,currentColor 8%,transparent) 1px, transparent 1px);--npt-motif-size: 23px 23px;--npt-motif-strength: 1;--npt-hero-emblem: linear-gradient(125deg, transparent 38%, color-mix(in oklab,currentColor 16%,transparent) 49%, color-mix(in oklab,currentColor 4%,transparent) 50%, transparent 62%)}[data-theme=nereid][data-mode=dark]{--md-sys-color-primary: oklch(.8 .15 292);--md-sys-color-on-primary: oklch(.22 .12 292);--md-sys-color-primary-container: oklch(.38 .14 292);--md-sys-color-on-primary-container: oklch(.9 .08 292);--md-sys-color-secondary: oklch(.82 .05 292);--md-sys-color-on-secondary: oklch(.24 .05 292);--md-sys-color-secondary-container: oklch(.36 .05 292);--md-sys-color-on-secondary-container: oklch(.9 .04 292);--md-sys-color-tertiary: oklch(.8 .13 350);--md-sys-color-on-tertiary: oklch(.24 .1 350);--md-sys-color-tertiary-container: oklch(.4 .13 350);--md-sys-color-on-tertiary-container: oklch(.92 .08 350);--md-sys-color-error: oklch(.78 .13 27);--md-sys-color-on-error: oklch(.24 .1 27);--md-sys-color-error-container: oklch(.36 .14 27);--md-sys-color-on-error-container: oklch(.92 .06 27);--md-sys-color-success: oklch(.78 .12 152);--md-sys-color-on-success: oklch(.22 .08 152);--md-sys-color-success-container: oklch(.34 .1 152);--md-sys-color-on-success-container: oklch(.9 .07 152);--md-sys-color-background: oklch(.13 .014 300);--md-sys-color-on-background: oklch(.92 .012 300);--md-sys-color-surface: oklch(.13 .014 300);--md-sys-color-on-surface: oklch(.92 .012 300);--md-sys-color-surface-variant: oklch(.34 .024 300);--md-sys-color-on-surface-variant: oklch(.78 .024 300);--md-sys-color-outline: oklch(.58 .024 300);--md-sys-color-outline-variant: oklch(.32 .024 300);--md-sys-color-surface-container-lowest: oklch(.09 .014 300);--md-sys-color-surface-container-low: oklch(.16 .016 300);--md-sys-color-surface-container: oklch(.18 .018 300);--md-sys-color-surface-container-high: oklch(.22 .02 300);--md-sys-color-surface-container-highest: oklch(.27 .022 300);--md-sys-color-inverse-surface: oklch(.92 .012 300);--md-sys-color-inverse-on-surface: oklch(.2 .02 300);--md-sys-color-inverse-primary: oklch(.52 .18 292);--md-sys-color-scrim: oklch(0 0 0)}[data-theme=proteus]{--md-sys-color-primary: oklch(.42 .13 248);--md-sys-color-on-primary: oklch(.99 .02 248);--md-sys-color-primary-container: oklch(.89 .07 248);--md-sys-color-on-primary-container: oklch(.2 .12 248);--md-sys-color-secondary: oklch(.5 .05 248);--md-sys-color-on-secondary: oklch(.99 .02 248);--md-sys-color-secondary-container: oklch(.91 .035 250);--md-sys-color-on-secondary-container: oklch(.24 .05 248);--md-sys-color-tertiary: oklch(.66 .12 85);--md-sys-color-on-tertiary: oklch(.99 .02 85);--md-sys-color-tertiary-container: oklch(.9 .09 85);--md-sys-color-on-tertiary-container: oklch(.32 .09 85);--md-sys-color-error: oklch(.52 .2 27);--md-sys-color-on-error: oklch(.99 .02 27);--md-sys-color-error-container: oklch(.92 .07 27);--md-sys-color-on-error-container: oklch(.28 .16 27);--md-sys-color-success: oklch(.58 .13 152);--md-sys-color-on-success: oklch(.99 .02 152);--md-sys-color-success-container: oklch(.9 .07 152);--md-sys-color-on-success-container: oklch(.26 .1 152);--md-sys-color-background: oklch(.985 .005 245);--md-sys-color-on-background: oklch(.15 .02 248);--md-sys-color-surface: oklch(.985 .005 245);--md-sys-color-on-surface: oklch(.15 .02 248);--md-sys-color-surface-variant: oklch(.9 .016 245);--md-sys-color-on-surface-variant: oklch(.4 .025 248);--md-sys-color-outline: oklch(.62 .02 245);--md-sys-color-outline-variant: oklch(.86 .014 245);--md-sys-color-surface-container-lowest: oklch(1 0 0);--md-sys-color-surface-container-low: oklch(.965 .005 245);--md-sys-color-surface-container: oklch(.945 .007 245);--md-sys-color-surface-container-high: oklch(.925 .009 245);--md-sys-color-surface-container-highest: oklch(.905 .011 245);--md-sys-color-inverse-surface: oklch(.22 .02 248);--md-sys-color-inverse-on-surface: oklch(.96 .005 245);--md-sys-color-inverse-primary: oklch(.78 .11 248);--md-sys-color-scrim: oklch(.06 .02 248);--npt-font-display:"Sora";--npt-font-text:"Hanken Grotesk";--npt-font-num:"Sora";--npt-font-display-ar:"Noto Kufi Arabic";--npt-font-text-ar:"IBM Plex Sans Arabic";--npt-corner-xs-base:6px;--npt-corner-sm-base:10px;--npt-corner-md-base:14px;--npt-corner-lg-base:20px;--npt-corner-xl-base:28px;--npt-corner-2xl-base:38px;--npt-corner-full:999px;--npt-display-tracking:-.02em;--npt-display-weight:700;--npt-ease-standard:cubic-bezier(.3,0,.2,1);--npt-ease-emphasized:cubic-bezier(.25,0,.15,1);--npt-ease-spring:cubic-bezier(.2,.9,.3,1);--npt-dur-fast:.24s;--npt-dur-standard:.28s;--npt-dur-slow:.46s;--npt-glass-tint:color-mix(in oklab, var(--md-sys-color-primary) 7%, color-mix(in oklab, var(--md-sys-color-surface) 76%, transparent));--npt-glass-blur:14px;--npt-login-shell:shield-guilloche;--npt-dashboard-hero:restrained-balance;--npt-content-tone:formal-authoritative;--npt-motif: repeating-linear-gradient(45deg, color-mix(in oklab,currentColor 7%,transparent) 0 1px, transparent 1px 12px), repeating-linear-gradient(-45deg, color-mix(in oklab,currentColor 7%,transparent) 0 1px, transparent 1px 12px);--npt-motif-size: auto;--npt-motif-strength: .85;--npt-hero-emblem: linear-gradient(135deg, transparent 45%, color-mix(in oklab,currentColor 15%,transparent) 47% 49%, transparent 51%), linear-gradient(-135deg, transparent 45%, color-mix(in oklab,currentColor 15%,transparent) 47% 49%, transparent 51%), linear-gradient(135deg, transparent 62%, color-mix(in oklab,currentColor 9%,transparent) 64% 66%, transparent 68%)}[data-theme=proteus][data-mode=dark]{--md-sys-color-primary: oklch(.78 .11 248);--md-sys-color-on-primary: oklch(.18 .09 248);--md-sys-color-primary-container: oklch(.34 .11 248);--md-sys-color-on-primary-container: oklch(.88 .07 248);--md-sys-color-secondary: oklch(.82 .04 248);--md-sys-color-on-secondary: oklch(.22 .04 248);--md-sys-color-secondary-container: oklch(.33 .04 248);--md-sys-color-on-secondary-container: oklch(.9 .035 248);--md-sys-color-tertiary: oklch(.82 .11 85);--md-sys-color-on-tertiary: oklch(.24 .08 85);--md-sys-color-tertiary-container: oklch(.4 .1 85);--md-sys-color-on-tertiary-container: oklch(.92 .08 85);--md-sys-color-error: oklch(.78 .13 27);--md-sys-color-on-error: oklch(.24 .1 27);--md-sys-color-error-container: oklch(.36 .14 27);--md-sys-color-on-error-container: oklch(.92 .06 27);--md-sys-color-success: oklch(.78 .12 152);--md-sys-color-on-success: oklch(.22 .08 152);--md-sys-color-success-container: oklch(.34 .1 152);--md-sys-color-on-success-container: oklch(.9 .07 152);--md-sys-color-background: oklch(.12 .012 248);--md-sys-color-on-background: oklch(.92 .01 245);--md-sys-color-surface: oklch(.12 .012 248);--md-sys-color-on-surface: oklch(.92 .01 245);--md-sys-color-surface-variant: oklch(.33 .02 248);--md-sys-color-on-surface-variant: oklch(.78 .02 245);--md-sys-color-outline: oklch(.58 .02 245);--md-sys-color-outline-variant: oklch(.31 .02 245);--md-sys-color-surface-container-lowest: oklch(.08 .012 248);--md-sys-color-surface-container-low: oklch(.15 .014 248);--md-sys-color-surface-container: oklch(.17 .016 248);--md-sys-color-surface-container-high: oklch(.21 .018 248);--md-sys-color-surface-container-highest: oklch(.26 .02 248);--md-sys-color-inverse-surface: oklch(.92 .01 245);--md-sys-color-inverse-on-surface: oklch(.2 .02 248);--md-sys-color-inverse-primary: oklch(.42 .13 248);--md-sys-color-scrim: oklch(0 0 0)}[data-theme][dir=rtl]{--npt-font-display:var(--npt-font-display-ar);--npt-font-text:var(--npt-font-text-ar);--npt-font-num:var(--npt-font-text-ar)}:root{--npt-space-0:0;--npt-space-1:4px;--npt-space-2:8px;--npt-space-3:12px;--npt-space-4:16px;--npt-space-5:20px;--npt-space-6:24px;--npt-space-8:32px;--npt-space-10:40px;--npt-space-12:48px;--npt-space-16:64px;--npt-space-20:80px;--npt-text-display-lg: 57px;--npt-leading-display-lg: 64px;--npt-text-display-md: 45px;--npt-leading-display-md: 52px;--npt-text-headline: 28px;--npt-leading-headline: 36px;--npt-text-title-lg: 22px;--npt-leading-title-lg: 28px;--npt-text-title: 18px;--npt-leading-title: 24px;--npt-text-body-lg: 16px;--npt-leading-body-lg: 24px;--npt-text-body: 14px;--npt-leading-body: 20px;--npt-text-label: 14px;--npt-leading-label: 20px;--npt-text-caption: 12px;--npt-leading-caption: 16px;--npt-weight-regular:400;--npt-weight-medium:500;--npt-weight-semibold:600;--npt-weight-bold:700;--npt-dur-1:.1s;--npt-dur-2:.18s;--npt-dur-3:.28s;--npt-dur-4:.4s;--npt-dur-5:.52s;--npt-ease-standard: cubic-bezier(.2,0,0,1);--npt-ease-emphasized: cubic-bezier(.2,0,0,1);--npt-ease-decelerate: cubic-bezier(0,0,0,1);--npt-ease-accelerate: cubic-bezier(.3,0,1,1);--npt-ease-spring: cubic-bezier(.34,1.56,.64,1);--npt-motion-enter: var(--npt-dur-4) var(--npt-ease-emphasized);--npt-motion-exit: var(--npt-dur-2) var(--npt-ease-accelerate);--npt-motion-spring: var(--npt-dur-4) var(--npt-ease-spring);--npt-motion-press: var(--npt-dur-1) var(--npt-ease-standard);--npt-elev-0: none;--npt-elev-1: 0 1px 2px -1px color-mix(in oklab, var(--md-sys-color-scrim) 16%, transparent);--npt-elev-2: 0 2px 6px -2px color-mix(in oklab, var(--md-sys-color-scrim) 20%, transparent);--npt-elev-3: 0 8px 20px -10px color-mix(in oklab, var(--md-sys-color-scrim) 28%, transparent);--npt-elev-4: 0 16px 36px -16px color-mix(in oklab, var(--md-sys-color-scrim) 32%, transparent);--npt-elev-5: 0 28px 60px -24px color-mix(in oklab, var(--md-sys-color-scrim) 40%, transparent);--npt-glow-primary: 0 10px 26px -12px color-mix(in oklab, var(--md-sys-color-primary) 70%, transparent);--npt-state-hover:.08;--npt-state-focus:.1;--npt-state-pressed:.12;--npt-state-drag:.16;--npt-focus-ring-width:3px;--npt-focus-ring-offset:2px;--npt-focus-ring-color: var(--md-sys-color-primary);--npt-z-base:0;--npt-z-sticky:10;--npt-z-nav:20;--npt-z-overlay:60;--npt-z-modal:70;--npt-z-toast:80;--npt-z-max:9999;--npt-row-comfortable:56px;--npt-row-standard:48px;--npt-row-compact:40px;--npt-touch-min:48px;accent-color:var(--md-sys-color-primary)}[data-mode=dark]{--npt-elev-tint: color-mix(in oklab, var(--md-sys-color-scrim) 65%, var(--md-sys-color-primary) 35%);--npt-elev-1: 0 .5px 6px color-mix(in oklab, var(--npt-elev-tint) 16%, transparent);--npt-elev-2: 0 1px 12px color-mix(in oklab, var(--npt-elev-tint) 20%, transparent);--npt-elev-3: 0 3px 32px color-mix(in oklab, var(--npt-elev-tint) 26%, transparent);--npt-elev-4: 0 6px 50px color-mix(in oklab, var(--npt-elev-tint) 30%, transparent);--npt-elev-5: 0 10px 76px color-mix(in oklab, var(--npt-elev-tint) 34%, transparent)}:root{--cfg-bg: #f4f7fb;--cfg-surface: #ffffff;--cfg-surface-2: #eef2f8;--cfg-border: #e0e6ef;--cfg-text: #07315f;--cfg-text-dim: #5b6b86;--cfg-accent: #eb4e4d;--cfg-on-accent: #ffffff;--cfg-pass: #0e8f73;--cfg-fail: #d23b3a;--cfg-navy: #07315f;--cfg-radius: 14px;--cfg-focus: 2px solid var(--cfg-accent);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cfg-bg);color:var(--cfg-text);font-family:Hanken Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45}:focus-visible{outline:var(--cfg-focus);outline-offset:2px;border-radius:4px}.app{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1.1fr);gap:24px;max-width:1240px;margin:0 auto;padding:24px;align-items:start}@media (max-width: 880px){.app{grid-template-columns:1fr}}.col{display:flex;flex-direction:column;gap:18px;min-width:0}.col--right{position:sticky;top:18px;align-self:start}@media (max-width: 880px){.col--right{position:static}}.app__header{grid-column:1 / -1;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--cfg-border);margin-bottom:4px}.app__logo{display:inline-flex;align-items:baseline;text-decoration:none;font-family:"Baloo 2",ui-rounded,Hanken Grotesk,system-ui,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--cfg-navy)}.app__logo-dot{width:7px;height:7px;border-radius:50%;background:var(--cfg-accent);margin-inline-start:3px;align-self:center}.app__title{display:flex;flex-direction:column;flex:1;min-width:200px}.app__title h1{font-family:"Baloo 2",ui-rounded,Hanken Grotesk,system-ui,sans-serif;font-size:19px;margin:0;letter-spacing:-.01em;color:var(--cfg-navy)}.app__title p{margin:0;color:var(--cfg-text-dim);font-size:13px}.app__back{color:var(--cfg-accent);font-weight:700;text-decoration:none;font-size:13.5px}.app__back:hover{text-decoration:underline}.panel{background:var(--cfg-surface);border:1px solid var(--cfg-border);border-radius:var(--cfg-radius);padding:16px}.panel--controls{display:flex;flex-direction:column;gap:4px}.panel__title{font-family:"Baloo 2",ui-rounded,Hanken Grotesk,system-ui,sans-serif;font-size:15px;margin:0;letter-spacing:-.01em;color:var(--cfg-navy)}.panel__hint{margin:4px 0 0;color:var(--cfg-text-dim);font-size:12.5px}.controls__top{display:flex;flex-direction:column;gap:12px;padding:4px 4px 14px;border-bottom:1px solid var(--cfg-border)}.brand-chips{display:flex;flex-wrap:wrap;gap:8px}.brand-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1.5px solid var(--cfg-border);border-radius:999px;background:var(--cfg-surface);color:var(--cfg-text);font:inherit;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.brand-chip:hover{border-color:var(--cfg-text-dim)}.brand-chip[aria-pressed=true]{border-color:var(--cfg-accent);background:color-mix(in srgb,var(--cfg-accent) 8%,var(--cfg-surface));box-shadow:0 0 0 1px var(--cfg-accent) inset}.brand-chip__dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex:none}.btn--surprise{align-self:flex-start;min-height:44px;background:linear-gradient(135deg,var(--cfg-accent),#ff7a59)}.panel--preview{display:flex;flex-direction:column;gap:16px}details.group{border-top:1px solid var(--cfg-border)}details.group:first-of-type{border-top:none}details.group>summary{cursor:pointer;list-style:none;padding:12px 4px;font-weight:600;display:flex;align-items:center;gap:8px}details.group>summary::-webkit-details-marker{display:none}details.group>summary:before{content:"▸";color:var(--cfg-text-dim);transition:transform .15s ease}details.group[open]>summary:before{transform:rotate(90deg)}.group__body{padding:4px 4px 16px;display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field>label,.field__label{font-size:12px;color:var(--cfg-text-dim);font-weight:500}.field__row{display:flex;align-items:center;gap:10px}select,input[type=number],input[type=text]{background:var(--cfg-surface-2);color:var(--cfg-text);border:1px solid var(--cfg-border);border-radius:8px;padding:8px 10px;font:inherit;width:100%}input[type=range]{width:100%;accent-color:var(--cfg-accent)}input[type=checkbox]{accent-color:var(--cfg-accent);width:16px;height:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.seed{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center}.seed__swatch{position:relative;display:block;width:56px;height:56px;border-radius:10px;border:1px solid var(--cfg-border);cursor:pointer;overflow:hidden;box-shadow:0 1px 2px #07315f1f}.seed__swatch:after{content:"🎨";position:absolute;inset:auto 4px 3px auto;font-size:11px;opacity:0;transition:opacity .15s ease;pointer-events:none}.seed__swatch:hover:after{opacity:.85}.seed__picker{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0;cursor:pointer}.seed__picker:focus-visible{opacity:.001}.seed__swatch:focus-within{outline:var(--cfg-focus);outline-offset:2px}.seed__sliders{display:flex;flex-direction:column;gap:6px}.slider{display:grid;grid-template-columns:16px 1fr 52px;gap:8px;align-items:center;font-variant-numeric:tabular-nums}.slider>.slider__key{color:var(--cfg-text-dim);font-size:12px}.slider>output{text-align:right;color:var(--cfg-text);font-size:12px}.segmented{display:inline-flex;border:1px solid var(--cfg-border);border-radius:999px;overflow:hidden}.segmented button{background:transparent;color:var(--cfg-text-dim);border:none;padding:6px 14px;cursor:pointer;font:inherit}.segmented button[aria-pressed=true]{background:var(--cfg-accent);color:var(--cfg-on-accent);font-weight:600}.toggles{display:flex;gap:18px;flex-wrap:wrap}.toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.panel--brandprint{display:flex;flex-direction:column;gap:10px;border-color:color-mix(in srgb,var(--cfg-navy) 18%,var(--cfg-border));box-shadow:0 4px 18px #07315f0f}.brandprint__hero{background:linear-gradient(135deg,var(--cfg-navy),#0a4a8a);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.panel--brandprint .brandprint__string{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;font-weight:600;letter-spacing:.01em;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:8px;padding:12px;word-break:break-all;user-select:all;line-height:1.5}.brandprint__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brandprint__actions .ok-text{color:#aef3d8}.brandprint__string{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;background:var(--cfg-surface-2);border:1px solid var(--cfg-border);border-radius:8px;padding:10px;word-break:break-all;user-select:all}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--cfg-accent);color:var(--cfg-on-accent);border:none;border-radius:8px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer;transition:filter .15s ease}.btn--ghost{background:var(--cfg-surface-2);color:var(--cfg-text);border:1px solid var(--cfg-border)}.btn--copy{box-shadow:0 1px #00000014}.btn:hover{filter:brightness(1.06)}.btn:active{filter:brightness(.96)}.copied-flash{animation:copied-pop .22s ease}@keyframes copied-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.panel--snippets{display:flex;flex-direction:column;gap:10px}.snippets__tabs{flex-wrap:wrap;border-radius:12px}.snippets__tabs button{min-height:36px}.snippet__frame{position:relative;border:1px solid var(--cfg-border);border-radius:10px;background:#0d2444;overflow:hidden}.snippet__code{margin:0;padding:14px;padding-inline-end:92px;overflow-x:auto;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;color:#d7e6ff;white-space:pre}.snippet__actions{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.snippet__copy{min-height:32px;padding:4px 12px}.snippet__actions .ok-text{color:#aef3d8;font-size:11px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.error-text{color:var(--cfg-fail);font-size:12px;min-height:1.2em}.ok-text{color:var(--cfg-pass);font-size:12px;min-height:1.2em}.contrast{display:flex;flex-direction:column;gap:6px}.contrast__warn{background:color-mix(in srgb,var(--cfg-fail) 12%,var(--cfg-surface));border:1px solid var(--cfg-fail);color:var(--cfg-fail);border-radius:8px;padding:8px 10px;font-size:12.5px;font-weight:600}.contrast__warn--ok{background:color-mix(in srgb,var(--cfg-pass) 10%,var(--cfg-surface));border-color:var(--cfg-pass);color:var(--cfg-pass)}.contrast__row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:4px 0;border-bottom:1px solid var(--cfg-border);font-variant-numeric:tabular-nums}.contrast__row:last-child{border-bottom:none}.badge{font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;letter-spacing:.03em}.badge--pass{background:color-mix(in srgb,var(--cfg-pass) 22%,transparent);color:var(--cfg-pass)}.badge--fail{background:color-mix(in srgb,var(--cfg-fail) 22%,transparent);color:var(--cfg-fail)}.preview-frame{border:1px solid var(--cfg-border);border-radius:24px;overflow:hidden;background:var(--md-sys-color-background, #fff)}.preview{display:flex;flex-direction:column;min-height:560px;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:var(--npt-font-text, system-ui)}.preview__scroll{flex:1 1 auto;padding:16px;display:flex;flex-direction:column;gap:16px;overflow:auto}.preview__section-title{font-family:var(--npt-font-display, system-ui);font-weight:var(--npt-display-weight, 700);letter-spacing:var(--npt-display-tracking, -.02em);font-size:16px;margin:4px 0 0;color:var(--md-sys-color-on-background)}.preview__quick{display:flex;gap:8px;flex-wrap:wrap}.preview__list{background:var(--md-sys-color-surface);border-radius:var(--npt-corner-lg, 24px);padding:4px 12px}.preview__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.preview__switcher{flex-direction:row!important;align-items:center;gap:0!important}.preview__switcher .field__label{display:none}.preview__switcher .segmented button{text-transform:capitalize;min-height:36px}.preview__merchants{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preview__merchant{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;text-align:center}.preview__merchant-glyph{font-size:20px}.preview__merchant-name{font-size:11px;color:var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface))}.preview__plastic{display:flex;flex-direction:column;gap:14px;padding:18px;color:var(--md-sys-color-on-primary);background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-tertiary));border-radius:var(--npt-corner-lg, 20px);min-height:170px}.preview__plastic-top{display:flex;align-items:center;justify-content:space-between}.preview__plastic-brand{font-family:var(--npt-font-display, system-ui);font-weight:var(--npt-display-weight, 700);letter-spacing:var(--npt-display-tracking, -.02em);font-size:17px}.preview__plastic-chip{width:34px;height:24px;border-radius:5px;background:linear-gradient(135deg,#f4d58d,#c9a227);box-shadow:inset 0 0 0 1px #00000026}.preview__plastic-num{font-variant-numeric:tabular-nums;font-size:17px;letter-spacing:.08em;margin-top:auto}.preview__plastic-row{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.05em;opacity:.92}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}