.search-container{position:relative;padding:10px 4px;box-sizing:border-box;z-index:1}.search-input{width:100%;height:42px;padding:0 42px 0 14px;font-size:14px;border:1px solid var(--color-input-border);border-radius:var(--radius-control);background-color:var(--color-card-solid);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-default),box-shadow var(--transition-default),background-color var(--transition-default);box-sizing:border-box;touch-action:manipulation}.search-input:focus{border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-input-border));box-shadow:0 0 0 3px var(--color-focus-ring)}.search-input--active{background-color:var(--color-card-solid)}.search-input::placeholder{color:var(--color-placeholder)}.search-clear-button{position:absolute;top:50%;right:11px;transform:translateY(-50%);--ui-btn-width: 28px;--ui-btn-min-width: 28px;--ui-btn-height: 28px;--ui-btn-padding-x: 0;--ui-btn-font-size: 16px;--ui-btn-radius: 50%;--ui-btn-bg: transparent;--ui-btn-bg-hover: var(--color-surface-2);--ui-btn-color: var(--color-text-muted);--ui-btn-border-color: transparent;--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.search-clear-button:hover{color:var(--color-text-primary);transform:translateY(-50%)}.search-clear-button:active{transform:translateY(-50%) scale(.95)}@media (prefers-reduced-motion: reduce){.search-clear-button:active{transform:translateY(-50%)}}.item{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:88px;padding:12px;cursor:pointer;border-radius:var(--radius-card);position:relative;overflow:hidden;color:var(--color-text-primary);background:linear-gradient(145deg,#ffffffc7,#ffffff61),var(--color-card-solid);border:1px solid var(--color-divider);box-shadow:var(--glass-shadow-sm),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));transition:transform var(--transition-fast),border-color var(--transition-default),box-shadow var(--transition-default),background-color var(--transition-default),opacity var(--transition-default);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:item-enter .32s ease both}.item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-border) 45%,var(--color-divider));background:linear-gradient(145deg,#ffffffe6,#ffffff80),var(--color-card-solid);box-shadow:var(--glass-shadow-md),var(--glass-inset-soft)}:root[data-theme=dark] .item{background:linear-gradient(145deg,#22384ae6,#142533db),var(--color-card-solid);border-color:color-mix(in srgb,var(--color-divider) 70%,#3a5a76 30%)}:root[data-theme=dark] .item:hover{border-color:color-mix(in srgb,var(--color-border) 42%,var(--color-divider));background:linear-gradient(145deg,#284054f2,#172b3ce6),var(--color-card-solid)}.item:active{transform:translateY(0) scale(.985)}.item--selected{border-color:color-mix(in srgb,var(--color-border) 62%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border) 16%,transparent),var(--glass-shadow-md),var(--glass-inset-soft);background:linear-gradient(145deg,#fffffff0,#f0f7ffa8),var(--color-card-solid)}:root[data-theme=dark] .item--selected{border-color:color-mix(in srgb,var(--color-border) 68%,#9bb8ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-border) 20%,transparent),var(--glass-shadow-md),var(--glass-inset-soft);background:linear-gradient(145deg,color-mix(in srgb,var(--color-button-bg) 28%,var(--color-card-solid)),color-mix(in srgb,var(--color-button-bg) 14%,var(--color-card-solid))),var(--color-card-solid)}.item--muted{opacity:.62;filter:saturate(.75)}.item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.item-name{font-size:15px;font-weight:700;line-height:1.25;color:var(--color-text-primary)}.item-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.item-price{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.item-quantity{padding:3px 9px;color:var(--color-button-text);font-size:12px;font-weight:700;text-align:center;border-radius:var(--radius-pill);background-color:var(--color-button-bg)}@keyframes item-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.item{animation:none}.item:hover,.item:active{transform:none}}.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 4px;align-content:start}@media (min-width: 600px) and (max-width: 1023px){.menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (min-width: 1024px){.menu{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}}.menu>.item:nth-child(1){animation-delay:.02s}.menu>.item:nth-child(2){animation-delay:.04s}.menu>.item:nth-child(3){animation-delay:.06s}.menu>.item:nth-child(4){animation-delay:.08s}.menu>.item:nth-child(5){animation-delay:.1s}.menu>.item:nth-child(6){animation-delay:.12s}.menu-placeholder{width:100%;padding:24px 12px;text-align:center;color:var(--color-text-muted);animation:menu-placeholder-fade .28s ease both}@keyframes menu-placeholder-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.menu-placeholder{animation:none}}.cart{color:var(--color-text-primary)}.cart-empty{padding:24px 12px;text-align:center;color:var(--color-text-muted)}.cart-empty-hint{margin-top:-8px;padding:0 12px 14px;text-align:center;font-size:12px;color:var(--color-text-muted)}.cart__item{font-size:17px;display:flex;justify-content:space-between;align-items:center;padding:10px 8px;position:relative;overflow:hidden;background:var(--color-card-solid);margin:6px 0;border-radius:var(--radius-control);cursor:pointer;border:1px solid var(--color-divider);transition:background-color var(--transition-default),border-color var(--transition-default),opacity var(--transition-default),transform var(--transition-fast),box-shadow var(--transition-default)}.cart__item-container{width:100%;display:flex;justify-content:space-between;padding-right:16px;gap:16px;min-width:0;overflow:hidden}.cart__item-name{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto;overflow:hidden}.cart__item-name span{min-width:0;max-width:100%;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cart__item-qty{font-size:14px;color:var(--color-text-muted)}.cart__item-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}.cart__item-price-total{font-weight:700;font-size:15px}.cart__item-price-each{font-size:13px;color:var(--color-text-muted)}.cart__item--fulfilled{opacity:.62;background-color:var(--color-surface-3)}.cart__item--fulfilled .cart__item-name span:first-child{text-decoration:line-through;text-decoration-thickness:2px}.cart__item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-border) 45%,var(--color-divider));box-shadow:var(--glass-shadow-sm)}.cart__item:active{transform:scale(.985)}.cart__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.remove-item{--ui-btn-width: 30px;--ui-btn-height: 30px;--ui-btn-min-width: 30px;--ui-btn-padding-x: 0;--ui-btn-radius: 9px;--ui-btn-bg: color-mix(in srgb, var(--color-danger) 14%, #fff);--ui-btn-bg-hover: color-mix(in srgb, var(--color-danger) 20%, #fff);--ui-btn-color: var(--color-danger-hover);--ui-btn-border-color: color-mix(in srgb, var(--color-danger) 52%, var(--color-divider));--ui-btn-shadow: none;--ui-btn-shadow-hover: none;font-size:12px;line-height:1}:root[data-theme=dark] .remove-item{--ui-btn-bg: color-mix(in srgb, var(--color-danger) 24%, transparent);--ui-btn-bg-hover: color-mix(in srgb, var(--color-danger) 32%, transparent);--ui-btn-color: #ffd1d1}@media (prefers-reduced-motion: reduce){.cart__item:hover,.cart__item:active{transform:none}}.top__checks{display:flex;align-items:center;gap:0;flex:1 1 auto;justify-content:flex-start;min-width:0;position:relative}.checks{flex:1 1 auto;min-width:0;overflow-x:auto;display:flex;flex-wrap:nowrap;gap:7px;margin-left:0;scroll-snap-type:x proximity;position:relative;z-index:1}.checks--overflow-right{-webkit-mask-image:none;mask-image:none}.check-item{position:relative;scroll-snap-align:start}.check-item input[type=radio]{display:none}.check-item label{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-weight:700;font-size:14px;color:var(--top-btn-text, var(--color-text-primary));background-color:var(--top-btn-bg, var(--color-surface-2));border:1px solid var(--top-btn-border, var(--color-divider));border-radius:var(--radius-control);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-default),border-color var(--transition-default),transform var(--transition-fast),color var(--transition-default)}.check-item label:hover{transform:translateY(-1px);background-color:var(--top-btn-bg-hover, var(--color-card-strong))}.check-item input[type=radio]:checked+label{color:var(--color-button-text);background-color:var(--color-button-bg);border-color:color-mix(in srgb,var(--color-button-bg) 78%,#193770)}.newCheck{position:relative;z-index:3;--ui-btn-width: 40px;--ui-btn-min-width: 40px;--ui-btn-height: 40px;--ui-btn-padding-x: 0;--ui-btn-font-size: 20px;--ui-btn-bg: var(--top-btn-bg, var(--color-surface-2));--ui-btn-bg-hover: var(--top-btn-bg-hover, var(--color-card-strong));--ui-btn-color: var(--top-btn-text, var(--color-text-primary));--ui-btn-border-color: var(--top-btn-border, var(--color-divider));--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.newCheck:hover{transform:translateY(-1px)}.newCheck:active{transform:scale(.96)}@media (prefers-reduced-motion: reduce){.check-item label:hover,.newCheck:hover,.newCheck:active{transform:none}}.coffee-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-soft);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:340}.coffee-menu-panel{width:min(420px,100%);height:100vh;position:relative;overflow:hidden;background:linear-gradient(160deg,#ffffffe6,#f5fbffc2),var(--color-card-solid);border-left:1px solid var(--color-divider);padding:16px 12px;display:flex;flex-direction:column;gap:12px;animation:slide-in var(--transition-slow) forwards;color:var(--color-text-primary);box-shadow:var(--glass-shadow-lg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}:root[data-theme=dark] .coffee-menu-panel{background:linear-gradient(160deg,#203749fa,#142533f5),var(--color-card-solid)}.coffee-menu-panel--static{width:100%;height:100%;border-radius:var(--radius-card);border:1px solid var(--color-divider);animation:none;box-shadow:var(--glass-shadow-sm),var(--glass-inset-soft)}.coffee-menu-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.coffee-menu-header__title-wrap{min-width:0}.coffee-menu-header__actions{display:inline-flex;align-items:center;gap:8px}.coffee-menu-title{font-size:20px;font-weight:700}.coffee-menu-subtitle{font-size:13px;color:var(--color-text-secondary)}.coffee-menu-swipe-hint{margin-top:8px;font-size:12px;color:var(--color-text-muted)}.coffee-menu-close{--ui-btn-width: 36px;--ui-btn-min-width: 36px;--ui-btn-height: 36px;--ui-btn-padding-x: 0;--ui-btn-font-size: 20px;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-button-bg);--ui-btn-bg-hover: var(--color-button-bg-hover);--ui-btn-color: var(--color-button-text);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none;display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;font-size:20px;line-height:1}.coffee-menu-category-toggle{--ui-btn-padding-x: 10px;--ui-btn-font-size: 13px;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.coffee-menu-category-picker{margin-top:-4px}.coffee-menu-category-select{width:100%;border:1px solid var(--color-input-border);border-radius:var(--radius-control);padding:10px 12px;font-size:14px;color:var(--color-text-primary);background:var(--color-input-bg)}.coffee-menu-category-select:focus{outline:none;border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-input-border));box-shadow:0 0 0 3px var(--color-focus-ring)}.coffee-menu-list{flex:1;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:10px}.coffee-menu-row{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:var(--radius-control);background:var(--color-card-solid);border:1px solid var(--color-divider)}.coffee-menu-row--active{border-color:color-mix(in srgb,var(--color-border) 45%,var(--color-divider));background:color-mix(in srgb,var(--color-button-bg) 10%,var(--color-card-solid))}.coffee-menu-check{min-width:72px;display:flex;flex-direction:column;gap:4px}.coffee-menu-check-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.coffee-menu-check-number{font-size:18px;font-weight:700;color:var(--color-text-primary)}.coffee-menu-empty{padding:24px 0;color:var(--color-text-secondary);text-align:center}.coffee-menu-empty-inline{color:var(--color-text-secondary);font-size:14px}.coffee-menu-squares{flex:1;display:flex;flex-wrap:wrap;gap:8px}.coffee-square{--ui-btn-width: 72px;--ui-btn-min-width: 72px;--ui-btn-height: auto;--ui-btn-padding-x: 0;--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: var(--color-divider);--ui-btn-radius: var(--radius-control);--ui-btn-shadow: none;--ui-btn-shadow-hover: none;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-default),transform var(--transition-fast)}.coffee-square-letter{font-size:20px;font-weight:700}.coffee-square--fulfilled{opacity:.4;text-decoration:line-through;text-decoration-thickness:2px}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.secret-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-strong);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:350}.secret-menu-panel{width:min(420px,100%);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--color-card-solid);border:1px solid var(--color-divider);border-radius:var(--radius-container);padding:18px;display:flex;flex-direction:column;gap:14px;color:var(--color-text-primary);box-shadow:var(--glass-shadow-lg),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.secret-menu-header{display:flex;justify-content:space-between;align-items:flex-start}.secret-menu-title{font-size:20px;font-weight:700}.secret-menu-caption{font-size:13px;color:var(--color-text-secondary)}.secret-menu-close{--ui-btn-width: 34px;--ui-btn-min-width: 34px;--ui-btn-height: 34px;--ui-btn-padding-x: 0;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.secret-menu-section{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--radius-card);background:linear-gradient(140deg,color-mix(in srgb,var(--color-surface-2) 82%,#ffffff 18%),color-mix(in srgb,var(--color-surface-2) 90%,#000000 10%));border:1px solid var(--color-divider);box-shadow:inset 0 1px color-mix(in srgb,var(--color-border-strong) 28%,transparent)}.secret-menu-section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.secret-menu-actions{display:flex;flex-direction:column;gap:10px}.secret-menu-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border-radius:var(--radius-control);border:1px solid color-mix(in srgb,var(--color-button-bg) 78%,#193770);background:var(--color-button-bg);color:var(--color-button-text);font-weight:700;text-decoration:none;text-align:center;transition:transform var(--transition-fast),background-color var(--transition-default)}.secret-menu-link:hover{background:var(--color-button-bg-hover);transform:translateY(-1px)}.secret-menu-currency-select{width:100%;height:40px;padding:0 12px;border-radius:var(--radius-control);border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-primary);font-size:14px;font-weight:600}.secret-menu-switch{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:38px;padding:0 12px;border-radius:var(--radius-control);border:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-card-solid) 86%,var(--color-surface-3) 14%);color:var(--color-text-primary);font-size:14px;font-weight:600;position:relative}.secret-menu-switch__label{line-height:1.2}.secret-menu-switch input{position:absolute;opacity:0;pointer-events:none}.secret-menu-switch__ui{position:relative;width:44px;height:24px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-divider);transition:background-color var(--transition-default),border-color var(--transition-default)}.secret-menu-switch__ui:after{content:"";position:absolute;top:50%;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-card-solid);transform:translateY(-50%);transition:transform var(--transition-default);box-shadow:0 1px 3px #0003}.secret-menu-switch input:checked+.secret-menu-switch__ui{background:var(--color-button-bg);border-color:var(--color-button-bg)}.secret-menu-switch input:checked+.secret-menu-switch__ui:after{transform:translate(20px,-50%)}.secret-menu-switch input:focus-visible+.secret-menu-switch__ui{outline:2px solid var(--color-focus-ring);outline-offset:2px}.secret-menu-lang-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.secret-menu-lang-button{min-height:38px;border-radius:var(--radius-control);border:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-card-solid) 90%,transparent);color:var(--color-text-primary);font-size:14px;font-weight:700;cursor:pointer;transition:background-color var(--transition-default),border-color var(--transition-default),transform var(--transition-fast)}.secret-menu-lang-button:hover{background:var(--color-card-strong);transform:translateY(-1px)}.secret-menu-lang-button--active{background:var(--color-button-bg);color:var(--color-button-text);border-color:color-mix(in srgb,var(--color-button-bg) 75%,#1f417e)}.secret-menu-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:38px;padding:0 12px;border-radius:var(--radius-control);border:1px solid var(--color-divider);background:var(--color-card-solid);color:var(--color-text-primary);font-size:14px;font-weight:600;position:relative}.secret-menu-toggle input{position:absolute;opacity:0;pointer-events:none}.secret-menu-toggle-ui{position:relative;width:44px;height:24px;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-divider);transition:background-color var(--transition-default),border-color var(--transition-default)}.secret-menu-toggle-ui:after{content:"";position:absolute;top:50%;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-card-solid);transform:translateY(-50%);transition:transform var(--transition-default);box-shadow:0 1px 3px #0003}.secret-menu-toggle input:checked+.secret-menu-toggle-ui{background:var(--color-button-bg);border-color:var(--color-button-bg)}.secret-menu-toggle input:checked+.secret-menu-toggle-ui:after{transform:translate(20px,-50%)}.secret-menu-toggle input:focus-visible+.secret-menu-toggle-ui{outline:2px solid var(--color-focus-ring);outline-offset:2px}.bottom{--bottom-offset: calc(env(safe-area-inset-bottom) + 12px) ;--bottom-padding-x: 12px;--bottom-padding-y: 12px;--bottom-radius: var(--radius-container);--bottom-border-color: var(--color-divider);--bottom-text-color: var(--color-text-primary);--bottom-bg: rgba(247, 251, 255, .48);--bottom-action-bg: var(--color-surface-2);--bottom-action-text: var(--color-text-primary);--bottom-action-padding: 8px;--bottom-action-icon: 20px;--bottom-text-size: 15px;--bottom-text-weight: 600;--bottom-width: auto;--bottom-margin-x: var(--bottom-padding-x);position:sticky;bottom:var(--bottom-offset);display:flex;justify-content:space-between;align-items:center;color:var(--bottom-text-color);overflow:hidden;background:linear-gradient(145deg,#fff6,#ffffff24),var(--bottom-bg);padding:var(--bottom-padding-y) var(--bottom-padding-x) calc(var(--bottom-padding-y) + env(safe-area-inset-bottom));margin:0 var(--bottom-margin-x);z-index:2;border:1px solid var(--bottom-border-color);border-radius:var(--bottom-radius);width:var(--bottom-width);box-shadow:var(--glass-shadow-md),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));transition:width var(--transition-slow),margin var(--transition-slow),border-radius var(--transition-slow),box-shadow var(--transition-default)}.done-button,.amountButton{--ui-btn-bg: var(--bottom-action-bg);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--bottom-action-text);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.done-button{--ui-btn-width: 40px;--ui-btn-min-width: 40px;--ui-btn-height: 40px;--ui-btn-padding-x: 0}.amountButton{--ui-btn-width: 40px;--ui-btn-min-width: 40px;--ui-btn-height: 40px;--ui-btn-padding-x: var(--bottom-action-padding)}.amountButton svg{width:var(--bottom-action-icon);height:var(--bottom-action-icon)}.price,.amount{font-size:var(--bottom-text-size);font-weight:var(--bottom-text-weight)}.bottom--stuck{--bottom-margin-x: 0;--bottom-radius: 0}.bottom-sentinel{height:1px;margin-top:1px;opacity:0;pointer-events:none}.bottom.bottom--desktop{position:static;margin:0;width:100%;border-radius:var(--radius-card);padding-bottom:var(--bottom-padding-y)}:root[data-theme=dark] .bottom{--bottom-bg: rgba(20, 37, 51, .58);background:linear-gradient(145deg,#ffffff1a,#ffffff08),var(--bottom-bg)}@media (prefers-reduced-motion: reduce){.bottom{transition:none}}.change-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--color-overlay-strong);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.change-modal__content{position:relative;width:min(390px,100%);border-radius:var(--radius-container);border:1px solid var(--color-divider);background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);color:var(--color-text-primary);box-shadow:var(--glass-shadow-lg),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));animation:change-modal-in .22s ease both}.change-modal__header,.change-modal__form{position:relative;z-index:1}.change-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0}.change-modal__header h3{margin:0;font-size:20px}.change-modal__close{--ui-btn-width: 34px;--ui-btn-min-width: 34px;--ui-btn-height: 34px;--ui-btn-padding-x: 0;--ui-btn-font-size: 18px;--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.change-modal__form{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}.change-modal__label{font-size:14px;color:var(--color-text-secondary)}.change-modal__input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:var(--radius-control);border:1px solid var(--color-input-border);background:var(--color-input-bg);color:var(--color-text-primary);font-size:15px;outline:none}.change-modal__input:focus{border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-input-border));box-shadow:0 0 0 3px var(--color-focus-ring)}.change-modal__summary{border:1px solid var(--color-divider);border-radius:var(--radius-control);padding:10px;background:var(--color-surface-2);display:flex;flex-direction:column;gap:6px}.change-modal__summary p{margin:0;font-size:14px}.change-modal__warning{color:var(--color-danger-hover);font-weight:600}.change-modal__muted{color:var(--color-text-muted)}.change-modal__actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.change-modal__button{--ui-btn-width: auto;--ui-btn-height: 38px;--ui-btn-padding-x: 14px;--ui-btn-radius: var(--radius-control);--ui-btn-font-size: 14px}.change-modal__button--primary{--ui-btn-bg: var(--color-button-bg);--ui-btn-bg-hover: var(--color-button-bg-hover);--ui-btn-color: var(--color-button-text)}.change-modal__button--secondary{--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary)}.change-modal__button:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes change-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.change-modal__content{animation:none}}.container{position:relative;max-width:425px;min-height:calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);margin:0 auto;background-color:var(--color-app-bg);color:var(--color-text-primary)}@media (min-width: 600px) and (max-width: 1023px) and (orientation: portrait){.container{width:100%;max-width:100%;margin:0}.top{justify-content:flex-start}.top .top__checks{flex:1 1 auto;min-width:0}.top .top-actions{margin-left:auto}.top .cart-drawer-button,.top .coffee-menu-button,.top .newCheck{flex:0 0 auto}}@media (min-width: 600px) and (max-width: 1023px) and (orientation: landscape){.container{width:100%;max-width:100%;margin:0}}h1{color:var(--color-text-primary);text-align:left;margin:0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px;position:relative}.app-header h1{flex:0 0 auto}.app-header__logo{color:var(--color-button-bg);min-width:0;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__right{display:flex;align-items:center;gap:10px;min-width:0;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.app-header__meta{display:flex;flex-direction:column;align-items:flex-end;min-width:0;max-width:230px;flex:0 1 auto;position:relative}.app-header__user{font-size:14px;font-weight:700;white-space:nowrap;color:var(--color-text-primary)}.app-header__user-trigger{width:auto;height:auto;padding:0 10px;margin:0;border:2px solid var(--color-divider);border-radius:8px;background:var(--color-surface-2);display:inline-flex;align-items:center;gap:6px;transition:border-color .2s ease,transform .12s ease,background-color .2s ease}.app-header__user-trigger:hover,.app-header__user-trigger:active{background:var(--color-card-strong)}.app-header__user-trigger:hover{border-color:var(--color-border)}.app-header__user-trigger:active{transform:translateY(1px)}.app-header__user-trigger[aria-expanded=true]{border-color:var(--color-border);background:var(--color-card-strong)}.app-header__user-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:8px}.app-header__user-caret{font-size:12px;line-height:1;opacity:.9;transition:transform .18s ease}.app-header__user-trigger[aria-expanded=true] .app-header__user-caret{transform:rotate(180deg)}.app-header__user-texts{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.app-header__user-name{display:block;font-size:14px;font-weight:700;white-space:nowrap}.app-header__user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:flex;flex-direction:column;gap:6px;width:min(220px,70vw);padding:8px;border-radius:8px;border:2px solid var(--color-divider);background:var(--color-card)}.app-header__user-menu-item{width:100%;height:36px;padding:0 10px;font-size:14px;justify-content:flex-start}.app-header__user-menu-item--danger,.app-header__user-menu-item--leave-room{background-color:var(--color-button-bg-hover)}.app-header__room{font-size:12px;color:var(--color-text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__room--in-trigger{max-width:220px;opacity:.9}.app-header__room-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.app-header__room-button{width:auto;height:34px;padding:0 10px;font-size:14px}.app-header__room-button--invite:disabled{background-color:var(--color-surface-3);border-color:var(--color-divider);color:var(--color-text-secondary);cursor:not-allowed;opacity:.85}.app-header__mobile-menu-wrap{position:relative}.app-header__burger{width:42px;height:38px;font-size:20px;line-height:1;padding:0}.app-header__mobile-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:24;width:min(280px,calc(100vw - 16px));border-radius:12px;border:2px solid var(--color-divider);background:var(--color-card);padding:10px;display:flex;flex-direction:column;gap:8px}.app-header__mobile-user{font-size:14px;font-weight:700;color:var(--color-text-primary);line-height:1.3}.app-header__mobile-room{font-size:12px;color:var(--color-text-secondary);line-height:1.3}.app-header__mobile-actions{display:flex;flex-direction:column;gap:6px}.app-header__mobile-version{margin-top:2px;font-size:12px;line-height:1.2;color:var(--color-text-muted);text-align:right}.app-header__mobile-item{width:100%;height:36px;padding:0 10px;justify-content:flex-start;font-size:14px}.app-header__mobile-item--invite:disabled{background-color:var(--color-surface-3);border-color:var(--color-divider);color:var(--color-text-secondary);cursor:not-allowed;opacity:.85}.app-header__mobile-item--danger,.app-header__mobile-item--leave-room{background-color:var(--color-button-bg-hover)}.flex{background-color:var(--color-app-bg)}.categories{display:flex;flex-wrap:wrap;gap:8px;padding:10px 6px 2px}.category-button{width:auto;padding:8px 12px;font-size:14px;font-weight:600;color:var(--color-text-primary);background:var(--color-chip-bg);border:2px solid var(--color-divider);border-radius:999px;transition:transform .15s ease,background-color .22s ease,border-color .22s ease}.category-button--active{background-color:var(--color-button-alt-bg);color:var(--color-button-alt-text);border-color:var(--color-button-alt-bg);animation:category-pop .22s ease}.category-button:hover{transform:translateY(-1px) scale(1.03)}.category-button:active{transform:scale(.97)}.category-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.top{--top-btn-bg: var(--color-button-bg);--top-btn-bg-hover: var(--color-button-bg-hover);--top-btn-bg-active: var(--color-border);--top-btn-border: var(--color-divider);--top-btn-text: var(--color-button-text);--top-btn-shadow: none;--top-btn-shadow-hover: none;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 4px;margin:0;position:relative;overflow:hidden;background-color:var(--color-panel-strong);color:var(--color-button-text);border-bottom:2px solid var(--color-divider)}.top:before{content:none}.top__auth{display:flex;align-items:center;gap:8px}.top__auth-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;color:var(--top-btn-text)}.top__auth-logout{width:auto;height:36px;padding:0 10px;font-size:14px}.room-empty{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;min-height:220px}.room-empty__text{text-align:center}.room-empty__button{width:auto;height:40px;padding:0 14px;font-size:14px}.room-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--color-overlay-soft);display:flex;align-items:center;justify-content:center}.room-modal{width:min(420px,calc(100vw - 24px));border-radius:12px;border:2px solid var(--color-divider);background:var(--color-card);padding:14px;display:flex;flex-direction:column;gap:10px}.room-modal__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-modal__title{margin:0;font-size:20px}.room-modal__close{width:34px;height:34px;padding:0;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.room-modal__input{width:100%;border:2px solid var(--color-divider);border-radius:8px;padding:10px 12px;font-size:16px;color:var(--color-text-primary);background:var(--color-app-bg)}.room-modal__actions{display:flex;justify-content:flex-end;gap:8px}.room-modal__subtitle{font-size:14px;font-weight:700}.room-modal__room-name-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px}.room-modal__room-name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-modal__edit-name{flex:0 0 auto;white-space:nowrap;padding:0 8px;font-size:14px}.room-modal__note{font-size:14px;color:var(--color-text-secondary)}.room-modal__error{font-size:14px;color:var(--color-text-primary)}.room-modal__divider{height:1px;background:var(--color-divider);margin:4px 0}.room-list{display:flex;flex-direction:column;gap:8px;max-height:160px;overflow-y:auto}.room-list__item{width:100%;height:38px;justify-content:flex-start;padding:0 10px;font-size:14px}.room-list__item--active{border-color:var(--color-button-alt-bg);background:var(--color-button-alt-bg);color:var(--color-button-alt-text)}.member-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.member-list-wrap{position:relative}.member-list--skeleton{overflow:hidden}.member-list__item{border:2px solid var(--color-divider);border-radius:8px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px}.member-list__item--skeleton{pointer-events:none}.member-list__skeleton-line{display:inline-block;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--color-surface-3) 0%,var(--color-surface-2) 50%,var(--color-surface-3) 100%);background-size:200% 100%;animation:member-skeleton 1.1s ease-in-out infinite}.member-list__skeleton-line--name{width:42%}.member-list__skeleton-line--action{width:30%}.member-list__name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-list__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.member-list__select{min-width:88px;border:2px solid var(--color-divider);border-radius:8px;padding:6px 8px;background:var(--color-app-bg);color:var(--color-text-primary);font-size:14px}.member-list__kick{--ui-btn-min-width: 0;padding:8px;font-size:12px;color:var(--color-button-text);background-color:var(--color-button-bg);border-color:var(--color-divider)}.member-list__kick:hover{background-color:var(--color-button-bg-hover)}.member-list__kick:disabled{color:var(--color-text-secondary);background-color:var(--color-surface-3);border-color:var(--color-divider);cursor:not-allowed;opacity:.72}.member-list__role-badge{font-size:12px;color:var(--color-text-secondary);white-space:nowrap}.member-list__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border-radius:8px;pointer-events:none}.member-list__loading-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-divider);border-top-color:var(--color-button-bg);animation:member-spin .75s linear infinite}.room-modal__actions button{--ui-btn-width: auto;--ui-btn-height: 38px;--ui-btn-padding-x: 10px;--ui-btn-font-size: 14px}.room-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-divider);border-top-color:var(--color-button-bg);animation:room-spin .8s linear infinite}@keyframes room-spin{to{transform:rotate(360deg)}}@keyframes member-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes member-spin{to{transform:rotate(360deg)}}.top .cart-drawer-button,.top .top-actions{flex:0 0 auto}.top .top__checks{flex:1 1 auto;min-width:0}.top-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.top button{--ui-btn-color: var(--top-btn-text);--ui-btn-bg: var(--top-btn-bg);--ui-btn-bg-hover: var(--top-btn-bg-hover);--ui-btn-border-color: var(--top-btn-border);--ui-btn-shadow: var(--top-btn-shadow);--ui-btn-shadow-hover: var(--top-btn-shadow-hover)}.top button:active{background-color:var(--top-btn-bg-active)}.top .admin-link{color:var(--top-btn-text);background-color:var(--top-btn-bg);border:2px solid var(--top-btn-border)}.top .admin-link:hover{background-color:var(--top-btn-bg-hover)}.top .admin-link:active{background-color:var(--top-btn-bg-active)}.cart-drawer-button{display:flex;align-items:center;justify-content:center}.admin-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;transition:background-color .2s ease,transform .15s ease;cursor:pointer}.cart-drawer{top:0;left:-100%;width:min(420px,100%);height:100vh;height:100dvh;position:fixed;overflow:hidden;background:var(--color-panel);color:var(--color-text-primary);padding:16px 12px;transition:left .25s ease;z-index:5;display:flex;flex-direction:column;gap:12px;border-right:2px solid var(--color-divider)}.cart-drawer:before{content:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.cart-drawer--open{left:0}.cart-drawer__header{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--color-text-primary)}.cart-drawer__head-text{min-width:0;display:flex;flex-direction:column;gap:2px}.cart-drawer__title{font-weight:700;font-size:20px;letter-spacing:.01em;animation:drawer-title-in .2s ease}.cart-drawer__hint{font-size:12px;color:var(--color-text-muted)}.cart-drawer__close{background-color:var(--color-button-bg);color:var(--color-button-text);width:36px;height:36px;transition:transform .15s ease,background-color .2s ease}.cart-drawer__close:hover{background-color:var(--color-button-bg-hover);transform:scale(1.04)}.cart-drawer__close:active{transform:scale(.94)}.cart-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-soft);z-index:4;animation:drawer-backdrop-in .2s ease}.cart-drawer .cart{overflow-y:auto;max-height:calc(100vh - 80px)}@media (max-width: 640px){.app-header{align-items:center}.app-header__right{margin-left:auto}.app-header__logo{color:var(--color-button-bg);filter:none}}@media (min-width: 1024px){.container.container--desktop{width:100%;max-width:100vw;min-height:100vh;height:100vh;padding:0 16px 16px;overflow:visible}.container.container--desktop .app-header{padding:10px;border-radius:12px;background-color:var(--color-panel-strong);border-bottom:2px solid var(--color-divider);margin-bottom:10px}.container.container--desktop .app-header h1{padding:0}.container.container--desktop .app-header__right{flex-wrap:wrap;gap:10px}.container.container--desktop .flex{height:calc(100vh - 91px);overflow:visible}.flex.flex--desktop{display:flex;gap:14px;align-items:stretch}.desktop-column{min-height:0;display:flex;flex-direction:column;gap:12px}.desktop-column--left,.desktop-column--right{overflow:visible}.desktop-column--left{flex:0 0 400px;max-width:400px}.desktop-column--center{flex:1 1 auto;min-width:0;overflow:visible}.desktop-column--right{flex:0 0 420px;max-width:420px}.desktop-panel{border:2px solid var(--color-divider);border-radius:12px;background:var(--color-card);padding:12px;min-height:0;overflow:visible}.desktop-panel--cart{flex:1 1 auto;display:flex;flex-direction:column}.desktop-panel__title{font-size:16px;font-weight:700;margin-bottom:10px}.desktop-panel--cart .cart{overflow-y:auto;min-height:0;flex:1 1 auto}.kassa-desktop .desktop-column--left .cart__item-name span{max-width:240px}.top.top--desktop-main{justify-content:space-between;flex-wrap:nowrap;align-items:center;padding:10px;min-height:65px;border-radius:12px}.top.top--desktop-main .top__checks{flex:1 1 auto;min-width:0;max-width:none;justify-content:flex-start;gap:10px}.top.top--desktop-main .top-actions{margin-left:0}.kassa-desktop .top__checks,.kassa-desktop .checks{max-width:none}.kassa-desktop .checks{flex:1 1 auto;min-width:0;margin-left:0;padding:4px;overflow-x:auto;overflow-y:hidden;border:none;border-radius:8px;background:var(--color-surface-2);scrollbar-width:thin}.top.top--desktop-main .coffee-menu-button,.top.top--desktop-main .newCheck{flex:0 0 auto}.desktop-column--center .search-container,.desktop-column--center .categories{padding-left:2px;padding-right:2px}.desktop-column--center .menu{overflow-y:auto;max-height:100%;padding-right:6px;align-content:flex-start}.cart-drawer,.cart-drawer__backdrop,.cart-drawer-button{display:none}}@media (width: 1280px) and (height: 960px){.desktop-column--right{display:none}}@media (min-width: 1100px) and (max-width: 1366px){.desktop-column--right{display:none}}@keyframes category-pop{0%{transform:scale(.94)}to{transform:scale(1)}}@keyframes drawer-title-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.category-button--active,.cart-drawer__title,.cart-drawer__backdrop{animation:none}.category-button:hover,.category-button:active,.cart-drawer__close:hover,.cart-drawer__close:active{transform:none}}.app-header{padding:10px 12px;margin-bottom:10px;border:1px solid var(--color-divider);border-radius:var(--radius-container);background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);box-shadow:var(--glass-shadow-md),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.app-header__logo{font-size:clamp(22px,2vw,26px);font-weight:800;letter-spacing:.02em;color:var(--color-panel-strong)}.app-header__user-trigger{min-height:40px;border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface-2)}.app-header__user-menu,.app-header__mobile-menu{border:1px solid var(--color-divider);border-radius:var(--radius-card);background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.app-header__room-button,.app-header__mobile-item,.app-header__user-menu-item{min-height:38px;border-radius:var(--radius-control)}.coffee-menu-button{--ui-btn-width: 40px;--ui-btn-min-width: 40px;--ui-btn-height: 40px;--ui-btn-padding-x: 0;--ui-btn-font-size: 18px}.cart-drawer-button,.coffee-menu-button,.app-header__burger{--ui-btn-width: 40px;--ui-btn-min-width: 40px;--ui-btn-height: 40px;--ui-btn-padding-x: 0;border-radius:var(--radius-control);flex:0 0 40px;width:40px;min-width:40px;aspect-ratio:1 / 1}.app-header__room-actions{flex-wrap:wrap;justify-content:flex-end}.app-header__user-menu-item--leave-room,.app-header__user-menu-item--danger,.app-header__mobile-item--leave-room,.app-header__mobile-item--danger{--ui-btn-bg: var(--color-danger);--ui-btn-bg-hover: var(--color-danger-hover);--ui-btn-color: #ffffff;--ui-btn-border-color: color-mix(in srgb, var(--color-danger) 68%, #8f2f2f);background-color:var(--color-danger);color:#fff}.top{--top-btn-bg: var(--color-surface-2);--top-btn-bg-hover: var(--color-card-strong);--top-btn-bg-active: var(--color-surface-3);--top-btn-border: var(--color-divider);--top-btn-text: var(--color-text-primary);--top-btn-shadow: none;--top-btn-shadow-hover: none;border:1px solid var(--color-divider);border-radius:var(--radius-card);background:linear-gradient(145deg,#fffc,#ffffff59),var(--color-card-solid);color:var(--color-text-primary);box-shadow:var(--glass-shadow-sm),var(--glass-inset-soft)}.top.top--desktop-main{border-radius:var(--radius-card)}.category-button{border:1px solid var(--color-divider);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:13px;font-weight:600}.category-button--active{background-color:var(--color-button-bg);border-color:color-mix(in srgb,var(--color-button-bg) 78%,#193770);color:var(--color-button-text)}.category-button:hover{color:var(--color-text-primary);background:var(--color-card-strong);border-color:color-mix(in srgb,var(--color-border) 42%,var(--color-divider))}.category-button--active:hover{color:var(--color-text-secondary)}.room-modal-backdrop{background:var(--color-overlay-soft);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.room-modal{border:1px solid var(--color-divider);border-radius:var(--radius-container);background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);box-shadow:var(--glass-shadow-lg),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.room-modal__input,.member-list__select{border:1px solid var(--color-input-border);border-radius:var(--radius-control);background:var(--color-input-bg)}.room-modal__input:focus,.member-list__select:focus{outline:none;border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-input-border));box-shadow:0 0 0 3px var(--color-focus-ring)}.room-list__item{border-radius:var(--radius-control);box-shadow:0 4px 10px color-mix(in srgb,var(--color-shadow) 72%,transparent);transition:box-shadow var(--transition-default),transform var(--transition-fast)}.member-list__item{border:1px solid var(--color-divider);border-radius:var(--radius-control);background:var(--color-surface-2);box-shadow:0 3px 8px color-mix(in srgb,var(--color-shadow) 64%,transparent);transition:box-shadow var(--transition-default),transform var(--transition-fast)}.room-list{padding:3px 4px 3px 2px}.member-list{padding:4px 6px 12px 2px;scroll-padding-bottom:12px}.room-list__item:hover,.member-list__item:hover{transform:translateY(-1px);box-shadow:0 6px 12px color-mix(in srgb,var(--color-shadow) 76%,transparent)}.member-list__item--skeleton{box-shadow:none}.member-list__kick{border-radius:var(--radius-control)}.cart-drawer{background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);border-right:1px solid var(--color-divider);box-shadow:var(--glass-shadow-lg);transition:left var(--transition-slow);z-index:320}.cart-drawer__backdrop{background:var(--color-overlay-soft);z-index:310}.room-modal__close{--ui-btn-width: 34px;--ui-btn-min-width: 34px;--ui-btn-height: 34px;--ui-btn-padding-x: 0}.cart-drawer__close{--ui-btn-width: 36px;--ui-btn-min-width: 36px;--ui-btn-height: 36px;--ui-btn-padding-x: 0;display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;font-size:20px;line-height:1}.container.container--desktop .app-header{border:1px solid var(--color-divider);border-radius:var(--radius-container);background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);border-bottom:1px solid var(--color-divider)}.desktop-panel{border:1px solid var(--color-divider);border-radius:var(--radius-card);background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);box-shadow:var(--glass-shadow-sm),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.app-header{z-index:2;overflow:visible}.app-header.app-header--z0{z-index:0}.app-header__user-menu,.app-header__mobile-menu{z-index:3}.flex{position:relative;z-index:1}.top{z-index:1}.room-modal-backdrop{z-index:150}@media (min-width: 1024px){.app-header{z-index:2;isolation:isolate}.app-header__user-menu,.app-header__mobile-menu{z-index:3}.top{z-index:2}}:root[data-theme=dark] .app-header__room-button,:root[data-theme=dark] .app-header__user-menu-item,:root[data-theme=dark] .app-header__mobile-item,:root[data-theme=dark] .app-header__burger,:root[data-theme=dark] .cart-drawer-button,:root[data-theme=dark] .coffee-menu-button{--ui-btn-bg: color-mix(in srgb, var(--color-surface-2) 86%, #0f1f2f 14%);--ui-btn-bg-hover: color-mix( in srgb, var(--color-card-strong) 80%, #182b3d 20% );--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: color-mix( in srgb, var(--color-divider) 70%, #3e5f7d 30% )}:root[data-theme=dark] .top{--top-btn-bg: color-mix(in srgb, var(--color-surface-2) 88%, #0f1f2f 12%);--top-btn-bg-hover: color-mix( in srgb, var(--color-card-strong) 78%, #182b3d 22% );--top-btn-bg-active: color-mix( in srgb, var(--color-surface-3) 72%, #0f1f2f 28% );--top-btn-border: color-mix(in srgb, var(--color-divider) 70%, #3e5f7d 30%);--top-btn-text: var(--color-text-primary);background:linear-gradient(145deg,#1c2f40eb,#0f1e2ce6),var(--color-card-solid);border-color:color-mix(in srgb,var(--color-divider) 75%,#365572 25%)}:root[data-theme=dark] .top button{--ui-btn-border-color: var(--top-btn-border)}:root[data-theme=dark] .app-header__user-menu-item--leave-room,:root[data-theme=dark] .app-header__user-menu-item--danger,:root[data-theme=dark] .app-header__mobile-item--leave-room,:root[data-theme=dark] .app-header__mobile-item--danger{--ui-btn-bg: var(--color-danger);--ui-btn-bg-hover: var(--color-danger-hover);--ui-btn-color: #ffffff;--ui-btn-border-color: color-mix(in srgb, var(--color-danger) 72%, #8f2f2f);background-color:var(--color-danger);color:#fff}.admin-menu{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.admin-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (min-width: 1280px){.admin-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:116px;padding:14px;border:1px solid var(--color-divider);border-radius:var(--radius-card);background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-shadow-sm),var(--glass-inset-soft);transition:border-color var(--transition-default),box-shadow var(--transition-default),opacity var(--transition-default),filter var(--transition-default)}.admin-item:hover{border-color:color-mix(in srgb,var(--color-border) 45%,var(--color-divider));box-shadow:var(--glass-shadow-md),var(--glass-inset-soft)}.admin-item--inactive{opacity:.72;filter:saturate(.75);background:linear-gradient(145deg,#ffffff6b,#f8fcff2e),color-mix(in srgb,var(--color-card-solid) 75%,var(--color-panel))}.admin-item__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.admin-item__info{min-width:0;display:flex;flex-direction:column;gap:4px}.admin-item__name{font-size:17px;font-weight:700;color:var(--color-text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-item__price{font-size:15px;font-weight:600;color:var(--color-text-secondary)}.admin-item__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-item__category,.admin-item__status{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border:1px solid var(--color-divider);border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.01em}.admin-item__category{color:var(--color-text-secondary);background:var(--color-surface-2)}.admin-item__status{color:#8f6300;border-color:color-mix(in srgb,var(--color-warning) 45%,var(--color-divider));background:color-mix(in srgb,var(--color-warning) 22%,#ffffff)}:root[data-theme=dark] .admin-item__status{color:#ffdb9d;background:color-mix(in srgb,var(--color-warning) 24%,transparent)}.admin-item__actions{display:flex;flex-direction:row;gap:8px;flex:0 0 auto}.admin-item__button{--ui-btn-width: 36px;--ui-btn-min-width: 36px;--ui-btn-height: 36px;--ui-btn-padding-x: 0;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.admin-item__button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.admin-item__button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-border) 50%,var(--color-divider))}.admin-item__button--danger:hover{border-color:var(--color-danger);background-color:color-mix(in srgb,var(--color-danger) 18%,#ffffff);color:var(--color-danger-hover)}:root[data-theme=dark] .admin-item__button--danger:hover{background-color:color-mix(in srgb,var(--color-danger) 24%,transparent)}.admin-placeholder{padding:36px 18px;text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-divider);border-radius:var(--radius-card);background:var(--color-surface-2)}body.drawer-open{overflow:hidden}.item-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;justify-content:flex-end;background:var(--color-overlay-strong);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.item-drawer{width:min(420px,100%);height:100%;border-left:1px solid var(--color-divider);border-radius:20px 0 0 20px;background:linear-gradient(160deg,#ffffffe6,#f5fbffc2),var(--color-card-solid);display:flex;flex-direction:column;box-shadow:var(--glass-shadow-xl);animation:item-drawer-in var(--transition-slow);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}:root[data-theme=dark] .item-drawer{background:linear-gradient(160deg,#203749fa,#142533f5),var(--color-card-solid)}.item-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px 12px;border-bottom:1px solid var(--color-divider)}.item-drawer__header h3{margin:0;font-size:20px;color:var(--color-text-primary)}.item-drawer__close{--ui-btn-width: 36px;--ui-btn-min-width: 36px;--ui-btn-height: 36px;--ui-btn-padding-x: 0;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.item-drawer__form{min-height:0;flex:1;display:flex;flex-direction:column}.item-drawer__scroll{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:16px 18px 12px}.item-drawer__label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.item-drawer__input{width:100%;height:44px;padding:0 12px;font-size:14px;border:1px solid var(--color-input-border);border-radius:var(--radius-control);background-color:var(--color-input-bg);color:var(--color-text-primary);outline:none;box-sizing:border-box;transition:border-color var(--transition-default),box-shadow var(--transition-default)}.item-drawer__input:focus{border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-input-border));box-shadow:0 0 0 3px var(--color-focus-ring)}.item-drawer__category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:210px;overflow-y:auto;padding-right:4px}.item-drawer__chip{--ui-btn-width: 100%;--ui-btn-min-width: 0;--ui-btn-height: 36px;--ui-btn-padding-x: 10px;--ui-btn-font-size: 13px;--ui-btn-font-weight: 600;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none;justify-content:flex-start;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-drawer__chip--active{--ui-btn-bg: color-mix(in srgb, var(--color-button-bg) 16%, #ffffff);--ui-btn-bg-hover: color-mix(in srgb, var(--color-button-bg) 20%, #ffffff);--ui-btn-border-color: color-mix(in srgb, var(--color-button-bg) 58%, var(--color-divider));--ui-btn-color: color-mix(in srgb, var(--color-button-bg) 78%, #113467)}.item-drawer__delete-category{--ui-btn-width: fit-content;--ui-btn-min-width: 0;--ui-btn-height: 34px;--ui-btn-padding-x: 12px;--ui-btn-font-size: 13px;--ui-btn-radius: var(--radius-control);--ui-btn-bg: color-mix(in srgb, var(--color-danger) 14%, #fff);--ui-btn-bg-hover: color-mix(in srgb, var(--color-danger) 20%, #fff);--ui-btn-color: var(--color-danger-hover);--ui-btn-border-color: color-mix(in srgb, var(--color-danger) 52%, var(--color-divider));--ui-btn-shadow: none;--ui-btn-shadow-hover: none}:root[data-theme=dark] .item-drawer__delete-category{--ui-btn-bg: color-mix(in srgb, var(--color-danger) 24%, transparent);--ui-btn-bg-hover: color-mix(in srgb, var(--color-danger) 32%, transparent);--ui-btn-color: #ffd1d1}.item-drawer__delete-category:disabled{opacity:.6;cursor:not-allowed}.item-drawer__checkbox{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:14px;color:var(--color-text-primary)}.item-drawer__checkbox input[type=checkbox]{width:18px;height:18px}.item-drawer__footer{position:sticky;bottom:0;display:flex;gap:8px;justify-content:flex-end;padding:12px 18px 16px;border-top:1px solid var(--color-divider);background:linear-gradient(180deg,#f7fbffbd,#f7fbfffa),var(--color-card-solid)}:root[data-theme=dark] .item-drawer__footer{background:linear-gradient(180deg,#142533b8,#142533fa),var(--color-card-solid)}.item-drawer__button{--ui-btn-width: auto;--ui-btn-height: 40px;--ui-btn-padding-x: 14px;--ui-btn-font-size: 14px;--ui-btn-radius: var(--radius-control)}.item-drawer__button--primary{--ui-btn-bg: var(--color-button-bg);--ui-btn-bg-hover: var(--color-button-bg-hover);--ui-btn-color: var(--color-button-text)}.item-drawer__button--secondary{--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary)}@keyframes item-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 767px){.item-drawer{width:100%;border-left:none;border-radius:0}.item-drawer__footer{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.item-drawer{animation:none}}html,body{max-width:100%;overflow-x:hidden}.admin-container{max-width:1600px;width:100%;margin:0 auto;padding:22px 12px 30px;color:var(--color-text-primary);min-height:100vh;font-family:Segoe UI,Inter,sans-serif}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding:16px 18px;border-radius:var(--radius-container);border:1px solid var(--color-divider);background:linear-gradient(145deg,var(--glass-linear-1),var(--glass-linear-2)),var(--color-card-solid);box-shadow:var(--glass-shadow-md),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.admin-header__main{min-width:0}.admin-header__title{margin:0;font-size:clamp(24px,2.6vw,31px);color:var(--color-text-primary);line-height:1.15}.admin-header__subtitle{margin-top:4px;color:var(--color-text-secondary);font-size:14px}.admin-header__actions{display:flex;align-items:center}.admin-link{--ui-btn-height: 40px;--ui-btn-padding-x: 14px;--ui-btn-font-size: 14px;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary);--ui-btn-border-color: var(--color-divider);text-decoration:none;font-weight:600}.admin-link:hover{transform:translateY(-1px)}.admin-toolbar{position:sticky;top:10px;z-index:8;display:grid;gap:10px;padding:12px;margin-bottom:14px;border-radius:var(--radius-container);border:1px solid var(--color-divider);background:linear-gradient(145deg,#ffffffd1,#fff6),var(--color-card-solid);box-shadow:var(--glass-shadow-md),var(--glass-inset-soft);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}:root[data-theme=dark] .admin-toolbar{background:linear-gradient(145deg,#1e3448f0,#142432e6),var(--color-card-solid)}.admin-toolbar__row{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-search{position:relative;width:100%}.admin-search-input{width:100%;height:42px;padding:0 40px 0 13px;font-size:14px;border:1px solid var(--color-input-border);border-radius:var(--radius-control);background-color:var(--color-input-bg);color:var(--color-text-primary);outline:none;box-sizing:border-box;transition:border-color var(--transition-default),box-shadow var(--transition-default),background-color var(--transition-default)}.admin-search-input:focus{border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-input-border));box-shadow:0 0 0 3px var(--color-focus-ring)}.admin-search-clear{position:absolute;top:50%;right:7px;transform:translateY(-50%);--ui-btn-width: 26px;--ui-btn-min-width: 26px;--ui-btn-height: 26px;--ui-btn-padding-x: 0;--ui-btn-font-size: 15px;--ui-btn-radius: 50%;--ui-btn-bg: transparent;--ui-btn-bg-hover: var(--color-surface-2);--ui-btn-color: var(--color-text-muted);--ui-btn-border-color: transparent;--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.admin-search-clear:hover{color:var(--color-text-primary)}.admin-pill,.admin-status-tab{--ui-btn-width: auto;--ui-btn-height: 34px;--ui-btn-padding-x: 13px;--ui-btn-font-size: 13px;--ui-btn-font-weight: 600;--ui-btn-radius: var(--radius-pill);--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-secondary);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: none;--ui-btn-shadow-hover: none}.admin-pill--active,.admin-status-tab--active{--ui-btn-bg: var(--color-button-bg);--ui-btn-bg-hover: var(--color-button-bg-hover);--ui-btn-color: var(--color-button-text);--ui-btn-border-color: color-mix(in srgb, var(--color-button-bg) 78%, #193770)}.admin-status-tab{min-width:96px;justify-content:center}.admin-add-button{--ui-btn-width: auto;--ui-btn-height: 42px;--ui-btn-padding-x: 16px;--ui-btn-font-size: 14px;--ui-btn-font-weight: 700;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-button-bg);--ui-btn-bg-hover: var(--color-button-bg-hover);--ui-btn-color: var(--color-button-text);--ui-btn-border-color: color-mix(in srgb, var(--color-button-bg) 78%, #193770)}.admin-add-button:hover{transform:translateY(-1px)}.admin-placeholder{padding:40px 14px;text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-divider);border-radius:var(--radius-card);background:var(--color-surface-2)}@media (min-width: 768px){.admin-container{padding:22px 16px 34px}.admin-toolbar{grid-template-columns:minmax(240px,1fr) auto;grid-template-areas:"search add" "categories categories" "status status";column-gap:12px;row-gap:10px;padding:14px}.admin-toolbar__row--search{grid-area:search}.admin-toolbar__row--actions{grid-area:add;justify-content:flex-end}.admin-toolbar__row--categories{grid-area:categories}.admin-toolbar__row--status{grid-area:status}}@media (max-width: 767px){.admin-header{flex-direction:column;align-items:flex-start;padding:14px}.admin-header__actions,.admin-link,.admin-add-button{width:100%}}.register-page{min-height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;justify-content:center;padding:20px}.register-card{width:min(420px,100%);display:flex;flex-direction:column;gap:10px;background:var(--color-card);border:2px solid var(--color-divider);border-radius:12px;padding:18px}.register-title{margin:0;text-align:left}.register-subtitle{margin:0 0 6px;color:var(--color-text-secondary);font-size:14px}.register-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.register-switch__item{width:100%;min-width:0;font-size:14px}.register-switch__item--active{background-color:var(--color-button-alt-bg);color:var(--color-button-alt-text);border-color:var(--color-button-alt-bg)}.register-label{font-size:14px;font-weight:600}.register-input{width:100%;border:2px solid var(--color-divider);border-radius:8px;padding:10px 12px;font-size:16px;color:var(--color-text-primary);background:var(--color-app-bg)}.register-button{width:100%;height:44px;margin-top:6px}.register-hint{margin:2px 0;color:var(--color-text-secondary);font-size:12px;line-height:1.35}.register-error{margin:2px 0;color:var(--color-text-primary);font-size:14px}:root{color-scheme:light;--color-app-bg: #eef4f8;--color-panel: #e3edf5;--color-panel-strong: #17324d;--color-card: rgba(255, 255, 255, .72);--color-card-solid: #f7fbff;--color-card-strong: rgba(255, 255, 255, .86);--color-surface-2: rgba(255, 255, 255, .65);--color-surface-3: rgba(232, 241, 248, .95);--color-text-primary: #16324a;--color-text-secondary: #5f7a92;--color-text-muted: rgba(95, 122, 146, .82);--color-border: #2f6bff;--color-divider: rgba(120, 154, 186, .22);--color-focus-ring: rgba(47, 107, 255, .35);--color-input-bg: rgba(255, 255, 255, .88);--color-input-border: rgba(120, 154, 186, .4);--color-placeholder: rgba(95, 122, 146, .9);--color-button-bg: #2f6bff;--color-button-bg-hover: #2457d6;--color-button-text: #f8fbff;--color-button-alt-bg: #17324d;--color-button-alt-text: #f8fbff;--color-chip-bg: rgba(47, 107, 255, .1);--color-chip-text: #1f4e9f;--color-overlay-strong: rgba(22, 50, 74, .52);--color-overlay-soft: rgba(22, 50, 74, .34);--color-shadow: rgba(60, 94, 126, .16);--color-success: #2ebd85;--color-warning: #f2b94b;--color-danger: #f06565;--color-danger-hover: #dc5151;--glass-blur: 12px;--glass-saturate: 120%;--glass-contrast: 102%;--glass-noise-opacity: 0;--glass-noise-url: none;--radius-container: 20px;--radius-card: 16px;--radius-control: 12px;--radius-pill: 999px;--transition-fast: .16s ease;--transition-default: .2s ease;--transition-slow: .24s ease;--glass-shadow-sm: 0 6px 14px var(--color-shadow);--glass-shadow-md: 0 10px 24px var(--color-shadow);--glass-shadow-lg: 0 16px 34px rgba(60, 94, 126, .2);--glass-shadow-xl: 0 22px 44px rgba(60, 94, 126, .2);--glass-inset-strong: inset 0 1px 0 rgba(255, 255, 255, .68);--glass-inset-soft: inset 0 1px 0 rgba(255, 255, 255, .52);--glass-highlight: rgba(255, 255, 255, .4);--glass-shadow-tint: rgba(54, 82, 108, .08);--glass-linear-1: rgba(255, 255, 255, .56);--glass-linear-2: rgba(255, 255, 255, .15)}:root[data-theme=dark]{color-scheme:dark;--color-app-bg: #101b26;--color-panel: #152736;--color-panel-strong: #0f1f2f;--color-card: rgba(20, 37, 51, .78);--color-card-solid: #1a2f42;--color-card-strong: rgba(27, 48, 66, .92);--color-surface-2: rgba(31, 55, 74, .78);--color-surface-3: rgba(17, 31, 44, .92);--color-text-primary: #e5f1fb;--color-text-secondary: #a9c0d8;--color-text-muted: rgba(169, 192, 216, .82);--color-border: #5f8dff;--color-divider: rgba(150, 183, 214, .28);--color-focus-ring: rgba(95, 141, 255, .45);--color-input-bg: rgba(24, 45, 62, .92);--color-input-border: rgba(121, 157, 191, .5);--color-placeholder: rgba(168, 194, 218, .86);--color-button-bg: #4b7bff;--color-button-bg-hover: #3f6de5;--color-button-text: #f4f8ff;--color-button-alt-bg: #223f5c;--color-button-alt-text: #f4f8ff;--color-chip-bg: rgba(95, 141, 255, .2);--color-chip-text: #d8e6ff;--color-overlay-strong: rgba(7, 15, 23, .72);--color-overlay-soft: rgba(7, 15, 23, .46);--color-shadow: rgba(2, 7, 13, .45);--color-success: #3acb95;--color-warning: #f5be5d;--color-danger: #ff7d7d;--color-danger-hover: #ee6666;--glass-highlight: rgba(255, 255, 255, .16);--glass-shadow-tint: rgba(0, 0, 0, .26);--glass-linear-1: rgba(255, 255, 255, .08);--glass-linear-2: rgba(255, 255, 255, .02)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}*::selection{background:transparent}:root{--vh: 1vh}body{margin:0;font-family:Segoe UI,Inter,Manrope,SF Pro Text,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-app-bg);background-image:radial-gradient(circle at 12% 12%,#ffffffb8,#fff0 46%),radial-gradient(circle at 84% 18%,#b7d3ee57,#b7d3ee00 48%),radial-gradient(circle at 20% 86%,#a0c1de57,#a0c1de00 52%),linear-gradient(180deg,#f4f8fc 0%,var(--color-app-bg) 58%,#e9f1f8 100%);background-attachment:fixed;color:var(--color-text-primary)}:root[data-theme=dark] body{background-image:radial-gradient(circle at 14% 14%,#385e8038,#385e8000 42%),radial-gradient(circle at 82% 18%,#2b4d783d,#2b4d7800 50%),radial-gradient(circle at 22% 84%,#223d5b47,#223d5b00 50%),linear-gradient(180deg,#0d1924 0%,var(--color-app-bg) 58%,#0f1c29 100%)}#root{width:100%;min-height:calc(var(--vh, 1vh) * 100);background:transparent}button,.ui-button{--ui-btn-width: auto;--ui-btn-min-width: 40px;--ui-btn-height: 40px;--ui-btn-padding-x: 12px;--ui-btn-font-size: 15px;--ui-btn-font-weight: 600;--ui-btn-radius: var(--radius-control);--ui-btn-bg: var(--color-button-bg);--ui-btn-bg-hover: var(--color-button-bg-hover);--ui-btn-color: var(--color-button-text);--ui-btn-border-color: var(--color-divider);--ui-btn-shadow: var(--glass-shadow-sm);--ui-btn-shadow-hover: var(--glass-shadow-md);--ui-btn-active-transform: translateY(1px) scale(.99);width:var(--ui-btn-width);min-width:var(--ui-btn-min-width);height:var(--ui-btn-height);padding:0 var(--ui-btn-padding-x);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;white-space:nowrap;border:2px solid var(--ui-btn-border-color);border-radius:var(--ui-btn-radius);color:var(--ui-btn-color);background-color:var(--ui-btn-bg);box-shadow:var(--ui-btn-shadow);font-size:var(--ui-btn-font-size);font-weight:var(--ui-btn-font-weight);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default),color var(--transition-default),transform var(--transition-fast),opacity var(--transition-default);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}button:hover,.ui-button:hover{background-color:var(--ui-btn-bg-hover);box-shadow:var(--ui-btn-shadow-hover);border-color:color-mix(in srgb,var(--ui-btn-border-color) 72%,var(--color-border))}button:active,.ui-button:active{transform:var(--ui-btn-active-transform)}button:disabled,.ui-button:disabled{cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}button:focus-visible,.ui-button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.ui-button--secondary{--ui-btn-bg: var(--color-surface-2);--ui-btn-bg-hover: var(--color-card-strong);--ui-btn-color: var(--color-text-primary)}.ui-button--danger{--ui-btn-bg: var(--color-danger);--ui-btn-bg-hover: var(--color-danger-hover);--ui-btn-color: #fff;--ui-btn-border-color: color-mix(in srgb, var(--color-danger) 70%, #9f3939)}.ui-button--icon{--ui-btn-width: 38px;--ui-btn-min-width: 38px;--ui-btn-height: 38px;--ui-btn-padding-x: 0}:where(.register-card,.admin-item,.item,.cart__item,.search-input,.top,.room-modal,.app-header__user-menu,.app-header__mobile-menu,.desktop-panel,.cart-drawer,.coffee-menu-panel,.secret-menu-panel,.change-modal__content,.item-drawer,.bottom,.member-list__item,.coffee-menu-row,.admin-link){box-shadow:var(--glass-shadow-md)}