html{height:100%;color-scheme:dark;--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-dialog-container-shape: 20px;--mat-progress-bar-active-indicator-height: 6px;--mat-progress-bar-track-height: 6px;--mat-progress-bar-track-shape: 999px}body{background-color:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font);font-size:var(--ds-text-body);margin:0;height:100%;-webkit-font-smoothing:antialiased}@layer properties;@layer theme,base,components,utilities;@layer utilities{.block{display:block}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root,[data-theme=dark]{--ds-bg: #0e1017;--ds-surface: #1b202a;--ds-card: #232936;--ds-card-elevated: #2a3140;--ds-border: rgba(255, 255, 255, .08);--ds-text: #ffffff;--ds-text-secondary: #9ca3af;--ds-accent: #6c63ff;--ds-success: #34d399;--ds-warning: #fbbf24;--ds-danger: #ef4444;--ds-tone-orange: #f97316;--ds-tone-turquoise: #2dd4bf;--ds-tone-green: #34d399;--ds-tone-pink: #f472b6;--ds-tone-purple: #6c63ff;--ds-tone-a: var(--ds-tone-orange);--ds-tone-b: var(--ds-tone-turquoise);--ds-tone-c: var(--ds-tone-pink);--ds-tone-d: var(--ds-tone-purple);--ds-tone-e: var(--ds-tone-green);--ds-gradient-orange: linear-gradient(145deg, #ffb088 0%, #f97316 55%, #ea580c 100%);--ds-gradient-turquoise: linear-gradient(145deg, #5eead4 0%, #2dd4bf 55%, #14b8a6 100%);--ds-gradient-green: linear-gradient(145deg, #6ee7b7 0%, #34d399 55%, #10b981 100%);--ds-gradient-pink: linear-gradient(145deg, #f9a8d4 0%, #f472b6 55%, #ec4899 100%);--ds-gradient-purple: linear-gradient(145deg, #a5b4fc 0%, #6c63ff 55%, #5b52e8 100%);--ds-hero-glow: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(108, 99, 255, .22), transparent 70%);--ds-nav-glow: 0 -8px 32px rgba(108, 99, 255, .12);--ds-shadow-card: 0 4px 24px rgba(0, 0, 0, .28), 0 1px 0 rgba(255, 255, 255, .04) inset;--ds-shadow-premium: 0 12px 40px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .2);--ds-shadow-float: 0 20px 48px rgba(0, 0, 0, .4);color-scheme:dark}[data-theme=light]{--ds-bg: #f7f8fc;--ds-surface: #ffffff;--ds-card: #ffffff;--ds-card-elevated: #ffffff;--ds-border: rgba(15, 23, 42, .08);--ds-text: #0f172a;--ds-text-secondary: #64748b;--ds-accent: #6c63ff;--ds-success: #10b981;--ds-warning: #f59e0b;--ds-danger: #ef4444;--ds-hero-glow: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(108, 99, 255, .12), transparent 70%);--ds-nav-glow: 0 -4px 24px rgba(108, 99, 255, .08);--ds-shadow-card: 0 2px 16px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--ds-shadow-premium: 0 8px 32px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--ds-shadow-float: 0 16px 48px rgba(15, 23, 42, .1);color-scheme:light}:root{--ds-hover-brightness: brightness(1.05);--ds-border-hover: rgba(255, 255, 255, .14);--ds-font: "Inter", system-ui, -apple-system, sans-serif;--ds-text-hero: 34px;--ds-text-page: 28px;--ds-text-section: 22px;--ds-text-card: 18px;--ds-text-body: 16px;--ds-text-caption: 14px;--ds-text-micro: 12px;--ds-radius-card: 20px;--ds-radius-card-lg: 24px;--ds-radius-btn: 14px;--ds-radius-input: 14px;--ds-radius-modal: 24px;--ds-radius-pill: 999px;--ds-space-1: 8px;--ds-space-2: 16px;--ds-space-3: 24px;--ds-space-4: 32px;--ds-space-5: 48px;--ds-space-6: 64px;--ds-duration: .28s;--ds-duration-slow: .42s;--ds-ease: cubic-bezier(.4, 0, .2, 1);--ds-ease-spring: cubic-bezier(.34, 1.2, .64, 1);--ds-sidebar-width: 240px;--ds-topnav-height: 52px;--ds-bottomnav-height: 76px;--mat-sys-background: var(--ds-bg);--mat-sys-surface: var(--ds-bg);--mat-sys-surface-container: var(--ds-surface);--mat-sys-surface-container-low: var(--ds-surface);--mat-sys-surface-container-high: var(--ds-card);--mat-sys-surface-container-highest: var(--ds-card);--mat-sys-on-surface: var(--ds-text);--mat-sys-on-surface-variant: var(--ds-text-secondary);--mat-sys-primary: var(--ds-accent);--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: rgba(108, 99, 255, .16);--mat-sys-on-primary-container: var(--ds-accent);--mat-sys-outline-variant: var(--ds-border);--mat-sys-error: var(--ds-danger);--mat-sys-corner-small: 14px;--mat-sys-corner-medium: 14px;--mat-sys-corner-large: 20px}[data-theme=light]{--ds-border-hover: rgba(15, 23, 42, .14)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-1);padding:10px var(--ds-space-2);border-radius:var(--ds-radius-btn);border:1px solid transparent;font-family:var(--ds-font);font-size:var(--ds-text-caption);font-weight:500;line-height:1;cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease),transform var(--ds-duration) var(--ds-ease-spring)}@media(hover:hover){.ui-btn:not(:disabled):hover{transform:scale(1.02)}}.ui-btn:not(:disabled):active{transform:scale(.96)}.ui-btn--primary{background-color:var(--ds-accent);color:#fff}.ui-btn--primary:hover{filter:var(--ds-hover-brightness)}.ui-btn--secondary{background-color:var(--ds-card);border-color:var(--ds-border);color:var(--ds-text)}.ui-btn--secondary:hover{filter:var(--ds-hover-brightness)}.ui-btn--ghost{background:transparent;color:var(--ds-text-secondary)}.ui-btn--ghost:hover{background-color:#ffffff0a;color:var(--ds-text)}.ui-btn--icon{width:36px;height:36px;padding:0;background:transparent;border:none;color:var(--ds-text-secondary);border-radius:var(--ds-radius-btn)}.ui-btn--icon:hover{background-color:#ffffff0f;color:var(--ds-text)}.ui-input{width:100%;padding:10px 12px;border-radius:var(--ds-radius-input);border:1px solid var(--ds-border);background-color:var(--ds-surface);color:var(--ds-text);font-family:var(--ds-font);font-size:var(--ds-text-caption);outline:none;transition:border-color var(--ds-duration) var(--ds-ease);box-sizing:border-box}.ui-input::placeholder{color:var(--ds-text-secondary)}.ui-input:focus{border-color:var(--ds-accent)}.ui-card{background-color:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:var(--ds-space-2);box-shadow:var(--ds-shadow-card);transition:border-color var(--ds-duration) var(--ds-ease),transform var(--ds-duration) var(--ds-ease)}.ui-card--interactive{cursor:pointer;text-decoration:none;color:inherit;display:block}.ui-card--interactive:hover{border-color:var(--ds-border-hover);transform:translateY(-1px);filter:var(--ds-hover-brightness)}.ui-card--interactive:active{transform:scale(.995)}.page{padding:var(--ds-space-3);max-width:1120px;animation:ds-fade-in var(--ds-duration) var(--ds-ease)}.page-title{font-family:var(--ds-font);font-size:var(--ds-text-page);font-weight:700;letter-spacing:-.03em;color:var(--ds-text);margin:0 0 var(--ds-space-1);line-height:1.15}.page-subtitle{font-family:var(--ds-font);font-size:var(--ds-text-caption);color:var(--ds-text-secondary);margin:0 0 var(--ds-space-3)}.section-title{font-family:var(--ds-font);font-size:var(--ds-text-section);font-weight:600;letter-spacing:-.02em;color:var(--ds-text);margin:0 0 var(--ds-space-2)}@keyframes ds-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-badge{display:inline-flex;align-items:center;font-family:var(--ds-font);font-size:11px;font-weight:500;padding:3px 8px;border-radius:8px;line-height:1.2}.ui-badge--accent{background-color:#6c63ff24;color:var(--ds-accent)}.ui-badge--success{background-color:#22c55e24;color:var(--ds-success)}.ui-badge--warning{background-color:#f59e0b24;color:var(--ds-warning)}.ui-badge--danger{background-color:#ef444424;color:var(--ds-danger)}.tone-a{background-color:var(--ds-tone-a);color:#fff}.tone-b{background-color:var(--ds-tone-b);color:#fff}.tone-c{background-color:var(--ds-tone-c);color:#fff}.tone-d{background-color:var(--ds-tone-d);color:#fff}.tone-e{background-color:var(--ds-tone-e);color:#fff}.tone-fill-a{background-color:var(--ds-tone-a)}.tone-fill-b{background-color:var(--ds-tone-b)}.tone-fill-c{background-color:var(--ds-tone-c)}.tone-fill-d{background-color:var(--ds-tone-d)}.tone-fill-e{background-color:var(--ds-tone-e)}.ui-segment{display:flex;gap:4px;padding:4px;background-color:var(--ds-surface);border:1px solid var(--ds-border);border-radius:999px}.ui-segment-btn{flex:1;padding:8px 12px;border:none;border-radius:999px;background:transparent;color:var(--ds-text-secondary);font-family:var(--ds-font);font-size:var(--ds-text-caption);font-weight:500;cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.ui-segment-btn:hover{color:var(--ds-text)}.ui-segment-btn--active{background-color:#6c63ff29;color:var(--ds-text);font-weight:600}.ui-tabs{display:flex;gap:4px;padding:var(--ds-space-2) var(--ds-space-2) 0;overflow-x:auto;scrollbar-width:none}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab-btn{flex-shrink:0;padding:8px 14px;border:none;border-radius:999px;background:transparent;color:var(--ds-text-secondary);font-family:var(--ds-font);font-size:var(--ds-text-caption);font-weight:500;cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.ui-tab-btn:hover{color:var(--ds-text);background-color:#ffffff0a}.ui-tab-btn--active{background-color:#6c63ff29;color:var(--ds-text);font-weight:600}.ui-progress{height:6px;border-radius:999px;background-color:var(--ds-border);overflow:hidden}.ui-progress-fill{height:100%;border-radius:999px;background-color:var(--ds-accent);transition:width .5s var(--ds-ease)}.ui-fab{position:fixed;left:50%;bottom:calc(var(--ds-bottomnav-height) + 16px + env(safe-area-inset-bottom));transform:translate(-50%);width:56px;height:56px;border:none;border-radius:999px;background-color:var(--ds-accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:21;box-shadow:0 8px 24px #6c63ff59;transition:transform var(--ds-duration) var(--ds-ease)}.ui-fab:active{transform:translate(-50%) scale(.96)}.ui-chip-group{display:flex;flex-wrap:wrap;gap:8px}.ui-chip{padding:8px 14px;border-radius:var(--ds-radius-btn);border:1px solid var(--ds-border);background-color:var(--ds-surface);color:var(--ds-text-secondary);font-family:var(--ds-font);font-size:var(--ds-text-caption);font-weight:500;cursor:pointer;transition:border-color var(--ds-duration) var(--ds-ease),background-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.ui-chip:hover{border-color:var(--ds-border-hover);color:var(--ds-text)}.ui-chip--active{border-color:var(--ds-accent);background-color:#6c63ff24;color:var(--ds-text)}.ui-btn--danger{border-color:#ef444459;color:var(--ds-danger)}.ui-btn--danger:hover{background-color:#ef44441a}@media(max-width:768px){.page{padding:var(--ds-space-2)}.page-title{font-size:26px}.section-title{font-size:20px}}.hero-block{position:relative;padding:var(--ds-space-3) var(--ds-space-2);margin:calc(var(--ds-space-2) * -1) calc(var(--ds-space-2) * -1) var(--ds-space-3);border-radius:0 0 var(--ds-radius-card-lg) var(--ds-radius-card-lg);background:var(--ds-hero-glow),var(--ds-bg);overflow:hidden}.hero-block:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,var(--ds-bg) 100%);pointer-events:none}.hero-greeting{position:relative;z-index:1;font-size:var(--ds-text-caption);font-weight:500;color:var(--ds-text-secondary);margin:0 0 4px}.hero-title{position:relative;z-index:1;font-family:var(--ds-font);font-size:var(--ds-text-hero);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--ds-text);margin:0 0 var(--ds-space-2)}.hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-2)}.hero-stat{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--ds-radius-btn);background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-card);min-width:0}.hero-stat-value{font-size:var(--ds-text-card);font-weight:700;letter-spacing:-.02em;color:var(--ds-text)}.hero-stat-label{font-size:var(--ds-text-micro);color:var(--ds-text-secondary)}.section-label{font-family:var(--ds-font);font-size:var(--ds-text-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-text-secondary);margin:0 0 var(--ds-space-1)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.section-title{font-family:var(--ds-font);font-size:var(--ds-text-section);font-weight:700;letter-spacing:-.03em;color:var(--ds-text);margin:0}.section-link{font-size:var(--ds-text-caption);font-weight:500;color:var(--ds-accent);text-decoration:none;white-space:nowrap;padding-bottom:2px}.premium-task-card{display:flex;align-items:flex-start;gap:14px;padding:var(--ds-space-2);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-card);transition:transform var(--ds-duration) var(--ds-ease),box-shadow var(--ds-duration) var(--ds-ease),opacity var(--ds-duration) var(--ds-ease)}.premium-task-card:active{transform:scale(.985)}.premium-task-card--done{opacity:.55}.premium-task-card--done .premium-task-title{text-decoration:line-through;color:var(--ds-text-secondary)}.premium-task-check{flex-shrink:0;width:26px;height:26px;margin-top:2px;border:2px solid var(--ds-border);border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color var(--ds-duration) var(--ds-ease-spring),border-color var(--ds-duration) var(--ds-ease),transform var(--ds-duration) var(--ds-ease-spring)}.premium-task-check--done{background:var(--ds-accent);border-color:var(--ds-accent);transform:scale(1.05)}.premium-task-body{flex:1;min-width:0}.premium-task-title{display:block;font-size:var(--ds-text-body);font-weight:600;color:var(--ds-text);margin-bottom:4px;letter-spacing:-.01em}.premium-task-meta{font-size:var(--ds-text-micro);color:var(--ds-text-secondary)}.premium-task-accent{width:4px;align-self:stretch;border-radius:999px;flex-shrink:0;margin:4px 0}.accent-bar--high{background:var(--ds-danger)}.accent-bar--medium{background:var(--ds-warning)}.accent-bar--low{background:var(--ds-tone-turquoise)}.premium-event-card{display:flex;align-items:center;gap:14px;padding:var(--ds-space-2);background:var(--ds-card);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-card);text-decoration:none;color:inherit;transition:transform var(--ds-duration) var(--ds-ease),box-shadow var(--ds-duration) var(--ds-ease)}.premium-event-card:active{transform:scale(.985)}.premium-event-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--ds-radius-btn);flex-shrink:0;color:#fff}.premium-event-icon--accent{background:var(--ds-gradient-purple)}.premium-event-icon--success{background:var(--ds-gradient-green)}:root{--ds-premium-gold: #fbbf24;--ds-premium-gold-dark: #d97706;--ds-premium-gradient: linear-gradient(145deg, #c4b5fd 0%, #6c63ff 45%, #5b52e8 100%);--ds-premium-gradient-gold: linear-gradient(145deg, #fde68a 0%, #fbbf24 45%, #f59e0b 100%);--ds-premium-glow: radial-gradient(ellipse 80% 80% at 50% 0%, rgba(108, 99, 255, .35), transparent 70%);--ds-premium-glow-gold: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(251, 191, 36, .25), transparent 70%)}.ui-btn--premium{background:var(--ds-premium-gradient);color:#fff;border:none;box-shadow:0 8px 24px #6c63ff59}.ui-btn--premium:hover{filter:brightness(1.08)}.ui-btn--ghost{background:transparent;border:none;color:var(--ds-text-secondary)}.ui-btn--ghost:hover{color:var(--ds-text);background:var(--ds-surface)}.premium-page-hero{background:var(--ds-premium-glow),var(--ds-premium-glow-gold),var(--ds-hero-glow),var(--ds-bg)}.premium-page-hero:after{background:linear-gradient(180deg,transparent 50%,var(--ds-bg) 100%)}.premium-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--ds-radius-pill);background:#fbbf2426;border:1px solid rgba(251,191,36,.35);color:var(--ds-premium-gold);font-size:var(--ds-text-micro);font-weight:700;letter-spacing:.04em;margin-bottom:var(--ds-space-2)}.premium-hero-illustration{position:relative;z-index:1;width:120px;height:120px;margin:0 auto var(--ds-space-3);border-radius:32px;background:var(--ds-premium-gradient);box-shadow:var(--ds-shadow-float);display:flex;align-items:center;justify-content:center;font-size:52px;line-height:1}.premium-hero-tagline{position:relative;z-index:1;font-size:var(--ds-text-body);color:var(--ds-text-secondary);line-height:1.5;margin:calc(var(--ds-space-1) * -1) 0 var(--ds-space-3);max-width:340px}.premium-plans{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4)}.premium-plan-card{position:relative;padding:var(--ds-space-3);border-radius:var(--ds-radius-card-lg);background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-card);text-align:left;cursor:pointer;transition:transform var(--ds-duration-fast) var(--ds-ease),border-color var(--ds-duration-fast) var(--ds-ease),box-shadow var(--ds-duration-fast) var(--ds-ease)}.premium-plan-card:hover{transform:translateY(-2px);border-color:#6c63ff59}.premium-plan-card--highlighted{border-color:#6c63ff80;box-shadow:var(--ds-shadow-premium),0 0 0 1px #6c63ff33;background:linear-gradient(160deg,rgba(108,99,255,.08) 0%,transparent 60%),var(--ds-card)}.premium-plan-badge{display:inline-block;padding:4px 10px;border-radius:var(--ds-radius-pill);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--ds-space-2)}.premium-plan-badge--popular{background:var(--ds-premium-gradient);color:#fff}.premium-plan-badge--value{background:var(--ds-premium-gradient-gold);color:#1a1200}.premium-plan-title{font-size:var(--ds-text-body);font-weight:700;margin:0 0 4px}.premium-plan-price{font-size:var(--ds-text-section);font-weight:800;letter-spacing:-.03em;margin:0}.premium-plan-period{font-size:var(--ds-text-caption);color:var(--ds-text-secondary);margin:2px 0 0}.premium-plan-cta{width:100%;margin-top:var(--ds-space-2)}.premium-features-grid{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4)}.premium-feature-card{display:flex;gap:var(--ds-space-2);padding:var(--ds-space-3);border-radius:var(--ds-radius-card-lg);background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-card)}.premium-feature-emoji{font-size:28px;line-height:1;flex-shrink:0}.premium-feature-body{flex:1;min-width:0}.premium-feature-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.premium-feature-title{font-size:var(--ds-text-body);font-weight:700;margin:0}.premium-feature-desc{font-size:var(--ds-text-caption);color:var(--ds-text-secondary);margin:0;line-height:1.45}.profile-premium-card{position:relative;overflow:hidden;padding:var(--ds-space-3);margin-bottom:var(--ds-space-2);border-radius:var(--ds-radius-card-lg);background:linear-gradient(135deg,#6c63ff2e,#fbbf241a),var(--ds-card);border:1px solid rgba(108,99,255,.25);box-shadow:var(--ds-shadow-premium)}.profile-premium-card--active{background:linear-gradient(135deg,#fbbf2433,#6c63ff26),var(--ds-card);border-color:#fbbf2459}.profile-premium-glow{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:var(--ds-premium-glow);pointer-events:none}.profile-premium-title{position:relative;font-size:var(--ds-text-card);font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.profile-premium-sub{position:relative;font-size:var(--ds-text-caption);color:var(--ds-text-secondary);margin:0 0 var(--ds-space-2)}.home-ai-promo{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--ds-space-2);padding:var(--ds-space-3);border-radius:var(--ds-radius-card-lg);background:linear-gradient(145deg,#6c63ff26,#6c63ff0d),var(--ds-card);border:1px solid rgba(108,99,255,.2);box-shadow:var(--ds-shadow-premium);margin-bottom:var(--ds-space-4)}.home-ai-promo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-2)}.home-ai-promo-title{font-size:var(--ds-text-body);font-weight:700;margin:0 0 4px}.home-ai-promo-sub{font-size:var(--ds-text-caption);color:var(--ds-text-secondary);margin:0}.premium-templates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-2);margin-bottom:var(--ds-space-3)}.premium-template-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:var(--ds-space-3);min-height:108px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-card-lg);background:var(--ds-card);box-shadow:var(--ds-shadow-card);cursor:pointer;text-align:left;color:var(--ds-text);transition:transform var(--ds-duration-fast) var(--ds-ease)}.premium-template-card:hover{transform:translateY(-2px)}.premium-template-card--orange{background:linear-gradient(160deg,rgba(249,115,22,.12),var(--ds-card))}.premium-template-card--pink{background:linear-gradient(160deg,rgba(244,114,182,.12),var(--ds-card))}.premium-template-card--turquoise{background:linear-gradient(160deg,rgba(45,212,191,.12),var(--ds-card))}.premium-template-card--purple{background:linear-gradient(160deg,rgba(108,99,255,.12),var(--ds-card))}.premium-template-card--green{background:linear-gradient(160deg,rgba(52,211,153,.12),var(--ds-card))}.premium-template-emoji{font-size:28px;line-height:1}.premium-template-title{font-size:var(--ds-text-body);font-weight:700}.premium-template-sub{font-size:var(--ds-text-micro);color:var(--ds-text-secondary)}.ai-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:var(--ds-space-2);padding:12px var(--ds-space-2);border-radius:var(--ds-radius-card);border:1px dashed rgba(108,99,255,.4);background:#6c63ff14;color:var(--ds-accent);font-size:var(--ds-text-caption);font-weight:600;cursor:pointer;transition:background var(--ds-duration-fast) var(--ds-ease)}.ai-generate-btn:hover{background:#6c63ff24}.ai-chat-page{display:flex;flex-direction:column;height:calc(100dvh - var(--ds-topnav-height) - var(--ds-bottomnav-height));max-width:480px;margin:0 auto}.ai-chat-messages{flex:1;overflow-y:auto;padding:var(--ds-space-2);display:flex;flex-direction:column;gap:var(--ds-space-2)}.ai-chat-bubble{max-width:88%;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-card-lg);font-size:var(--ds-text-caption);line-height:1.55;white-space:pre-wrap}.ai-chat-bubble--user{align-self:flex-end;background:var(--ds-premium-gradient);color:#fff;border-bottom-right-radius:6px}.ai-chat-bubble--ai{align-self:flex-start;background:var(--ds-card);border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-card);border-bottom-left-radius:6px}.ai-chat-prompts{display:flex;flex-wrap:wrap;gap:8px;padding:0 var(--ds-space-2) var(--ds-space-2)}.ai-chat-prompt{padding:8px 12px;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text-secondary);font-size:var(--ds-text-micro);cursor:pointer}.ai-chat-prompt:hover{border-color:#6c63ff59;color:var(--ds-text)}.ai-chat-input-row{display:flex;gap:var(--ds-space-2);padding:var(--ds-space-2);padding-bottom:calc(var(--ds-space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--ds-border);background:var(--ds-bg)}.ai-chat-input{flex:1}.ai-chat-send{flex-shrink:0;width:48px;height:48px;border-radius:var(--ds-radius-pill);background:var(--ds-premium-gradient);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.ai-chat-typing{display:flex;gap:4px;padding:4px 0}.ai-chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--ds-text-secondary);animation:ai-typing 1.2s infinite ease-in-out}.ai-chat-typing span:nth-child(2){animation-delay:.15s}.ai-chat-typing span:nth-child(3){animation-delay:.3s}@keyframes ai-typing{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.cdk-overlay-pane.premium-sheet-dialog{align-self:flex-end}.cdk-overlay-pane.premium-sheet-dialog .mat-mdc-dialog-surface{border-radius:var(--ds-radius-card-lg) var(--ds-radius-card-lg) 0 0!important;background:var(--ds-card)!important;border:1px solid var(--ds-border);border-bottom:none;box-shadow:var(--ds-shadow-float);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media(min-width:769px){.ai-chat-page{height:calc(100dvh - var(--ds-topnav-height))}.premium-templates-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:4px}.icon-grid--labeled{grid-template-columns:repeat(3,1fr);gap:12px 8px}@media(min-width:480px){.icon-grid--labeled{grid-template-columns:repeat(5,1fr)}}.icon-grid-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.icon-grid-label{font-family:var(--ds-font);font-size:12px;font-weight:600;text-align:center;color:var(--ds-text-secondary);line-height:1.2}.icon-grid-cell:has(.icon-option.selected) .icon-grid-label{color:var(--ds-accent)}.icon-option{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto;border-radius:999px;border:2px solid transparent;color:#fff;cursor:pointer;transition:transform var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease)}.icon-option:active{transform:scale(.92)}.icon-option.tone-a{background-color:var(--ds-tone-a)}.icon-option.tone-b{background-color:var(--ds-tone-b)}.icon-option.tone-c{background-color:var(--ds-tone-c)}.icon-option.tone-d{background-color:var(--ds-tone-d)}.icon-option.tone-e{background-color:var(--ds-tone-e)}.icon-option.selected{transform:scale(1.04);border-color:var(--ds-text);box-shadow:0 0 0 2px var(--ds-bg)}.icon-option ui-icon{color:#fff}.form-section{display:flex;flex-direction:column;gap:8px}.form-section-label{font-family:var(--ds-font);font-size:var(--ds-text-caption);font-weight:600;color:var(--ds-text-secondary);margin:0}.app-form-dialog mat-form-field{width:100%}.form-row{display:grid;grid-template-columns:1fr;gap:4px}@media(min-width:480px){.form-row{grid-template-columns:repeat(2,1fr);gap:12px}}.dialog-submit-btn{min-width:112px!important;border-radius:var(--ds-radius-btn)!important}.dialog-cancel-btn{border-radius:var(--ds-radius-btn)!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cdk-overlay-pane.app-dialog{max-width:92vw}.cdk-overlay-pane.app-dialog .mat-mdc-dialog-container{--mat-dialog-container-max-width: 520px}.cdk-overlay-pane.app-dialog .mat-mdc-dialog-surface{border-radius:var(--ds-radius-modal);overflow:hidden;background-color:var(--ds-card)!important;border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cdk-overlay-dark-backdrop{background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cdk-overlay-pane.app-dialog--mobile{width:100vw!important;max-width:100vw!important}.cdk-overlay-pane.app-dialog--mobile .mat-mdc-dialog-container{width:100vw;max-width:100vw;padding:0 12px 12px}.cdk-overlay-pane.app-dialog--mobile .mat-mdc-dialog-surface{border-radius:24px;max-height:90dvh}.cdk-overlay-pane.app-dialog .mat-mdc-dialog-title{padding:22px 24px 0!important;font:var(--mat-sys-headline-small);font-weight:700;letter-spacing:-.02em}.cdk-overlay-pane.app-dialog .mat-mdc-dialog-content{padding:16px 24px 8px!important;max-height:min(70dvh,560px)}.cdk-overlay-pane.app-dialog .mat-mdc-dialog-actions{padding:8px 24px calc(20px + env(safe-area-inset-bottom))!important;gap:10px}.cdk-overlay-pane.app-dialog .mat-mdc-dialog-actions .mat-mdc-button-base{min-height:44px}.cdk-overlay-container{z-index:1000}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}