:root{color-scheme:light;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-display: var(--font-sans);--color-bg: #ffffff;--color-bg-soft: #faf7f8;--color-surface: #ffffff;--color-surface-rose: #f7e9ee;--color-surface-rose-2: #fff5f7;--color-primary: #a3163e;--color-primary-dark: #5a0b24;--color-primary-deep: #7b1231;--color-primary-soft: #f7e9ee;--color-text: #1a1a1a;--color-text-muted: #777077;--color-icon-muted: #9a8f96;--color-gold: #d4af37;--color-success: #1a9a5b;--color-error: #c62828;--color-danger-soft: #fff1f2;--color-avatar-ring: #ffffff;--color-page-backdrop-start: #ffffff;--color-page-backdrop-end: #f7eef2;--color-surface-overlay: rgba(255, 255, 255, .92);--color-surface-overlay-strong: rgba(255, 255, 255, .94);--accent-100: var(--color-primary);--accent-200: var(--color-primary-deep);--accent-300: var(--color-primary-dark);--accent-400: #3f0718;--background-100: var(--color-surface);--background-200: var(--color-bg-soft);--background-300: var(--color-surface-rose);--text-100: var(--color-text);--text-200: var(--color-text-muted);--text-300: #ffffff;--danger-100: var(--color-error);--state-active: var(--color-primary);--state-danger: var(--color-error);--button-primary-bg: var(--color-primary);--button-primary-text: #ffffff;--button-primary-hover-bg: var(--color-primary-deep);--button-secondary-bg: var(--color-primary-soft);--button-secondary-text: var(--color-primary);--button-secondary-hover-bg: #efd3dc;--border-soft: 1px solid rgba(90, 11, 36, .07);--shadow-soft: 0 10px 30px rgba(90, 11, 36, .06);--shadow-float: 0 16px 45px rgba(90, 11, 36, .1);--shadow-header: 0 8px 24px rgba(90, 11, 36, .04);--shadow-nav: 0 -16px 40px rgba(90, 11, 36, .08);--shadow-shell: 0 0 0 1px rgba(90, 11, 36, .04);--shadow-shell-wide: 0 0 0 1px rgba(90, 11, 36, .06), 0 30px 80px rgba(90, 11, 36, .12);--shadow-button-primary: 0 10px 22px rgba(90, 11, 36, .14);--shadow-create-button: 0 12px 24px rgba(90, 11, 36, .18);--shadow-avatar-ring: 0 0 0 1px rgba(90, 11, 36, .08);--card-border: none;--button-border: none;--shadow-elevation-medium: var(--shadow-soft);--shadow-elevation-high: var(--shadow-float);--accent-primary: var(--accent-100);--accent-secondary: var(--accent-200);--bg-primary: var(--background-100);--bg-secondary: var(--background-200);--bg-tertiary: var(--background-200);--text-primary: var(--text-100);--text-secondary: var(--text-200);--text-btn: var(--text-300);--bg-warning: #fff8df;--text-warning: #9a6a00;--bg-success: #e6f8ef;--text-success: var(--color-success);--focus-ring: rgba(163, 22, 62, .2);--focus-shadow: rgba(163, 22, 62, .1);--gap-none: 0;--gap-tiny: .15rem;--gap-small: .25rem;--gap-chip: .35rem;--gap-medium: .5rem;--gap-list: .75rem;--gap-large: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--padding-none: 0;--padding-small: .25rem;--padding-medium: .5rem;--padding-large: 1rem;--padding-button: .5rem 1rem;--padding-chip: .35rem .6rem;--padding-list-item: .5rem 0;--padding-list-item-relaxed: .75rem 0;--padding-control: .5rem;--padding-card: 1rem;--padding-empty: 1rem 0;--padding-empty-large: 2rem 0;--radius-none: 0;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--radius-small: var(--radius-sm);--radius-medium: var(--radius-md);--radius-large: var(--radius-lg);--radius-full: var(--radius-pill);--control-border-width: 1px;--divider-border-width: .05rem;--list-icon-size: 3.5rem;--list-item-min-height: calc(var(--list-icon-size) + (var(--padding-medium) * 2));--list-item-gap: var(--gap-list);--list-copy-gap: var(--gap-tiny);--font-size-display: clamp(1.9rem, 1.615rem + .95vw, 2.6125rem);--font-size-page-title: clamp(1.425rem, 1.2825rem + .475vw, 1.9rem);--font-size-section-title: 1.1875rem;--font-size-item-title: 1rem;--font-size-body: .95rem;--font-size-body-secondary: .89rem;--font-size-label: .83125rem;--font-size-caption: .771875rem;--font-size-emoji: clamp(1.2825rem, 7.6vw, 1.9rem);--line-height-display: 1.15;--line-height-title: 1.25;--line-height-body: 1.5;--line-height-compact: 1.35;--line-height-tight: 1;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--size-small: var(--font-size-caption);--size-sub: var(--font-size-label);--size-main: var(--font-size-body);--size-header: var(--font-size-section-title)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #14070d;--color-bg-soft: #1b0b13;--color-surface: #24111a;--color-surface-rose: #341827;--color-surface-rose-2: #2b111e;--color-primary: #ff6f9d;--color-primary-dark: #ffd3e1;--color-primary-deep: #ff8caf;--color-primary-soft: #3a1728;--color-text: #fff7fb;--color-text-muted: #cdb5c1;--color-icon-muted: #a98c99;--color-gold: #f2c94c;--color-success: #6ee7aa;--color-error: #ff7a86;--color-danger-soft: #3d111a;--color-avatar-ring: #3a1728;--color-page-backdrop-start: #080307;--color-page-backdrop-end: #220d18;--color-surface-overlay: rgba(26, 10, 18, .92);--color-surface-overlay-strong: rgba(26, 10, 18, .96);--accent-400: #ffe1eb;--button-primary-bg: #d9285f;--button-primary-hover-bg: #f03d76;--button-secondary-bg: var(--color-primary-soft);--button-secondary-text: var(--color-primary-dark);--button-secondary-hover-bg: #4a1e34;--border-soft: 1px solid rgba(255, 199, 219, .14);--shadow-soft: 0 12px 34px rgba(0, 0, 0, .32);--shadow-float: 0 18px 48px rgba(0, 0, 0, .42);--shadow-header: 0 8px 24px rgba(0, 0, 0, .24);--shadow-nav: 0 -16px 40px rgba(0, 0, 0, .3);--shadow-shell: 0 0 0 1px rgba(255, 199, 219, .1);--shadow-shell-wide: 0 0 0 1px rgba(255, 199, 219, .12), 0 30px 80px rgba(0, 0, 0, .42);--shadow-button-primary: 0 10px 24px rgba(255, 111, 157, .2);--shadow-create-button: 0 12px 26px rgba(255, 111, 157, .24);--shadow-avatar-ring: 0 0 0 1px rgba(255, 199, 219, .16);--bg-warning: #382806;--text-warning: #f7d46f;--bg-success: #103725;--text-success: var(--color-success);--focus-ring: rgba(255, 111, 157, .28);--focus-shadow: rgba(255, 111, 157, .18)}:root[data-accent-theme=premium]{--color-primary: #966111;--color-primary-dark: #4c3006;--color-primary-deep: #7b4f0e;--color-primary-soft: #fff2cf;--color-surface-rose: #f8efd9;--color-surface-rose-2: #fff8e8;--color-page-backdrop-end: #fff6df;--color-surface-overlay: rgba(255, 252, 244, .92);--color-surface-overlay-strong: rgba(255, 252, 244, .94);--accent-400: #392506;--button-primary-bg: var(--color-gold);--button-primary-text: #1b1305;--button-primary-hover-bg: #f2c94c;--button-secondary-bg: var(--color-primary-soft);--button-secondary-text: var(--color-primary);--button-secondary-hover-bg: #f4dfaa;--border-soft: 1px solid rgba(95, 63, 9, .08);--shadow-soft: 0 10px 30px rgba(95, 63, 9, .07);--shadow-float: 0 16px 45px rgba(95, 63, 9, .11);--shadow-header: 0 8px 24px rgba(95, 63, 9, .05);--shadow-nav: 0 -16px 40px rgba(95, 63, 9, .08);--shadow-shell: 0 0 0 1px rgba(95, 63, 9, .05);--shadow-shell-wide: 0 0 0 1px rgba(95, 63, 9, .07), 0 30px 80px rgba(95, 63, 9, .12);--shadow-button-primary: 0 10px 22px rgba(183, 121, 31, .18);--shadow-create-button: 0 12px 24px rgba(183, 121, 31, .22);--shadow-avatar-ring: 0 0 0 1px rgba(95, 63, 9, .1);--bg-warning: #fff6d8;--text-warning: #7b520d;--focus-ring: rgba(212, 175, 55, .28);--focus-shadow: rgba(212, 175, 55, .14)}:root[data-theme=dark][data-accent-theme=premium]{color-scheme:dark;--color-bg: #100e09;--color-bg-soft: #17140d;--color-surface: #221d12;--color-surface-rose: #2d2515;--color-surface-rose-2: #1c170f;--color-primary: #f2c94c;--color-primary-dark: #ffe6a3;--color-primary-deep: #d4af37;--color-primary-soft: #3a2d12;--color-text: #fff8e6;--color-text-muted: #d7c8a3;--color-icon-muted: #bba36b;--color-danger-soft: #3d2014;--color-avatar-ring: #3a2d12;--color-page-backdrop-start: #080704;--color-page-backdrop-end: #1d1609;--color-surface-overlay: rgba(24, 20, 13, .92);--color-surface-overlay-strong: rgba(24, 20, 13, .96);--accent-400: #fff2bf;--text-300: #1b1305;--button-primary-bg: #d4af37;--button-primary-text: #1b1305;--button-primary-hover-bg: #f2c94c;--button-secondary-bg: var(--color-primary-soft);--button-secondary-text: var(--color-primary-dark);--button-secondary-hover-bg: #4a3917;--border-soft: 1px solid rgba(242, 201, 76, .14);--shadow-soft: 0 12px 34px rgba(0, 0, 0, .34);--shadow-float: 0 18px 48px rgba(0, 0, 0, .44);--shadow-header: 0 8px 24px rgba(0, 0, 0, .26);--shadow-nav: 0 -16px 40px rgba(0, 0, 0, .32);--shadow-shell: 0 0 0 1px rgba(242, 201, 76, .1);--shadow-shell-wide: 0 0 0 1px rgba(242, 201, 76, .12), 0 30px 80px rgba(0, 0, 0, .42);--shadow-button-primary: 0 10px 24px rgba(212, 175, 55, .22);--shadow-create-button: 0 12px 26px rgba(212, 175, 55, .24);--shadow-avatar-ring: 0 0 0 1px rgba(242, 201, 76, .16);--bg-warning: #382806;--text-warning: #f7d46f;--focus-ring: rgba(242, 201, 76, .32);--focus-shadow: rgba(242, 201, 76, .18)}html,body{font-family:var(--font-sans);line-height:var(--line-height-body);background:var(--color-bg-soft);color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html{font-size:100%}body{font-size:var(--font-size-body)}.text-display{font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:var(--font-weight-extrabold)}.text-page-title{font-size:var(--font-size-page-title);line-height:var(--line-height-title);font-weight:var(--font-weight-bold)}.text-section-title{font-size:var(--font-size-section-title);line-height:var(--line-height-title);font-weight:var(--font-weight-bold)}.text-item-title{font-size:var(--font-size-item-title);line-height:var(--line-height-compact);font-weight:var(--font-weight-semibold)}.text-body{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-medium)}.text-body-secondary{font-size:var(--font-size-body-secondary);line-height:var(--line-height-body);font-weight:var(--font-weight-medium)}.text-label{font-size:var(--font-size-label);line-height:var(--line-height-compact);font-weight:var(--font-weight-semibold)}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-compact);font-weight:var(--font-weight-semibold)}body,button,input,textarea,select{font-family:inherit}input:not([type=hidden]):not([type=radio]):not([type=checkbox]):not([type=file]),textarea,select{display:block;width:100%;padding:.78rem .9rem;border:var(--border-soft);border-radius:var(--radius-md);outline:none;background:var(--color-surface-rose-2);color:var(--text-100);font-size:var(--font-size-body);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input::placeholder,textarea::placeholder{color:var(--text-200)}input:not([type=hidden]):not([type=radio]):not([type=checkbox]):not([type=file]):focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--color-primary) 42%,transparent);background:var(--color-surface);box-shadow:0 0 0 3px var(--focus-shadow)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.premium-avatar-ring{box-shadow:var(--shadow-avatar-ring),0 0 0 3px var(--color-gold)!important}.searchbar input,.searchbar input:focus,.searchbar input:focus-visible,.searchbar select,.searchbar select:focus,.searchbar select:focus-visible{appearance:none!important;-webkit-appearance:none!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:0!important}