: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-raw-block-tint: 10%;--pera-personality-radius-scale: 1;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: 1;--pera-personality-font-scale: 1;--pera-personality-letter-wide-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: #2a2a2a;--pera-bg-surface: var(--pera-raw-bg-400);--pera-bg-overlay: color-mix(in srgb, var(--pera-raw-bg-100) 85%, transparent);--pera-bg-backdrop: rgba(0, 0, 0, .55);--pera-bg-muted: color-mix(in srgb, var(--pera-raw-fg-100) 10%, transparent);--pera-bg-page: var(--pera-bg-primary);--pera-bg: var(--pera-bg-primary);--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-bg-hover: var(--pera-hover-bg);--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-muted: 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-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-bg-soft: var(--pera-warning-bg);--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-error: var(--pera-raw-danger);--pera-cal-pinned: var(--pera-raw-warning);--pera-cal-pinned-bg: color-mix(in srgb, var(--pera-raw-warning) 12%, transparent);--pera-cal-custom: var(--pera-raw-info);--pera-cal-custom-bg: color-mix(in srgb, var(--pera-raw-info) 12%, transparent);--pera-cal-season: var(--pera-accent);--pera-cal-block-tint: var(--pera-raw-block-tint);--pera-cal-block-depth: color-mix(in srgb, var(--pera-raw-fg-100) 4%, transparent);--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-color: var(--pera-border-subtle-color);--pera-border-subtle: 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-mono: var(--pera-font-family-mono);--pera-font-scale-ratio: 1.25;--pera-font-xs: calc(.75rem * var(--pera-personality-font-scale));--pera-font-sm: calc(.875rem * var(--pera-personality-font-scale));--pera-font-md: calc(1rem * var(--pera-personality-font-scale));--pera-font-lg: calc(1.25rem * var(--pera-personality-font-scale));--pera-font-xl: calc(1.563rem * var(--pera-personality-font-scale));--pera-font-2xl: calc(1.953rem * var(--pera-personality-font-scale));--pera-font-3xl: calc(2.441rem * var(--pera-personality-font-scale));--pera-font-display: calc(3.052rem * var(--pera-personality-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-sm: 8px;--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-radius-full: var(--pera-radius-circle);--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-shadow-xs: 0 1px 2px rgba(0, 0, 0, .08);--pera-shadow-sm: 0 2px 6px rgba(0, 0, 0, .12);--pera-shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--pera-shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--pera-shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--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-duration-instant: 0ms;--pera-duration-fast: .12s;--pera-duration-normal: .24s;--pera-duration-slow: .5s;--pera-duration-crawl: 1s;--pera-ease-default: ease;--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-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-dropdown: 100;--pera-z-sticky: 200;--pera-z-overlay: 500;--pera-z-modal: 1000;--pera-z-toast: 1500;--pera-z-tooltip: 2000;--pera-max-width: 480px;--pera-app-gutter: calc(100vw - min(480px, 100vw)) ;--pera-fab-size: 56px;--pera-nav-height: 54px}html{font-family:var(--pera-font-family);color-scheme:dark}body{background:var(--pera-bg-primary);color:var(--pera-text-primary)}[data-theme=sunset],[data-theme=paper],[data-theme=marquee],[data-theme=nebula]{--pera-font-family: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--pera-font-family-display: "Source Serif 4", Georgia, "Times New Roman", serif;--pera-font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace}*,*: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:16px;-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}}[data-theme=dark],:root:not([data-theme]){--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-block-tint: 10%;--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-shadow-scale: 1;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1}[data-theme=light]{--pera-raw-bg-100: #f5f5fa;--pera-raw-bg-200: #ffffff;--pera-raw-bg-300: #eeeef4;--pera-raw-bg-400: #e4e4ec;--pera-raw-fg-100: #1a1a2e;--pera-raw-fg-200: #4a4a60;--pera-raw-fg-300: #8a8aa0;--pera-raw-block-tint: 10%;--pera-raw-accent: #695dff;--pera-raw-accent-alt: #5a51e8;--pera-raw-danger: #d32f2f;--pera-raw-warning: #ed6c02;--pera-raw-success: #2e7d32;--pera-raw-info: #1976d2;--pera-personality-radius-scale: 1;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: 1;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1}[data-theme=light]{color-scheme:light;--pera-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--pera-shadow-sm: 0 2px 6px rgba(0, 0, 0, .06);--pera-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--pera-shadow-lg: 0 8px 32px rgba(0, 0, 0, .14);--pera-shadow-xl: 0 16px 48px rgba(0, 0, 0, .18)}[data-theme=accent]{--pera-raw-bg-100: #0d1b2a;--pera-raw-bg-200: #1b2838;--pera-raw-bg-300: #243447;--pera-raw-bg-400: #2c3f55;--pera-raw-fg-100: #f0e6d2;--pera-raw-fg-200: #c0b89a;--pera-raw-fg-300: #8a8270;--pera-raw-block-tint: 10%;--pera-raw-accent: #d4a044;--pera-raw-accent-alt: #e6b259;--pera-text-on-accent: #1a1a1a;--pera-raw-danger: #c13018;--pera-raw-warning: #d4a044;--pera-raw-success: #6a9055;--pera-raw-info: #5a8aaa;--pera-personality-radius-scale: .75;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: 1.25;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1.35}[data-theme=hyperspace]{--pera-raw-bg-100: #0b0420;--pera-raw-bg-200: #1a0a3e;--pera-raw-bg-300: #3a1f6e;--pera-raw-bg-400: #2a1454;--pera-raw-fg-100: #f4f0ff;--pera-raw-fg-200: #beadeb;--pera-raw-fg-300: #6e5da8;--pera-raw-block-tint: 10%;--pera-raw-accent: #ff5fa2;--pera-raw-accent-alt: #ff7eb6;--pera-text-on-accent: #1a1a1a;--pera-raw-danger: #ff4a88;--pera-raw-warning: #ffb85a;--pera-raw-success: #5aff9a;--pera-raw-info: #5a9aff;--pera-personality-radius-scale: 1;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: 1.8;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1}[data-theme=hyperspace] body{background:radial-gradient(ellipse at 20% 0%,rgba(255,95,162,.18),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(108,99,255,.22),transparent 50%),var(--pera-bg-primary);background-attachment:fixed}[data-theme=hyperspace]{--pera-shadow-md: 0 4px 24px rgba(255, 95, 162, .3);--pera-shadow-lg: 0 8px 36px rgba(255, 95, 162, .4);--pera-shadow-fab: 0 6px 28px rgba(255, 95, 162, .5)}[data-theme=ironman]{--pera-raw-bg-100: #140a05;--pera-raw-bg-200: #1f1109;--pera-raw-bg-300: #3d2418;--pera-raw-bg-400: #2a1610;--pera-raw-fg-100: #f4e7d4;--pera-raw-fg-200: #c9ae8a;--pera-raw-fg-300: #8a7454;--pera-raw-block-tint: 5%;--pera-raw-accent: #d4a044;--pera-raw-accent-alt: #b84018;--pera-text-on-accent: #1a1a1a;--pera-raw-danger: #ff5a28;--pera-raw-warning: #e8b848;--pera-raw-success: #5a9048;--pera-raw-info: #4a7498;--pera-personality-radius-scale: .4;--pera-personality-border-scale: 1.5;--pera-personality-shadow-scale: 1.2;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1.4}[data-theme=ironman]{--pera-shadow-glow-accent: 0 0 24px var(--pera-raw-accent-alt);--pera-shadow-fab: 0 6px 24px color-mix(in srgb, var(--pera-raw-accent-alt) 55%, transparent)}[data-theme=hulk]{--pera-raw-bg-100: #0a1a0f;--pera-raw-bg-200: #14301d;--pera-raw-bg-300: #1e4a2b;--pera-raw-bg-400: #163823;--pera-raw-fg-100: #e4f4d4;--pera-raw-fg-200: #a8c894;--pera-raw-fg-300: #6e8a5c;--pera-raw-block-tint: 5%;--pera-raw-accent: #6ec440;--pera-raw-accent-alt: #7a2d9a;--pera-text-on-accent: #1a1a1a;--pera-raw-danger: #d43028;--pera-raw-warning: #e8a830;--pera-raw-success: #6ec440;--pera-raw-info: #4a9898;--pera-personality-radius-scale: .9;--pera-personality-border-scale: 2;--pera-personality-shadow-scale: 1;--pera-personality-font-scale: 1.05;--pera-personality-letter-wide-scale: 1}[data-theme=spiderman]{--pera-raw-bg-100: #0a1228;--pera-raw-bg-200: #101e3f;--pera-raw-bg-300: #1a2e5a;--pera-raw-bg-400: #14244a;--pera-raw-fg-100: #f4f4f8;--pera-raw-fg-200: #b8c0d8;--pera-raw-fg-300: #6e7890;--pera-raw-block-tint: 10%;--pera-raw-accent: #c4202c;--pera-raw-accent-alt: #1a4cc4;--pera-raw-danger: #e83040;--pera-raw-warning: #e8a830;--pera-raw-success: #4a9e58;--pera-raw-info: #1a4cc4;--pera-personality-radius-scale: .8;--pera-personality-border-scale: 2.5;--pera-personality-shadow-scale: 1.4;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1.2}[data-theme=spiderman]{--pera-shadow-md: 4px 4px 0 rgba(0, 0, 0, .6);--pera-shadow-lg: 6px 6px 0 rgba(0, 0, 0, .65)}[data-theme=matrix]{--pera-raw-bg-100: #000000;--pera-raw-bg-200: #060a06;--pera-raw-bg-300: #0a140a;--pera-raw-bg-400: #081008;--pera-raw-fg-100: #00ff41;--pera-raw-fg-200: #00b234;--pera-raw-fg-300: #006b1f;--pera-raw-block-tint: 0%;--pera-raw-accent: #00ff41;--pera-raw-accent-alt: #00b234;--pera-text-on-accent: #1a1a1a;--pera-raw-danger: #ff5555;--pera-raw-warning: #ffb84a;--pera-raw-success: #00ff41;--pera-raw-info: #00b8ff;--pera-personality-radius-scale: .2;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: .5;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1}[data-theme=matrix]{--pera-font-family: var(--pera-font-family-mono);--pera-shadow-glow-accent: 0 0 16px #00ff41}[data-theme=sunset]{--pera-raw-bg-100: #0E0B08;--pera-raw-bg-200: #100D0A;--pera-raw-bg-300: #1A1612;--pera-raw-bg-400: #221C16;--pera-raw-fg-100: #F4EADD;--pera-raw-fg-200: #A89985;--pera-raw-fg-300: #645A4E;--pera-raw-block-tint: 10%;--pera-raw-accent: #E8965A;--pera-raw-accent-alt: #B67042;--pera-text-on-accent: #1a1a1a;--pera-raw-danger: #D96868;--pera-raw-warning: #E8B65A;--pera-raw-success: #8FB57A;--pera-raw-info: #5A8FB5;--pera-personality-radius-scale: 1.15;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: 1.1;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1}[data-theme=paper]{--pera-raw-bg-100: #F5EFE6;--pera-raw-bg-200: #EFE7DA;--pera-raw-bg-300: #FCF8F1;--pera-raw-bg-400: #EDE4D3;--pera-raw-fg-100: #2A1F17;--pera-raw-fg-200: #7A6A58;--pera-raw-fg-300: #B8A890;--pera-raw-block-tint: 6%;--pera-raw-accent: #A44A2A;--pera-raw-accent-alt: #C8714F;--pera-raw-danger: #B2402E;--pera-raw-warning: #C8854F;--pera-raw-success: #4E7A3A;--pera-raw-info: #3A6E7A;--pera-personality-radius-scale: 1.15;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: .7;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1}[data-theme=paper]{color-scheme:light}[data-theme=marquee]{--pera-raw-bg-100: #060606;--pera-raw-bg-200: #0A0A0A;--pera-raw-bg-300: #0E0E0E;--pera-raw-bg-400: #161616;--pera-raw-fg-100: #E8E4DC;--pera-raw-fg-200: #8A8578;--pera-raw-fg-300: #4A463D;--pera-raw-block-tint: 5%;--pera-raw-accent: #D9A062;--pera-raw-accent-alt: #A6774A;--pera-text-on-accent: #1a1a1a;--pera-raw-danger: #C86060;--pera-raw-warning: #D9A062;--pera-raw-success: #9AAE86;--pera-raw-info: #62A0D9;--pera-personality-radius-scale: .85;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: 1.4;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1.2}[data-theme=nebula]{--pera-raw-bg-100: #120726;--pera-raw-bg-200: #1A0A33;--pera-raw-bg-300: #1D0E3D;--pera-raw-bg-400: #2A1455;--pera-raw-fg-100: #F5E6FF;--pera-raw-fg-200: #B79BD6;--pera-raw-fg-300: #7E5EA8;--pera-raw-block-tint: 10%;--pera-raw-accent: #FF3DCB;--pera-raw-accent-alt: #C928A2;--pera-text-on-accent: #1a1a1a;--pera-raw-danger: #FF6B8A;--pera-raw-warning: #FFB347;--pera-raw-success: #7BFFA8;--pera-raw-info: #4DE8FF;--pera-personality-radius-scale: 1.3;--pera-personality-border-scale: 1;--pera-personality-shadow-scale: 1.5;--pera-personality-font-scale: 1;--pera-personality-letter-wide-scale: 1}