:root{--font-family: "Montserrat", sans-serif;--text-color: #5f5c58;--gray-100: #d8c3a5;--gray-700: #8e8d8a;--light: #eae7dc;--primary: #e85a4f;--dark: #e98074;--accent-700: #610c63;--header-bg: #c75b7a;--header-bg-hover: #eae7dc47;--border: 1px solid var(--gray-100);--radius: 24px;--radius-pill: 100vmax;--radius-sm: 10px;--radius-md: 14px;--surface-card: #ffffff59;--surface-soft: #ffffffcc;--surface-solid: #ffffff;--surface-muted: #ffffff8c;--surface-panel: #f7f3ec;--surface-media: #f3efe7;--surface-overlay: #eae7dcd1;--surface-app-dark: #1f0f20;--app-bg: linear-gradient(160deg, #f5f2ea 0%, #e9e3d3 100%);--overlay-backdrop: #1f100d6b;--overlay-hero-top: #4a0f348c;--overlay-hero-bottom: #4a0f3459;--border-soft: #d8c3a5f2;--border-muted: #d8c3a58c;--border-subtle: #d8c3a5b3;--list-line-color: #c9b391;--text-soft: #ffffffc7;--text-soft-strong: #ffffffe6;--text-dim: #5f5c58bf;--text-contrast: #4a3f38;--text-muted: #6b7280;--footer-text: #fff5e7;--footer-subtle: #ffe8d2c9;--footer-link: #fff9f1;--footer-border: #ffe8d2c9;--success-200: #dcfce7;--success-700: #15803d;--success-border: #22c55e;--warning-200: #fef3c7;--warning-700: #a16207;--warning-border: #f59e0b;--error-200: #fee2e2;--error-700: #b91c1c;--error-border: #dc2626;--danger-200: #fee2e2;--danger-300: #fecaca;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-border: #dc2626;--action-hover-soft: #e85a4f24;--active-soft: #e9807438;--active-item-bg: var(--active-soft);--active-item-color: var(--primary);--focus-ring: #e85a4f29;--opacity-disabled: .55;--shadow-soft: 0 8px 22px #8e8d8a2e;--shadow-lift: 0 10px 18px #00000014;--shadow-panel: 0 10px 24px #4a3f381f}:root[data-theme=moon]{--text-color: #ffffff;--gray-100: #3b466f;--gray-700: #8f9bc7;--light: #0f152b;--primary: #e7efff;--dark: #9bb2e8;--accent-700: #f4f8ff;--header-bg: #121a35;--header-bg-hover: #c7d9ff1f;--surface-card: #1a2447b8;--surface-soft: #2d3a67d4;--surface-solid: #1b274f;--surface-muted: #1a2447a6;--surface-panel: #172142;--surface-media: #111a36;--surface-overlay: #0b1024db;--surface-app-dark: #070c1c;--app-bg: radial-gradient(circle at 20% 15%, #3a4b8a55 0%, #3a4b8a00 38%), radial-gradient(circle at 82% 8%, #8fb7ff2e 0%, #8fb7ff00 30%), linear-gradient(165deg, #0a1124 0%, #111a35 55%, #0b1430 100%);--overlay-backdrop: #030713c2;--overlay-hero-top: #132553a8;--overlay-hero-bottom: #1325536e;--border-soft: #7f95c9f2;--border-muted: #7f95c988;--border-subtle: #7f95c9b3;--list-line-color: #7e96cb;--text-soft: #ffffffcc;--text-soft-strong: #ffffff;--text-dim: #ffffffbf;--text-contrast: #ffffff;--text-muted: #d5ddff;--footer-text: #f6f8ff;--footer-subtle: #cdd9ff;--footer-link: #ffffff;--footer-border: #9fb4e2;--rb-color-hover-default: #0f152b;--success-200: #0f2f29;--success-700: #56f0c5;--success-border: #1fd7a3;--warning-200: #32280d;--warning-700: #ffd97a;--warning-border: #ffc14a;--error-200: #391320;--error-700: #ff8db0;--error-border: #ff5f8f;--danger-200: #391320;--danger-300: #4a1a2a;--danger-700: #ff8db0;--danger-800: #ff6b97;--danger-border: #ff5f8f;--action-hover-soft: #e7efff30;--active-soft: #2f3f74;--active-item-bg: #354a87;--active-item-color: #ffffff;--focus-ring: #e7efff5c;--shadow-soft: 0 8px 22px #0105116e;--shadow-lift: 0 10px 18px #0000004a;--shadow-panel: 0 10px 24px #01051199}:root[data-theme=night-meteor]{--text-color: #ffffff;--gray-100: #2f4b73;--gray-700: #7ea2c8;--light: #061427;--primary: #54d9ff;--dark: #3bb7df;--accent-700: #8cffd8;--header-bg: #071a33;--header-bg-hover: #7ce6ff2b;--surface-card: #0c2746bf;--surface-soft: #12365fcf;--surface-solid: #0f3158;--surface-muted: #0c2746ad;--surface-panel: #0b2a4c;--surface-media: #081f3a;--surface-overlay: #03101fde;--surface-app-dark: #020b18;--app-bg: radial-gradient(circle at 18% 14%, #54d9ff40 0%, #54d9ff00 30%), radial-gradient(circle at 78% 18%, #8cffd835 0%, #8cffd800 28%), radial-gradient(circle at 52% 85%, #54d9ff22 0%, #54d9ff00 35%), linear-gradient(170deg, #020b18 0%, #071a33 52%, #0a2342 100%);--overlay-backdrop: #010911cf;--overlay-hero-top: #07426ea8;--overlay-hero-bottom: #07426e70;--border-soft: #3d6799f2;--border-muted: #3d67998c;--border-subtle: #3d6799b3;--list-line-color: #4f7db3;--text-soft: #ffffffcc;--text-soft-strong: #ffffff;--text-dim: #ffffffbf;--text-contrast: #ffffff;--text-muted: #d2ecff;--footer-text: #eaf8ff;--footer-subtle: #bfe6ff;--footer-link: #f6fdff;--footer-border: #84c9ef;--success-200: #073228;--success-700: #5cf8ca;--success-border: #2ee8b3;--warning-200: #34280a;--warning-700: #ffe07d;--warning-border: #ffc24c;--error-200: #3a1220;--error-700: #ff93b6;--error-border: #ff5f90;--danger-200: #3a1220;--danger-300: #4d192b;--danger-700: #ff93b6;--danger-800: #ff6f9c;--danger-border: #ff5f90;--action-hover-soft: #54d9ff2e;--active-soft: #3bb7df42;--active-item-bg: var(--active-soft);--active-item-color: var(--primary);--focus-ring: #54d9ff5e;--shadow-soft: 0 8px 22px #010b176b;--shadow-lift: 0 10px 18px #00000052;--shadow-panel: 0 10px 24px #010b17a3}html,body{background-color:var(--background-color);color:var(--text-color);margin:0}h1,h2,h3,h4,h5,h6{margin:0}*{box-sizing:border-box}ul{list-style:none;margin:0}img{max-width:100%}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}body{font-family:var(--font-family);font-optical-sizing:auto;color:var(--text-color);background:var(--app-bg);background-color:var(--light)}.card{padding:24px;border-radius:var(--radius);border:var(--border);background-color:var(--surface-card)}@media(max-width:768px){.card{padding:16px;border-radius:16px}}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:500;border:0;cursor:pointer;font:inherit;color:inherit;background:transparent;transition:background-color .2s ease,transform .2s ease,color .2s ease}.app-btn-round{border-radius:var(--radius-pill);padding:8px 14px}app-round-button.is-icon-only .app-btn-round{width:48px;height:48px;padding:0}.app-btn-square{border-radius:var(--radius-sm);padding:8px 10px}.app-btn-square.is-icon-only{width:50px;height:50px;padding:0}app-square-button.is-icon-only .app-btn-square{width:50px;height:50px;padding:0}app-header .app-btn{color:var(--surface-solid)}app-header .app-btn-round:hover,app-header .app-btn-round.is-active{background-color:var(--header-bg-hover)}app-header .app-btn-square:hover,app-header .app-btn-square.is-active{background-color:var(--header-bg-hover)}app-round-button .app-btn-round{border:var(--rb-border, 1px solid var(--primary));background-color:var(--rb-bg, var(--primary));color:var(--rb-color, var(--surface-solid));border-radius:var(--rb-radius, var(--radius-pill));min-width:var(--rb-min-width, auto);width:var(--rb-width, auto);height:var(--rb-height, auto);min-height:var(--rb-min-height, auto);padding:var(--rb-padding, 8px 14px)}app-round-button .app-btn-round:hover{background-color:var(--rb-bg-hover, var(--dark));color:var(--rb-color-hover, var(--rb-color-hover-default, var(--surface-solid)))}app-round-button.edit-btn{--rb-width: 28px;--rb-height: 28px;--rb-min-width: 28px;--rb-padding: 0;--rb-border: 1px solid var(--border-soft);--rb-bg: var(--surface-soft);--rb-color: var(--text-color);--rb-bg-hover: var(--action-hover-soft);--rb-color-hover: var(--text-color)}app-round-button.swap-btn{--rb-min-height: 40px}app-round-button:not(.edit-btn) .app-btn-round:hover app-icon{color:var(--accent-700)}app-cocktails-details app-round-button.like-btn{--rb-min-height: 42px}.app-pagination{display:flex;align-items:center;flex-direction:column;gap:8px;margin-bottom:16px}.app-pagination__pages{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.app-pagination__btn{border:1px solid var(--gray-100);background-color:var(--surface-solid);color:var(--text-color);border-radius:var(--radius-sm);padding:6px 10px;font:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.app-pagination__btn:hover:not(:disabled){background-color:var(--active-soft)}.app-pagination__btn.is-active{background-color:var(--primary);color:var(--surface-solid);border-color:var(--primary)}.app-pagination__btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.app-pagination__jump{display:inline-flex;align-items:center;gap:8px;font-size:.95rem}.app-pagination__input{width:72px;border:1px solid var(--gray-100);border-radius:8px;padding:6px 8px;font:inherit}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-auto{flex:1 1 auto}.align-items-center{align-items:center}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.text-sm{font-size:.75rem}.text-lg{font-size:1.125rem}.text-semibold{font-weight:500}.text-bold{font-weight:700}.mb-20{margin-bottom:20px}.px-12{padding-left:12px;padding-right:12px}.py-6{padding-top:6px;padding-bottom:6px}.w-50{width:50%}@media(max-width:1024px){.w-50{width:100%}}img{display:block;max-width:100%;height:auto}.object-cover{object-fit:cover}.rounded-lg{border-radius:8px}.lang-menu-panel .mat-mdc-menu-content{padding:6px}.lang-menu-panel .mat-mdc-menu-item{border-radius:var(--radius-pill);color:var(--text-color)}.lang-menu-panel .mat-mdc-menu-item:hover:not([disabled]),.lang-menu-panel .mat-mdc-menu-item.cdk-program-focused:not([disabled]),.lang-menu-panel .mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]){background:color-mix(in srgb,var(--primary) 18%,var(--surface-solid));color:var(--surface-solid)}.lang-menu-panel.mat-mdc-menu-panel,.category-select-panel.mat-mdc-select-panel,.glass-select-panel.mat-mdc-select-panel{background:var(--surface-solid);color:var(--text-color);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--header-bg) 35%,transparent)}.category-select-panel .mat-mdc-option,.glass-select-panel .mat-mdc-option{color:var(--text-color)}.category-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),.glass-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background:color-mix(in srgb,var(--primary) 18%,var(--surface-solid))}.category-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),.category-select-panel .mat-mdc-option.mdc-list-item--focused:not(.mdc-list-item--disabled),.category-select-panel .mat-mdc-option.mat-mdc-option-active,.glass-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),.glass-select-panel .mat-mdc-option.mdc-list-item--focused:not(.mdc-list-item--disabled),.glass-select-panel .mat-mdc-option.mat-mdc-option-active{background:color-mix(in srgb,var(--primary) 14%,var(--surface-solid))}