html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--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 Roboto;--mat-sys-body-large-font: Roboto;--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 Roboto;--mat-sys-body-medium-font: Roboto;--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 Roboto;--mat-sys-body-small-font: Roboto;--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 Roboto;--mat-sys-display-large-font: Roboto;--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 Roboto;--mat-sys-display-medium-font: Roboto;--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 Roboto;--mat-sys-display-small-font: Roboto;--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 Roboto;--mat-sys-headline-large-font: Roboto;--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 Roboto;--mat-sys-headline-medium-font: Roboto;--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 Roboto;--mat-sys-headline-small-font: Roboto;--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 Roboto;--mat-sys-label-large-font: Roboto;--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 Roboto;--mat-sys-label-medium-font: Roboto;--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 Roboto;--mat-sys-label-small-font: Roboto;--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 Roboto;--mat-sys-title-large-font: Roboto;--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 Roboto;--mat-sys-title-medium-font: Roboto;--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 Roboto;--mat-sys-title-small-font: Roboto;--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}:root{--gy-deep-0: #0a0e1a;--gy-deep-1: #0f1626;--gy-deep-2: #141d36;--gy-deep-3: #1b2545;--gy-deep-4: #223063;--gy-indigo-deep: #4b2ed4;--gy-violet: #9b5de5;--gy-violet-soft: rgba(155, 93, 229, .25);--gy-violet-glow: rgba(155, 93, 229, .45);--gy-purple: #7b3dc9;--gy-indigo-shimmer: linear-gradient(135deg, #1b2545 0%, #2a1e6e 35%, #4b2ed4 65%, #2a1e6e 100%);--gy-cyan: #00ffe1;--gy-amber: #ffb347;--gy-emerald: #2ec27e;--gy-coral: #ff6b6b;--gy-glass-bg: rgba(20, 29, 54, .55);--gy-glass-bg-strong: rgba(15, 22, 38, .78);--gy-glass-bg-elevated: rgba(30, 41, 76, .62);--gy-glass-border: rgba(155, 200, 255, .1);--gy-glass-border-strong: rgba(155, 200, 255, .18);--gy-glass-border-violet: rgba(155, 93, 229, .28);--gy-glow-violet: 0 0 24px rgba(155, 93, 229, .45);--gy-glow-violet-soft: 0 0 12px rgba(155, 93, 229, .22);--gy-glow-violet-strong: 0 0 36px rgba(155, 93, 229, .65);--gy-glow-cyan: 0 0 20px rgba(0, 255, 225, .4);--gy-glow-cyan-soft: 0 0 12px rgba(0, 255, 225, .22);--gy-glow-amber: 0 0 20px rgba(255, 179, 71, .4);--gy-glow-amber-soft: 0 0 12px rgba(255, 179, 71, .22);--gy-glow-emerald: 0 0 20px rgba(46, 194, 126, .4);--gy-glow-coral: 0 0 20px rgba(255, 107, 107, .4);--gy-text: #d8e0f0;--gy-text-dim: #8ea0be;--gy-text-faint: #5a6988;--gy-text-bright: #f1f5f9;--gy-blur-sm: 6px;--gy-blur-md: 12px;--gy-blur-lg: 18px;--gy-blur-xl: 28px;--gy-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--gy-font-display: "Rajdhani", "Orbitron", system-ui, sans-serif;--gy-font-display-geo: "Orbitron", "Rajdhani", system-ui, sans-serif;--gy-font-heading: "Outfit", var(--gy-font-sans);--gy-font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--gy-ease-out: cubic-bezier(.2, .8, .2, 1);--gy-ease-in-out: cubic-bezier(.4, 0, .2, 1);--gy-dur-fast: .15s;--gy-dur-normal: .3s;--gy-dur-slow: .5s;--gy-tap-min: 44px;--gy-leading-tight: 1.25;--gy-leading-snug: 1.4;--gy-leading-normal: 1.55;--gy-leading-relaxed: 1.7;--gy-fs-display: 2rem;--gy-fs-h1: 1.5rem;--gy-fs-h2: 1.2rem;--gy-fs-h3: 1.02rem;--gy-fs-body: .95rem;--gy-fs-sm: .84rem;--gy-fs-caption: .75rem;--gy-fs-overline: .68rem;--gy-dock-offset: 0px}@media(max-width:759px){:root{--gy-dock-offset: 84px}}:root{--primary-hue: 250;--primary-sat: 80%;--primary-rgb: 99, 61, 230;--primary-50: hsl(var(--primary-hue), var(--primary-sat), 97%);--primary-100: hsl(var(--primary-hue), var(--primary-sat), 92%);--primary-200: hsl(var(--primary-hue), var(--primary-sat), 85%);--primary-300: hsl(var(--primary-hue), var(--primary-sat), 75%);--primary-400: hsl(var(--primary-hue), var(--primary-sat), 65%);--primary-500: hsl(var(--primary-hue), var(--primary-sat), 55%);--primary-600: hsl(var(--primary-hue), var(--primary-sat), 45%);--primary-700: hsl(var(--primary-hue), var(--primary-sat), 35%);--primary-800: hsl(var(--primary-hue), var(--primary-sat), 25%);--primary-900: hsl(var(--primary-hue), var(--primary-sat), 15%);--accent-teal: var(--gy-cyan);--accent-pink: #FF4081;--accent-amber: var(--gy-amber);--accent-success: var(--gy-emerald);--accent-error: var(--gy-coral);--surface-0: #ffffff;--surface-50: #f8fafc;--surface-100: #f1f5f9;--surface-200: #e2e8f0;--surface-300: #cbd5e1;--surface-400: #94a3b8;--surface-500: #64748b;--surface-600: #475569;--surface-700: #334155;--surface-800: #1e293b;--surface-900: #0f172a;--text-main: var(--surface-900);--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--font-sans: var(--gy-font-sans);--font-heading: var(--gy-font-heading);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(20px);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--glass-bg: var(--gy-glass-bg-elevated);--glass-border: 1px solid var(--gy-glass-border);--glass-blur: blur(var(--gy-blur-md));--matrix-bg: #000000;--matrix-text: #00ff00;--matrix-text-dim: #00cc00;--matrix-border: #00ff00;--matrix-font: "Courier New", Courier, monospace;--category-morning-from: #fff9e6;--category-morning-to: #fffdf5;--category-morning-border: #ffeeba;--category-mindset-from: #f3e8ff;--category-mindset-to: #fbf7ff;--category-mindset-border: #e9d5ff;--category-supplements-from: #dcfce7;--category-supplements-to: #f0fdf4;--category-supplements-border: #bbf7d0;--category-sports-from: #ffe4e6;--category-sports-to: #fff1f2;--category-sports-border: #fecdd3;--category-phase-from: #e0f2fe;--category-phase-to: #f0f9ff;--category-phase-border: #bae6fd;--deep-space-0: var(--gy-deep-0);--deep-space-1: var(--gy-deep-1);--deep-space-2: var(--gy-deep-2);--deep-space-3: var(--gy-deep-3);--deep-space-4: var(--gy-deep-4);--neon-cyan: var(--gy-cyan);--neon-amber: var(--gy-amber);--neon-violet: var(--gy-violet);--neon-emerald: var(--gy-emerald);--neon-coral: var(--gy-coral);--neon-slate: #64748b;--hud-glass-bg: var(--gy-glass-bg);--hud-glass-bg-strong: var(--gy-glass-bg-strong);--hud-glass-border: var(--gy-glass-border);--hud-glass-border-strong: var(--gy-glass-border-strong);--hud-text: var(--gy-text);--hud-text-dim: var(--gy-text-dim);--hud-text-faint: var(--gy-text-faint);--font-display: var(--gy-font-display);--font-display-geometric: var(--gy-font-display-geo);--font-mono-hud: var(--gy-font-mono);--glow-cyan: var(--gy-glow-cyan);--glow-cyan-soft: var(--gy-glow-cyan-soft);--glow-amber: var(--gy-glow-amber);--glow-amber-soft: var(--gy-glow-amber-soft);--glow-violet: var(--gy-glow-violet);--glow-violet-soft: var(--gy-glow-violet-soft);--glow-emerald: var(--gy-glow-emerald);--glow-emerald-soft: 0 0 12px rgba(46, 194, 126, .22);--glow-coral: var(--gy-glow-coral);--glow-coral-soft: 0 0 12px rgba(255, 107, 107, .22);--glow-slate-soft: 0 0 10px rgba(100, 116, 139, .2)}html,body{height:100%;width:100%;overflow:hidden}body{margin:0;font-family:var(--gy-font-sans);font-size:var(--gy-fs-body);line-height:var(--gy-leading-normal);color:var(--gy-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:rgba(155,200,255,.18) transparent;background-color:var(--gy-deep-0);background-image:radial-gradient(120% 80% at 15% 0%,rgba(155,93,229,.1),transparent 55%),radial-gradient(90% 60% at 90% 100%,rgba(0,255,225,.06),transparent 60%),linear-gradient(180deg,var(--gy-deep-0) 0%,var(--gy-deep-1) 50%,var(--gy-deep-0) 100%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--gy-font-heading);font-weight:700;margin:0;color:var(--gy-text-bright);line-height:var(--gy-leading-tight);letter-spacing:-.01em}h1{font-size:var(--gy-fs-h1)}h2{font-size:var(--gy-fs-h2)}h3{font-size:var(--gy-fs-h3);font-weight:600}h4,h5,h6{font-size:var(--gy-fs-body);font-weight:600}p{line-height:var(--gy-leading-normal);margin-bottom:1rem}.gy-display{font-family:var(--gy-font-heading);font-size:var(--gy-fs-display);font-weight:700;line-height:var(--gy-leading-tight);letter-spacing:-.02em;color:var(--gy-text-bright)}.gy-h1{font-family:var(--gy-font-heading);font-size:var(--gy-fs-h1);font-weight:700;line-height:var(--gy-leading-tight);letter-spacing:-.015em;color:var(--gy-text-bright)}.gy-h2{font-family:var(--gy-font-heading);font-size:var(--gy-fs-h2);font-weight:700;line-height:var(--gy-leading-snug);letter-spacing:-.01em;color:var(--gy-text-bright)}.gy-h3{font-family:var(--gy-font-heading);font-size:var(--gy-fs-h3);font-weight:600;line-height:var(--gy-leading-snug);color:var(--gy-text-bright)}.gy-body{font-size:var(--gy-fs-body);line-height:var(--gy-leading-normal);color:var(--gy-text)}.gy-body-sm{font-size:var(--gy-fs-sm);line-height:var(--gy-leading-normal);color:var(--gy-text-dim)}.gy-caption{font-size:var(--gy-fs-caption);line-height:var(--gy-leading-snug);color:var(--gy-text-dim)}.gy-overline{font-size:var(--gy-fs-overline);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gy-text-dim)}.gy-tap-target{min-height:var(--gy-tap-min);min-width:var(--gy-tap-min)}.mat-mdc-menu-item{min-height:var(--gy-tap-min)!important}.gy-view{display:flex;flex-direction:column;height:calc(100dvh - 64px - var(--gy-dock-offset, 0px));overflow:hidden;background:transparent;color:var(--gy-text-bright)}.gy-view__header{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--gy-glass-bg-elevated);backdrop-filter:blur(var(--gy-blur-md));-webkit-backdrop-filter:blur(var(--gy-blur-md));border-bottom:1px solid var(--gy-glass-border);flex-shrink:0}.gy-view__back{display:inline-flex;align-items:center;justify-content:center;width:var(--gy-tap-min);height:var(--gy-tap-min);flex-shrink:0;border:none;border-radius:var(--radius-md, 12px);background:transparent;color:var(--gy-text-dim);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);-webkit-tap-highlight-color:transparent}.gy-view__back:hover{background:#9bc8ff14;color:var(--gy-text-bright)}.gy-view__back:focus-visible{outline:2px solid var(--gy-cyan);outline-offset:2px}.gy-view__title-wrap{display:flex;flex-direction:column;flex:1;min-width:0}.gy-view__title{font-family:var(--gy-font-heading);font-size:var(--gy-fs-h2);font-weight:700;color:var(--gy-text-bright);letter-spacing:-.01em;line-height:var(--gy-leading-tight)}.gy-view__subtitle{font-size:var(--gy-fs-caption);color:var(--gy-text-dim);margin-top:2px}.gy-view__count{font-family:var(--gy-font-mono);font-size:var(--gy-fs-sm);font-weight:600;padding:3px 10px;border-radius:var(--radius-full, 9999px);background:#9b5de529;border:1px solid var(--gy-glass-border-violet);color:var(--gy-violet);flex-shrink:0}.gy-filter-bar{padding:var(--space-3, 12px) var(--space-4, 16px);display:flex;flex-direction:column;gap:var(--space-2, 8px);flex-shrink:0;background:var(--gy-glass-bg);backdrop-filter:blur(var(--gy-blur-sm));-webkit-backdrop-filter:blur(var(--gy-blur-sm));border-bottom:1px solid var(--gy-glass-border)}.gy-pills{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.gy-pill{display:inline-flex;align-items:center;gap:6px;min-height:var(--gy-tap-min);padding:6px 14px;border-radius:var(--radius-full, 9999px);border:1px solid var(--gy-glass-border);background:var(--gy-glass-bg);backdrop-filter:blur(var(--gy-blur-sm));-webkit-backdrop-filter:blur(var(--gy-blur-sm));font-family:inherit;font-size:var(--gy-fs-sm);font-weight:500;color:var(--gy-text-bright);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.gy-pill mat-icon{font-size:16px;width:16px;height:16px}.gy-pill__count{font-family:var(--gy-font-mono);font-size:var(--gy-fs-overline);padding:1px 7px;border-radius:var(--radius-full, 9999px);background:#9bc8ff1a;color:var(--gy-text-dim)}.gy-pill.active{background:color-mix(in srgb,var(--accent, var(--gy-violet)) 18%,transparent);border-color:color-mix(in srgb,var(--accent, var(--gy-violet)) 42%,transparent);color:var(--accent-text, var(--gy-violet));box-shadow:0 0 12px color-mix(in srgb,var(--accent, var(--gy-violet)) 22%,transparent)}.gy-pill.active .gy-pill__count{background:color-mix(in srgb,var(--accent, var(--gy-violet)) 26%,transparent);color:var(--accent-text, var(--gy-violet))}@media(hover:hover){.gy-pill:hover{border-color:var(--gy-glass-border-violet)}}.gy-search{display:flex;align-items:center;width:100%;max-width:800px;min-height:var(--gy-tap-min);padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--gy-glass-border);border-radius:var(--radius-lg, 16px);background:var(--gy-glass-bg);backdrop-filter:blur(var(--gy-blur-sm));-webkit-backdrop-filter:blur(var(--gy-blur-sm));transition:border-color var(--transition-fast),box-shadow var(--transition-fast);gap:var(--space-2, 8px);box-sizing:border-box}.gy-search:focus-within{border-color:var(--gy-violet);box-shadow:0 0 0 3px #9b5de533,var(--gy-glow-violet-soft)}.gy-search__icon{font-size:20px;width:20px;height:20px;color:var(--gy-text-dim);flex-shrink:0}.gy-search__input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--gy-fs-body);color:var(--gy-text-bright);min-width:0}.gy-search__input::placeholder{color:var(--gy-text-dim)}.gy-search__clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#9bc8ff1a;border-radius:var(--radius-full, 9999px);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.gy-search__clear mat-icon{font-size:16px;width:16px;height:16px;color:var(--gy-text-bright)}@media(hover:hover){.gy-search__clear:hover{background:#9bc8ff2e}}.gy-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:var(--space-4, 16px);padding-bottom:calc(var(--space-8, 32px) + var(--gy-dock-offset, 0px) + env(safe-area-inset-bottom,0px));box-sizing:border-box;gap:var(--space-2, 8px)}.gy-card{width:100%;max-width:800px;background:var(--gy-glass-bg);backdrop-filter:blur(var(--gy-blur-md));-webkit-backdrop-filter:blur(var(--gy-blur-md));border:1px solid var(--gy-glass-border);border-left:3px solid var(--accent, var(--gy-text-dim));border-radius:var(--radius-lg, 16px);overflow:hidden;flex-shrink:0;min-height:72px;box-shadow:0 6px 18px #00000047;transition:box-shadow var(--transition-fast),border-color var(--transition-fast);animation:gy-card-in .3s ease-out both}.gy-card.expanded{border-color:var(--gy-glass-border-violet);box-shadow:0 10px 28px #0006,var(--gy-glow-violet-soft)}.gy-card.priority-critical{border-left-color:var(--gy-coral);box-shadow:0 0 0 1px #ff6b6b2e,0 6px 18px #0000004d}.gy-card.priority-high{border-left-color:var(--gy-amber)}@media(hover:hover){.gy-card:hover{box-shadow:0 10px 28px #0006}}.gy-card__header{display:flex;align-items:flex-start;gap:var(--space-3, 12px);width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);border:none;background:none;cursor:pointer;font-family:inherit;text-align:left;color:inherit;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast)}@media(hover:hover){.gy-card__header:hover{background:#9bc8ff0a}}.gy-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md, 12px);background:linear-gradient(135deg,color-mix(in srgb,var(--accent, var(--gy-violet)) 20%,transparent),color-mix(in srgb,var(--accent, var(--gy-violet)) 4%,transparent));border:1px solid color-mix(in srgb,var(--accent, var(--gy-violet)) 24%,transparent);flex-shrink:0;margin-top:2px}.gy-card__icon mat-icon{font-size:20px;width:20px;height:20px;color:var(--accent-text, var(--gy-violet))}.gy-card__body{flex:1;min-width:0}.gy-card__meta{display:flex;align-items:center;gap:6px;font-size:var(--gy-fs-caption);color:var(--gy-text-dim);margin-bottom:4px;flex-wrap:wrap}.gy-card__sender{font-weight:700;color:var(--accent-text, var(--gy-text-bright))}.gy-card__channel{font-family:var(--gy-font-mono);font-size:var(--gy-fs-overline);color:var(--gy-text-dim)}.gy-card__spacer{flex:1}.gy-card__time{font-family:var(--gy-font-mono);font-size:var(--gy-fs-caption);color:var(--gy-text-dim);white-space:nowrap}.gy-card__title{font-weight:600;font-size:var(--gy-fs-body);color:var(--gy-text-bright);line-height:var(--gy-leading-snug);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px}.gy-card__tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.gy-card__expand{font-size:20px;width:20px;height:20px;color:var(--gy-text-dim);transition:transform var(--transition-fast);flex-shrink:0;margin-top:8px}.gy-card.expanded .gy-card__expand{transform:rotate(180deg);color:var(--gy-violet)}.gy-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--radius-full, 9999px);font-size:var(--gy-fs-overline);font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:#9bc8ff1a;border:1px solid var(--gy-glass-border);color:var(--gy-text-bright)}.gy-badge mat-icon{font-size:12px;width:12px;height:12px}.gy-badge--id{font-family:var(--gy-font-mono);background:#6366f129;border-color:#6366f152;color:#a5b0ff}.gy-badge--tag{background:#00ffe124;border-color:#00ffe14d;color:var(--gy-cyan);text-transform:none;letter-spacing:0;font-weight:500}.gy-badge--type{text-transform:capitalize;font-weight:500;letter-spacing:0}.gy-badge.priority-critical{background:#ff6b6b2e;border-color:#ff6b6b57;color:var(--gy-coral)}.gy-badge.priority-high{background:#ffb8002e;border-color:#ffb80052;color:var(--gy-amber)}.gy-badge.priority-low{background:#9bc8ff0f;border-color:var(--gy-glass-border);color:var(--gy-text-dim)}.gy-card__detail{padding:var(--space-4, 16px);border-top:1px solid var(--gy-glass-border);background:#00000038;animation:gy-detail-down .25s ease-out}.gy-detail-section{margin-bottom:var(--space-4, 16px)}.gy-detail-section:last-child{margin-bottom:0}.gy-detail-label{display:block;font-size:var(--gy-fs-overline);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gy-text-dim);margin-bottom:6px}.gy-detail-body{font-family:var(--gy-font-mono);font-size:var(--gy-fs-sm);color:var(--gy-text-bright);background:#0a0e1a8c;border:1px solid var(--gy-glass-border);border-radius:var(--radius-md, 12px);padding:var(--space-3, 12px);white-space:pre-wrap;word-break:break-word;margin:0;line-height:var(--gy-leading-relaxed)}.gy-meta-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2, 8px);padding-top:var(--space-2, 8px);border-top:1px dashed var(--gy-glass-border)}.gy-meta-row{display:flex;align-items:baseline;gap:var(--space-3, 12px);font-size:var(--gy-fs-caption)}.gy-meta-key{font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--gy-text-dim);min-width:80px;flex-shrink:0;font-size:var(--gy-fs-overline)}.gy-meta-value{color:var(--gy-text-bright);font-family:var(--gy-font-mono);font-size:var(--gy-fs-caption);word-break:break-all}.gy-empty,.gy-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-12, 48px) var(--space-6, 24px);color:var(--gy-text-dim);gap:var(--space-3, 12px);text-align:center}.gy-empty__sub{font-size:var(--gy-fs-sm);color:var(--gy-text-dim);margin:0}.gy-empty__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-xl, 24px);background:var(--gy-glass-bg);border:1px solid var(--gy-glass-border)}.gy-empty__icon mat-icon{font-size:28px;width:28px;height:28px;color:var(--gy-text-dim)}.gy-spinner{width:32px;height:32px;border:3px solid rgba(155,200,255,.12);border-top-color:var(--gy-violet);border-radius:50%;animation:gy-spin .8s linear infinite;box-shadow:var(--gy-glow-violet-soft)}@keyframes gy-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gy-detail-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes gy-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.gy-scroll{padding:var(--space-3, 12px);padding-bottom:calc(var(--space-8, 32px) + var(--gy-dock-offset, 0px) + env(safe-area-inset-bottom,0px))}.gy-filter-bar{padding:var(--space-2, 8px) var(--space-3, 12px)}.gy-card__header,.gy-card__detail{padding:var(--space-3, 12px)}}@media(prefers-reduced-motion:reduce){.gy-card,.gy-spinner{animation:none!important}}.gy-dialog,.gy-dialog-select{--mat-sys-surface: var(--gy-deep-2);--mat-sys-surface-container: var(--gy-deep-2);--mat-sys-surface-container-low: var(--gy-deep-1);--mat-sys-surface-container-lowest: var(--gy-deep-0);--mat-sys-surface-container-high: var(--gy-deep-3);--mat-sys-surface-container-highest: var(--gy-deep-3);--mat-sys-on-surface: var(--gy-text-bright);--mat-sys-on-surface-variant: var(--gy-text-dim);--mat-sys-outline: var(--gy-glass-border-strong);--mat-sys-outline-variant: var(--gy-glass-border);--mat-sys-primary: var(--gy-violet);--mat-sys-on-primary: #ffffff;--mat-sys-error: var(--gy-coral)}.gy-dialog .mat-mdc-dialog-surface{background:var(--gy-glass-bg-strong);border:1px solid var(--gy-glass-border-violet);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009,var(--gy-glow-violet-soft);backdrop-filter:blur(var(--gy-blur-lg));-webkit-backdrop-filter:blur(var(--gy-blur-lg))}.gy-dialog .mat-mdc-dialog-title{color:var(--gy-text-bright)}.gy-dialog .mat-mdc-dialog-content{color:var(--gy-text)}.gy-glass{background:var(--gy-glass-bg);border:1px solid var(--gy-glass-border);backdrop-filter:blur(var(--gy-blur-md));-webkit-backdrop-filter:blur(var(--gy-blur-md));border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000059}.gy-glass-strong{background:var(--gy-glass-bg-strong);border:1px solid var(--gy-glass-border-strong);backdrop-filter:blur(var(--gy-blur-lg));-webkit-backdrop-filter:blur(var(--gy-blur-lg));border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000080}.gy-glass-violet{background:var(--gy-glass-bg-elevated);border:1px solid var(--gy-glass-border-violet);backdrop-filter:blur(var(--gy-blur-md));-webkit-backdrop-filter:blur(var(--gy-blur-md));border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006,var(--gy-glow-violet-soft)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.full-size{width:100%;height:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9bc8ff29;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9b5de559}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-up{animation:fadeInUp .5s var(--gy-ease-out) forwards}@keyframes pulse-soft{0%{transform:scale(1);box-shadow:0 0 rgba(var(--primary-rgb),.4)}70%{transform:scale(1.05);box-shadow:0 0 0 6px rgba(var(--primary-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--primary-rgb),0)}}@keyframes gy-violet-pulse{0%,to{box-shadow:0 0 12px #9b5de54d}50%{box-shadow:0 0 24px #9b5de5a6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}
