:root{--pera-raw-bg-100: #0f0f1a;--pera-raw-bg-200: #1a1a2e;--pera-raw-bg-300: #1f2b47;--pera-raw-bg-400: #16213e;--pera-raw-fg-100: #e8e8f0;--pera-raw-fg-200: #a0a0b8;--pera-raw-fg-300: #6a6a80;--pera-raw-accent: #695dff;--pera-raw-accent-alt: #5a51e8;--pera-raw-danger: #f44336;--pera-raw-warning: #ff9800;--pera-raw-success: #4caf50;--pera-raw-info: #2196f3;--pera-personality-radius-scale: 1;--pera-personality-border-scale: 1;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1;--pera-user-font-scale: 1;--pera-bg-primary: var(--pera-raw-bg-100);--pera-bg-secondary: var(--pera-raw-bg-200);--pera-bg-elevated: var(--pera-raw-bg-300);--pera-bg-card: var(--pera-raw-bg-400);--pera-bg-input: color-mix(in srgb, var(--pera-raw-fg-100) 10%, var(--pera-raw-bg-100));--pera-bg-backdrop: rgba(0, 0, 0, .55);--pera-bg-muted: color-mix(in srgb, var(--pera-raw-fg-100) 10%, transparent);--pera-ribbon-opacity: 75%;--pera-bg-readable: color-mix(in srgb, var(--pera-bg-primary) var(--pera-ribbon-opacity), transparent);--pera-hover-bg: color-mix(in srgb, var(--pera-raw-fg-100) 8%, transparent);--pera-hover-fg: var(--pera-raw-fg-100);--pera-active-bg: color-mix(in srgb, var(--pera-raw-fg-100) 14%, transparent);--pera-active-fg: var(--pera-raw-fg-100);--pera-text-primary: var(--pera-raw-fg-100);--pera-text-secondary: var(--pera-raw-fg-200);--pera-text-tertiary: var(--pera-raw-fg-300);--pera-text-on-accent: #ffffff;--pera-text-on-warning: #1a1a1a;--pera-accent: var(--pera-raw-accent);--pera-accent-hover: var(--pera-raw-accent-alt);--pera-accent-muted: color-mix(in srgb, var(--pera-raw-accent) 50%, transparent);--pera-accent-bg: color-mix(in srgb, var(--pera-raw-accent) 15%, transparent);--pera-accent-subtle: color-mix(in srgb, var(--pera-raw-accent) 12%, transparent);--pera-logo-light: color-mix(in oklab, var(--pera-raw-accent) 72%, #ffffff);--pera-logo-mid: color-mix(in oklab, var(--pera-raw-accent) 88%, #ffffff);--pera-logo-deep: color-mix(in oklab, var(--pera-raw-accent) 58%, #000000);--pera-logo-darker: color-mix(in oklab, var(--pera-raw-accent) 38%, #000000);--pera-logo-edge: color-mix(in oklab, var(--pera-raw-accent) 18%, #000000);--pera-destructive: var(--pera-raw-danger);--pera-destructive-bg: color-mix(in srgb, var(--pera-raw-danger) 15%, transparent);--pera-destructive-text: var(--pera-raw-danger);--pera-hazard-fill: color-mix(in srgb, var(--pera-raw-danger) 70%, #000000);--pera-hazard-fill-hover: color-mix(in srgb, var(--pera-raw-danger) 60%, #000000);--pera-hazard-fill-active: color-mix(in srgb, var(--pera-raw-danger) 52%, #000000);--pera-hazard-fg: #ffffff;--pera-hazard-rim: color-mix(in srgb, var(--pera-hazard-fg) 45%, var(--pera-hazard-fill));--pera-hazard-glow: color-mix(in srgb, var(--pera-raw-danger) 45%, transparent);--pera-hazard-focus-ring: var(--pera-text-primary);--pera-warning: var(--pera-raw-warning);--pera-warning-bg: color-mix(in srgb, var(--pera-raw-warning) 15%, transparent);--pera-warning-text: var(--pera-raw-warning);--pera-warn-border: color-mix(in srgb, var(--pera-raw-warning) 45%, transparent);--pera-success: var(--pera-raw-success);--pera-success-bg: color-mix(in srgb, var(--pera-raw-success) 15%, transparent);--pera-success-text: var(--pera-raw-success);--pera-info: var(--pera-raw-info);--pera-info-bg: color-mix(in srgb, var(--pera-raw-info) 15%, transparent);--pera-info-text: var(--pera-raw-info);--pera-info-border: color-mix(in srgb, var(--pera-raw-info) 45%, transparent);--pera-cal-pinned: var(--pera-raw-warning);--pera-cal-custom: var(--pera-raw-info);--pera-cal-season: var(--pera-accent);--pera-border-subtle-color: color-mix(in srgb, var(--pera-raw-fg-100) 12%, transparent);--pera-border-strong-color: color-mix(in srgb, var(--pera-raw-fg-100) 28%, transparent);--pera-border-subtle: var(--pera-border-thin) solid var(--pera-border-subtle-color);--pera-overlay-edge: var(--pera-border-thin) solid var(--pera-border-subtle-color);--pera-border-strong: var(--pera-border-thin) solid var(--pera-border-strong-color);--pera-border-accent: var(--pera-border-medium) solid var(--pera-accent);--pera-heatmap-0: color-mix(in srgb, var(--pera-raw-fg-100) 8%, transparent);--pera-heatmap-1: color-mix(in srgb, var(--pera-raw-success) 30%, transparent);--pera-heatmap-2: color-mix(in srgb, var(--pera-raw-success) 55%, transparent);--pera-heatmap-3: color-mix(in srgb, var(--pera-raw-success) 78%, transparent);--pera-heatmap-4: var(--pera-raw-success);--pera-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;--pera-font-family-display: Georgia, "Times New Roman", serif;--pera-font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace;--pera-font-xs: calc(.75rem * var(--pera-personality-font-scale) * var(--pera-user-font-scale));--pera-font-sm: calc(.875rem * var(--pera-personality-font-scale) * var(--pera-user-font-scale));--pera-font-md: calc(1rem * var(--pera-personality-font-scale) * var(--pera-user-font-scale));--pera-font-lg: calc(1.25rem * var(--pera-personality-font-scale) * var(--pera-user-font-scale));--pera-font-xl: calc(1.563rem * var(--pera-personality-font-scale) * var(--pera-user-font-scale));--pera-font-2xl: calc(1.953rem * var(--pera-personality-font-scale) * var(--pera-user-font-scale));--pera-font-3xl: calc(2.441rem * var(--pera-personality-font-scale) * var(--pera-user-font-scale));--pera-font-display: calc(3.052rem * var(--pera-personality-font-scale) * var(--pera-user-font-scale));--pera-weight-normal: 400;--pera-weight-medium: 500;--pera-weight-semibold: 600;--pera-weight-bold: 700;--pera-line-tight: 1.1;--pera-line-snug: 1.3;--pera-line-normal: 1.5;--pera-line-relaxed: 1.75;--pera-letter-tight: -.02em;--pera-letter-normal: 0;--pera-letter-wide: calc(.05em * var(--pera-personality-letter-wide-scale));--pera-letter-wider: calc(.15em * var(--pera-personality-letter-wide-scale));--pera-space-2xs: 2px;--pera-space-xs: 4px;--pera-space-xs-plus: 6px;--pera-space-sm: 8px;--pera-space-sm-plus: 12px;--pera-space-md: 16px;--pera-space-lg: 24px;--pera-space-xl: 32px;--pera-space-2xl: 48px;--pera-space-3xl: 64px;--pera-control-h: 40px;--pera-radius-none: 0;--pera-radius-xs: calc(2px * var(--pera-personality-radius-scale));--pera-radius-sm: calc(4px * var(--pera-personality-radius-scale));--pera-radius-md: calc(8px * var(--pera-personality-radius-scale));--pera-radius-lg: calc(12px * var(--pera-personality-radius-scale));--pera-radius-xl: calc(20px * var(--pera-personality-radius-scale));--pera-radius-pill: 999px;--pera-radius-circle: 50%;--pera-border-thin: calc(1px * var(--pera-personality-border-scale));--pera-border-medium: calc(2px * var(--pera-personality-border-scale));--pera-border-thick: calc(3px * var(--pera-personality-border-scale));--pera-elevation-xs: 0 1px 2px rgba(0, 0, 0, .08);--pera-elevation-sm: 0 2px 6px rgba(0, 0, 0, .12);--pera-elevation-md: 0 4px 16px rgba(0, 0, 0, .2);--pera-elevation-lg: 0 8px 32px rgba(0, 0, 0, .3);--pera-elevation-xl: 0 16px 48px rgba(0, 0, 0, .4);--pera-shadow-deco-sm: 0 0 transparent;--pera-shadow-deco-md: 0 0 transparent;--pera-shadow-deco-lg: 0 0 transparent;--pera-shadow-xs: var(--pera-elevation-xs);--pera-shadow-sm: var(--pera-shadow-deco-sm), var(--pera-elevation-sm);--pera-shadow-md: var(--pera-shadow-deco-md), var(--pera-elevation-md);--pera-shadow-lg: var(--pera-shadow-deco-lg), var(--pera-elevation-lg);--pera-shadow-xl: var(--pera-elevation-xl);--pera-shadow-glow-accent: 0 0 24px var(--pera-accent);--pera-shadow-fab: 0 6px 20px color-mix(in srgb, var(--pera-accent) 40%, transparent);--pera-motion-scale: 1;--pera-duration-instant: calc(0ms * var(--pera-motion-scale));--pera-duration-fast: calc(.12s * var(--pera-motion-scale));--pera-duration-normal: calc(.24s * var(--pera-motion-scale));--pera-duration-slow: calc(.5s * var(--pera-motion-scale));--pera-duration-crawl: calc(1s * var(--pera-motion-scale));--pera-duration-enter: calc(.24s * var(--pera-motion-scale));--pera-duration-exit: calc(.16s * var(--pera-motion-scale));--pera-duration-emphasis: calc(.32s * var(--pera-motion-scale));--pera-ease-in: cubic-bezier(.4, 0, 1, 1);--pera-ease-out: cubic-bezier(0, 0, .2, 1);--pera-ease-in-out: cubic-bezier(.4, 0, .2, 1);--pera-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--pera-ease-enter: var(--pera-ease-out);--pera-ease-exit: var(--pera-ease-in);--pera-ease-emphasis: var(--pera-ease-in-out);--pera-transition-fast: var(--pera-duration-fast) var(--pera-ease-out);--pera-transition-normal: var(--pera-duration-normal) var(--pera-ease-in-out);--pera-transition-slow: var(--pera-duration-slow) var(--pera-ease-in-out);--pera-z-base: 0;--pera-z-raised: 10;--pera-z-float: 50;--pera-z-dropdown: 100;--pera-z-sticky: 200;--pera-z-overlay: 500;--pera-z-modal: 1000;--pera-z-modal-raised: 1100;--pera-z-toast: 1500;--pera-z-tooltip: 2000;--pera-column-width: 480px;--pera-page-narrow: 32rem;--pera-page-wide: 46rem;--pera-app-gutter: calc(100vw - min(var(--pera-column-width), 100vw)) ;--pera-fab-size: 56px;--pera-nav-height: 54px;--pera-toast-top: calc(max(var(--pera-space-xs), env(safe-area-inset-top, 0px)) + 27px + var(--pera-space-xs) + 1px + var(--pera-space-sm));--pera-poster-xs: 36px;--pera-poster-sm: 46px;--pera-poster-md: 60px;--pera-poster-lg: 104px}@media(prefers-reduced-motion:reduce){:root{--pera-motion-scale: 0}}html{font-family:var(--pera-font-family);color-scheme:dark}body{background:var(--pera-bg-primary);color:var(--pera-text-primary)}[data-scheme=dark]{color-scheme:dark}[data-scheme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}pera-v4-app{margin:0 0 0 auto}html,body{height:100dvh;overflow:hidden}@media(min-width:600px){pera-v4-app{margin:20px 0 20px auto}}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--pera-font-family);background-color:var(--pera-bg-primary);color:var(--pera-text-primary);line-height:var(--pera-line-normal);-webkit-font-smoothing:antialiased}*::-webkit-scrollbar{width:3px;height:3px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--pera-border-strong-color);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--pera-text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--pera-border-strong-color) transparent}a{color:var(--pera-accent);text-decoration:none}a:hover{color:var(--pera-accent-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:focus-visible{outline:var(--pera-border-medium) solid var(--pera-accent);outline-offset:var(--pera-space-2xs)}.skip-link{position:absolute;left:-999px;top:0;background:var(--pera-accent);color:var(--pera-text-on-accent);padding:var(--pera-space-sm) var(--pera-space-md);border-radius:var(--pera-radius-sm);z-index:var(--pera-z-toast)}.skip-link:focus{left:var(--pera-space-md);top:var(--pera-space-md)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--pera-duration-instant)!important;animation-iteration-count:1!important;transition-duration:var(--pera-duration-instant)!important}}