/* ════════════════════════════════════════════════════════════════════════
   ⚠️ مُولَّد — لا تعدّله يدوياً. أعد توليده: node tools/gen-light-theme.mjs
   الوضعُ الفاتح لصفحة النزيل: مقابلُ كلِّ لونٍ في الأوراق الليلية، بالخريطة
   نفسها التي يستعملها js/theme.js (js/shared/theme-map.js).
   اللمساتُ اليدوية في css/zawaya-light.css (يُحمَّل بعده).
   847 قاعدة · 1577 خاصّية
   ════════════════════════════════════════════════════════════════════════ */
/*  ── css/zawaya-main.css ──  */
:root[data-theme="light"] .zw-chat-link {
    color: rgb(17, 41, 151);
    border-bottom: 1px solid rgba(25, 53, 179, 0.54)
}
:root[data-theme="light"] .zw-chat-link:hover, :root[data-theme="light"] .zw-chat-link:focus-visible {
    border-bottom-color: rgba(25, 53, 179, 0.9)
}
:root[data-theme="light"] body {
    background: var(--bg-app);
    color: var(--text-primary)
}
:root[data-theme="light"] body::before {
    background: radial-gradient(ellipse 80% 60% at 20% 20%, rgba(215, 227, 230, 0.5) 0%, transparent 60%),
                radial-gradient(ellipse 60% 50% at 80% 80%, rgba(210, 227, 229, 0.4) 0%, transparent 60%),
                radial-gradient(ellipse 100% 80% at 50% 50%, rgba(242, 244, 245, 0.9) 0%, transparent 100%);
    background-color: rgb(244, 246, 247)
}
:root[data-theme="light"] body::after {
    background: none
}
:root[data-theme="light"] .app-header {
    background: transparent;
    border: none;
    box-shadow: none
}
:root[data-theme="light"] .header-chip {
    background: rgba(236, 240, 242, 0.4);
    border: 1px solid rgba(51, 153, 114, 0.338);
    color: rgba(16, 32, 36, 0.878);
    box-shadow: 0 4px 16px rgba(16, 32, 36, 0.056), inset 0 1px 0 rgba(255, 255, 255, 0.05)
}
:root[data-theme="light"] .header-chip:hover {
    background: rgba(94, 201, 160, 0.188);
    border-color: rgba(51, 153, 114, 0.675);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] #guestMenuBtn {
    background: none;
    border: none;
    box-shadow: none;
    color: rgba(16, 32, 36, 0.79)
}
:root[data-theme="light"] #guestMenuBtn:hover {
    background: none;
    border: none;
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .guest-menu-backdrop {
    background: rgba(246, 248, 249, 0.45)
}
:root[data-theme="light"] .guest-menu {
    background: rgba(242, 244, 246, 0.97);
    border: 1px solid rgba(51, 153, 114, 0.324);
    box-shadow: 0 18px 48px rgba(16, 32, 36, 0.154), inset 0 1px 0 rgba(255, 255, 255, 0.06)
}
:root[data-theme="light"] .guest-menu-sep {
    background: rgba(16, 32, 36, 0.09)
}
:root[data-theme="light"] .nav-item {
    color: rgba(16, 32, 36, 0.77);
    border: 1px solid transparent
}
:root[data-theme="light"] .nav-item:focus-visible, :root[data-theme="light"] .header-chip:focus-visible {
    outline: 2px solid rgba(0, 204, 146, 0.9);
    box-shadow: 0 0 0 4px rgba(112, 234, 200, 0.077)
}
:root[data-theme="light"] .nav-item:hover {
    background: rgba(94, 201, 160, 0.15);
    color: rgba(16, 32, 36, 0.94);
    border-color: rgba(51, 153, 114, 0.405)
}
:root[data-theme="light"] .nav-text {
    background: rgba(244, 246, 248, 0.98);
    border: 1px solid rgba(51, 153, 114, 0.297);
    box-shadow: 0 6px 18px rgba(16, 32, 36, 0.126);
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .chat-header {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-sm)
}
:root[data-theme="light"] .header-title {
    background: var(--gradient-primary);
    -webkit-text-fill-color: transparent
}
:root[data-theme="light"] .header-btn {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    color: var(--text-secondary)
}
:root[data-theme="light"] .header-btn:hover {
    background: var(--glass-bg-hover);
    color: var(--text-primary)
}
:root[data-theme="light"] .chat-container {
    background: transparent;
    border: none;
    box-shadow: none
}
:root[data-theme="light"] .chat-messages::-webkit-scrollbar-track {
    background: transparent
}
:root[data-theme="light"] .chat-messages::-webkit-scrollbar-thumb {
    background: var(--glass-border)
}
:root[data-theme="light"] .chat-messages::-webkit-scrollbar-thumb:hover {
    background: var(--glass-bg-hover)
}
:root[data-theme="light"] .welcome-title {
    background: var(--gradient-primary);
    -webkit-text-fill-color: transparent
}
:root[data-theme="light"] .welcome-subtitle {
    color: var(--text-secondary)
}
:root[data-theme="light"] .welcome-prompts-heading {
    color: rgba(11, 158, 112, 0.92)
}
:root[data-theme="light"] .welcome-prompt {
    border: 1px solid rgba(26, 178, 136, 0.216);
    background: radial-gradient(circle at 100% 0%, rgba(109, 236, 201, 0.1), transparent 60%),
                linear-gradient(150deg, rgba(231, 237, 238, 0.5), rgba(242, 244, 245, 0.72));
    color: rgba(8, 160, 103, 0.92);
    box-shadow: 0 8px 22px rgba(16, 32, 36, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.04)
}
:root[data-theme="light"] .welcome-prompt:hover, :root[data-theme="light"] .welcome-prompt:focus-visible {
    border-color: rgba(16, 188, 137, 0.675);
    color: rgba(16, 32, 36, 0.94);
    outline: none;
    box-shadow: 0 14px 30px rgba(16, 32, 36, 0.067), 0 0 26px rgba(79, 213, 174, 0.066),
                        inset 0 1px 0 rgba(255, 255, 255, 0.06)
}
:root[data-theme="light"] .welcome-prompt-icon {
    border: 1px solid rgba(15, 189, 138, 0.324);
    background: linear-gradient(145deg, rgba(129, 244, 211, 0.25), rgba(219, 236, 232, 0.1));
    color: rgba(8, 160, 106, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14)
}
:root[data-theme="light"] .welcome-prompt:hover .welcome-prompt-icon, :root[data-theme="light"] .welcome-prompt:focus-visible .welcome-prompt-icon {
    border-color: rgba(15, 189, 138, 0.608);
    background: linear-gradient(145deg, rgba(129, 244, 211, 0.4), rgba(219, 236, 232, 0.16))
}
:root[data-theme="light"] .welcome-prompt-arrow {
    color: rgba(10, 158, 114, 0.92)
}
:root[data-theme="light"] .welcome-prompt:hover .welcome-prompt-arrow, :root[data-theme="light"] .welcome-prompt:focus-visible .welcome-prompt-arrow {
    color: rgba(10, 158, 114, 0.95)
}
:root[data-theme="light"] .welcome-action {
    border: 1px solid rgba(26, 178, 136, 0.176);
    background: linear-gradient(150deg, rgba(231, 237, 238, 0.34), rgba(242, 244, 245, 0.56));
    color: rgba(8, 160, 103, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03)
}
:root[data-theme="light"] .welcome-action:hover, :root[data-theme="light"] .welcome-action:focus-visible {
    border-color: rgba(16, 188, 137, 0.594);
    color: rgba(16, 32, 36, 0.94);
    outline: none;
    box-shadow: 0 12px 26px rgba(16, 32, 36, 0.062), 0 0 22px rgba(79, 213, 174, 0.055),
                        inset 0 1px 0 rgba(255, 255, 255, 0.05)
}
:root[data-theme="light"] .welcome-action-icon {
    border: 1px solid rgba(15, 189, 138, 0.27);
    background: linear-gradient(145deg, rgba(129, 244, 211, 0.2), rgba(219, 236, 232, 0.08));
    color: rgba(8, 160, 106, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12)
}
:root[data-theme="light"] .welcome-action:hover .welcome-action-icon, :root[data-theme="light"] .welcome-action:focus-visible .welcome-action-icon {
    border-color: rgba(15, 189, 138, 0.567);
    background: linear-gradient(145deg, rgba(129, 244, 211, 0.35), rgba(219, 236, 232, 0.14))
}
:root[data-theme="light"] .section-title {
    color: var(--text-primary)
}
:root[data-theme="light"] .message.ai .message-avatar {
    background: linear-gradient(145deg, rgba(129, 244, 211, 0.35), rgba(219, 236, 232, 0.16));
    border: 1px solid rgba(15, 189, 138, 0.54);
    box-shadow: 0 8px 20px rgba(16, 32, 36, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    color: rgba(8, 160, 106, 0.96)
}
:root[data-theme="light"] .message.user .message-avatar {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border)
}
:root[data-theme="light"] .message.ai .message-bubble {
    background: radial-gradient(circle at 100% 0%, rgba(109, 236, 201, 0.075), transparent 62%),
                linear-gradient(150deg, rgba(231, 237, 238, 0.42), rgba(242, 244, 245, 0.6));
    border: 1px solid rgba(26, 178, 136, 0.216);
    box-shadow: 0 10px 26px rgba(16, 32, 36, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.04)
}
:root[data-theme="light"] .message.user .message-bubble {
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.9), rgba(226, 238, 234, 0.9));
    border: 1px solid rgba(16, 188, 137, 0.378);
    color: rgb(6, 35, 28);
    box-shadow: 0 10px 26px rgba(16, 32, 36, 0.056), inset 0 1px 0 rgba(255, 255, 255, 0.22)
}
:root[data-theme="light"] .typing-dot {
    background: var(--brand-primary)
}
:root[data-theme="light"] .stream-status {
    color: rgba(16, 32, 36, 0.654)
}
:root[data-theme="light"] .stream-caret {
    background: rgba(94, 201, 160, 0.95);
    box-shadow: 0 0 6px rgba(94, 201, 160, 0.248)
}
:root[data-theme="light"] .place-name {
    color: var(--text-primary)
}
:root[data-theme="light"] .place-details {
    color: var(--text-secondary)
}
:root[data-theme="light"] .place-distance {
    background: var(--gradient-cyan);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .chat-input-bar {
    background: transparent;
    border: none
}
:root[data-theme="light"] .chat-input-bar.bottom {
    background: transparent;
    box-shadow: none
}
:root[data-theme="light"] .chat-length-hint {
    color: rgba(16, 32, 36, 0.586)
}
:root[data-theme="light"] .chat-length-hint.is-over {
    color: rgb(160, 8, 8)
}
:root[data-theme="light"] .input-container {
    background: linear-gradient(150deg, rgba(238, 241, 242, 0.72), rgba(244, 246, 248, 0.82));
    border: 1px solid rgba(26, 178, 136, 0.243);
    box-shadow: 0 12px 30px rgba(16, 32, 36, 0.09),
                inset 0 1px 0 rgba(255, 255, 255, 0.05)
}
:root[data-theme="light"] .input-container:focus-within {
    border-color: rgba(16, 188, 137, 0.675);
    box-shadow: 0 16px 38px rgba(16, 32, 36, 0.112),
                0 0 30px rgba(79, 213, 174, 0.077),
                inset 0 1px 0 rgba(255, 255, 255, 0.06)
}
:root[data-theme="light"] .chat-input {
    background: transparent;
    border: none;
    outline: none;
    color: var(--text-primary)
}
:root[data-theme="light"] .chat-input::placeholder {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .filter-btn {
    background: rgba(112, 234, 200, 0.188);
    border: 1.5px solid rgba(26, 178, 136, 0.405);
    box-shadow: 0 2px 10px rgba(112, 234, 200, 0.11),
                0 0 0 1px rgba(255, 255, 255, 0.06) inset
}
:root[data-theme="light"] .filter-btn:hover {
    background: rgba(112, 234, 200, 0.313);
    border-color: rgba(26, 178, 136, 0.608);
    box-shadow: 0 4px 16px rgba(112, 234, 200, 0.165),
                0 0 0 1px rgba(255, 255, 255, 0.08) inset
}
:root[data-theme="light"] .filter-btn svg {
    stroke: rgba(18, 150, 113, 0.95)
}
:root[data-theme="light"] .voice-btn {
    background: rgba(16, 32, 36, 0.09);
    border: 1.5px solid rgba(16, 32, 36, 0.227);
    box-shadow: 0 2px 10px rgba(16, 32, 36, 0.07),
                0 0 0 1px rgba(255, 255, 255, 0.06) inset
}
:root[data-theme="light"] .voice-btn:hover {
    background: rgba(16, 32, 36, 0.135);
    box-shadow: 0 4px 14px rgba(16, 32, 36, 0.084),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset
}
:root[data-theme="light"] .voice-btn.recording {
    background: rgba(239, 68, 68, 0.313);
    border-color: rgba(188, 16, 16, 0.675)
}
:root[data-theme="light"] .voice-btn svg {
    stroke: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .send-btn {
    background: linear-gradient(135deg,
                    rgba(112, 234, 200, 0.438) 0%,
                    rgba(94, 201, 160, 0.45) 100%);
    border: 1.5px solid rgba(26, 178, 136, 0.54);
    box-shadow: 0 4px 16px rgba(112, 234, 200, 0.165),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 1px 3px rgba(16, 32, 36, 0.084)
}
:root[data-theme="light"] .send-btn:hover:not(:disabled) {
    background: linear-gradient(135deg,
                    rgba(112, 234, 200, 0.45) 0%,
                    rgba(94, 201, 160, 0.55) 100%);
    box-shadow: 0 6px 20px rgba(112, 234, 200, 0.22),
                0 0 0 1px rgba(255, 255, 255, 0.15) inset,
                0 2px 4px rgba(16, 32, 36, 0.112)
}
:root[data-theme="light"] .action-btn[data-mode="voice"] {
    background: rgba(16, 32, 36, 0.09);
    border: 1.5px solid rgba(16, 32, 36, 0.227);
    box-shadow: 0 2px 10px rgba(16, 32, 36, 0.07),
                0 0 0 1px rgba(255, 255, 255, 0.06) inset
}
:root[data-theme="light"] .action-btn[data-mode="voice"]:hover {
    background: rgba(16, 32, 36, 0.135);
    box-shadow: 0 4px 14px rgba(16, 32, 36, 0.084),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset
}
:root[data-theme="light"] .action-btn[data-mode="voice"].recording {
    background: rgba(239, 68, 68, 0.313);
    border-color: rgba(188, 16, 16, 0.675)
}
:root[data-theme="light"] .voice-lang-chip {
    border: 1.5px solid rgba(188, 16, 16, 0.54);
    background: rgba(239, 68, 68, 0.175);
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .voice-lang-chip:hover {
    background: rgba(239, 68, 68, 0.275)
}
:root[data-theme="light"] .voice-lang-chip:focus-visible {
    outline: 2px solid rgba(0, 204, 146, 0.9)
}
:root[data-theme="light"] .chat-input-bar.is-recording .input-container {
    box-shadow: 0 0 0 1.5px rgba(239, 68, 68, 0.193),
                0 0 22px rgba(239, 68, 68, 0.077)
}
:root[data-theme="light"] .action-btn[data-mode="send"] {
    background: linear-gradient(135deg,
                    rgba(112, 234, 200, 0.438) 0%,
                    rgba(94, 201, 160, 0.45) 100%);
    border: 1.5px solid rgba(26, 178, 136, 0.54);
    box-shadow: 0 4px 16px rgba(112, 234, 200, 0.165),
                0 0 0 1px rgba(255, 255, 255, 0.1) inset,
                0 1px 3px rgba(16, 32, 36, 0.084)
}
:root[data-theme="light"] .action-btn[data-mode="send"]:hover:not(:disabled) {
    background: linear-gradient(135deg,
                    rgba(112, 234, 200, 0.45) 0%,
                    rgba(94, 201, 160, 0.55) 100%);
    box-shadow: 0 6px 20px rgba(112, 234, 200, 0.22),
                0 0 0 1px rgba(255, 255, 255, 0.15) inset,
                0 2px 4px rgba(16, 32, 36, 0.112)
}
:root[data-theme="light"] .action-btn .voice-icon {
    stroke: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .action-btn .send-icon svg {
    stroke: rgba(16, 32, 36, 0.94);
    fill: none
}
:root[data-theme="light"] .send-icon svg {
    stroke: currentColor;
    fill: none
}
:root[data-theme="light"] .map-container {
    border: 1px solid var(--glass-border)
}
@media (max-width: 768px) {
    :root[data-theme="light"] .chat-input-bar {
        background: linear-gradient(to bottom, transparent 0%, var(--bg-app, rgb(244, 246, 247)) 30%) !important;
        box-shadow: none !important;
        border: none !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .input-container {
        background: rgba(238, 240, 241, 0.97) !important;
        border: 1px solid rgba(51, 153, 114, 0.338) !important;
        box-shadow: 0 4px 24px rgba(16, 32, 36, 0.14) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .input-container:focus-within {
        border-color: rgba(16, 188, 137, 0.675) !important;
        background: rgba(241, 243, 244, 0.98) !important;
        box-shadow: 0 8px 40px rgba(16, 32, 36, 0.14), 0 0 26px rgba(79, 213, 174, 0.077) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .chat-input {
        background: transparent !important;
        border: none !important;
        outline: none !important;
        color: rgba(16, 32, 36, 0.94) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .chat-input::placeholder {
        color: rgba(16, 32, 36, 0.62) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .filter-btn {
        background: rgba(112, 234, 200, 0.188) !important;
        border: 1.5px solid rgba(26, 178, 136, 0.473) !important;
        box-shadow: 0 2px 8px rgba(112, 234, 200, 0.11),
                    0 1px 4px rgba(16, 32, 36, 0.056),
                    0 0 0 1px rgba(255, 255, 255, 0.06) inset !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .filter-btn:active {
        box-shadow: 0 1px 4px rgba(112, 234, 200, 0.165) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .filter-btn svg {
        stroke: rgba(18, 150, 113, 0.92) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .voice-btn {
        background: rgba(16, 32, 36, 0.108) !important;
        border: 2px solid rgba(16, 32, 36, 0.308) !important;
        box-shadow: 0 3px 12px rgba(16, 32, 36, 0.084),
                    0 0 0 1px rgba(255, 255, 255, 0.08) inset !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .send-btn {
        background: linear-gradient(135deg,
                        rgba(112, 234, 200, 0.5) 0%,
                        rgba(226, 236, 232, 0.6) 50%,
                        rgba(221, 230, 227, 0.65) 100%) !important;
        border: 2px solid rgba(26, 178, 136, 0.743) !important;
        box-shadow: 0 6px 25px rgba(112, 234, 200, 0.248),
                    0 3px 12px rgba(16, 32, 36, 0.098),
                    0 0 0 1px rgba(255, 255, 255, 0.15) inset !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .voice-btn:active, :root[data-theme="light"] .send-btn:not(:disabled):active {
        box-shadow: 0 2px 10px rgba(112, 234, 200, 0.165) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .voice-btn svg {
        stroke: rgba(16, 32, 36, 0.926) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .send-btn svg, :root[data-theme="light"] .send-icon svg {
        stroke: rgba(16, 32, 36, 0.94) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .action-btn[data-mode="voice"] {
        background: rgba(16, 32, 36, 0.108) !important;
        border: 1.5px solid rgba(16, 32, 36, 0.25) !important;
        box-shadow: 0 2px 10px rgba(16, 32, 36, 0.07),
                    0 1px 4px rgba(16, 32, 36, 0.056),
                    0 0 0 1px rgba(255, 255, 255, 0.08) inset !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .action-btn[data-mode="send"] {
        background: linear-gradient(135deg,
                        rgba(112, 234, 200, 0.5) 0%,
                        rgba(226, 236, 232, 0.6) 50%,
                        rgba(221, 230, 227, 0.65) 100%) !important;
        border: 2px solid rgba(26, 178, 136, 0.743) !important;
        box-shadow: 0 6px 25px rgba(112, 234, 200, 0.248),
                    0 3px 12px rgba(16, 32, 36, 0.098),
                    0 0 0 1px rgba(255, 255, 255, 0.15) inset !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .action-btn .voice-icon {
        stroke: rgba(16, 32, 36, 0.926) !important
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .action-btn .send-icon svg {
        stroke: rgba(16, 32, 36, 0.94) !important;
        fill: none !important
    }
}
:root[data-theme="light"] .widget-info-item:hover {
    background: var(--glass-bg-hover) !important
}
:root[data-theme="light"] .qibla-modal-close:hover {
    background: rgba(16, 32, 36, 0.09) !important;
    border-color: rgba(51, 153, 114, 0.54) !important;
    color: rgba(16, 32, 36, 0.926) !important
}
:root[data-theme="light"] #enableCompassBtn:hover {
    background: rgba(16, 32, 36, 0.27) !important;
    border-color: rgba(16, 32, 36, 0.25) !important
}
:root[data-theme="light"] .qibla-modal-content:hover {
    background: rgba(16, 32, 36, 0.05) !important;
    border-color: rgba(51, 153, 114, 0.432) !important;
    box-shadow: 0 24px 64px rgba(16, 32, 36, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.07) !important
}
:root[data-theme="light"] .qibla-modal-content::-webkit-scrollbar {
    background: transparent
}
:root[data-theme="light"] .pill-icon-result svg {
    stroke: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .pill-category-name {
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .place-name-compact {
    color: rgba(16, 32, 36, 0.933)
}
:root[data-theme="light"] .place-distance-compact {
    color: rgba(40, 128, 94, 0.92);
    background: rgba(94, 201, 160, 0.1);
    border: 0.8px solid rgba(51, 153, 114, 0.27)
}
:root[data-theme="light"] .place-details-compact {
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .qibla-modal-content::-webkit-scrollbar-track {
    background: transparent
}
:root[data-theme="light"] .qibla-modal-content::-webkit-scrollbar-thumb {
    background: rgba(94, 201, 160, 0.375)
}
:root[data-theme="light"] .qibla-modal-content::-webkit-scrollbar-thumb:hover {
    background: rgba(94, 201, 160, 0.5)
}
:root[data-theme="light"] .version-badge {
    background: rgba(94, 201, 160, 0.188);
    border: 1px solid rgba(26, 178, 136, 0.27);
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .version-badge span {
    color: rgba(18, 150, 113, 0.95)
}
:root[data-theme="light"] .beta-disclaimer {
    color: var(--text-muted)
}
:root[data-theme="light"] .limit-card {
    background: rgba(241, 243, 245, 0.97);
    border: 1px solid rgba(51, 153, 114, 0.405)
}
:root[data-theme="light"] .limit-icon {
    background: rgba(94, 201, 160, 0.188);
    border: 1px solid rgba(26, 178, 136, 0.27)
}
:root[data-theme="light"] .limit-title {
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .limit-body {
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .limit-btn-primary {
    background: rgba(94, 201, 160, 0.8);
    border: 1px solid rgba(26, 178, 136, 0.54);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .limit-btn-primary:hover {
    background: rgb(94, 201, 160)
}
:root[data-theme="light"] .limit-btn-secondary {
    background: transparent;
    border: 1px solid rgba(16, 32, 36, 0.135);
    color: rgba(16, 32, 36, 0.586)
}
:root[data-theme="light"] .limit-btn-secondary:hover {
    border-color: rgba(16, 32, 36, 0.308)
}
:root[data-theme="light"] .contact-link {
    background: rgba(16, 32, 36, 0.036);
    border: 0.8px solid rgba(51, 153, 114, 0.243);
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .contact-link:hover {
    background: rgba(94, 201, 160, 0.125);
    border-color: rgba(51, 153, 114, 0.473);
    color: rgb(40, 128, 94)
}
:root[data-theme="light"] .beta-disclaimer {
    color: rgba(16, 32, 36, 0.498)
}
:root[data-theme="light"] .cookie-bar {
    background: rgb(243, 245, 247);
    border-top: 1px solid rgba(51, 153, 114, 0.27)
}
:root[data-theme="light"] .cookie-bar-icon {
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .cookie-bar-text {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .cookie-policy-btn {
    background: none;
    border: none;
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .cookie-policy-btn:hover {
    color: rgb(18, 150, 113)
}
:root[data-theme="light"] .cookie-accept-btn {
    background: rgba(94, 201, 160, 0.92);
    border: 1px solid rgba(26, 178, 136, 0.608);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .cookie-accept-btn:hover {
    background: rgb(108, 214, 173)
}
:root[data-theme="light"] .cookie-reject-btn {
    background: transparent;
    border: 1px solid rgba(16, 32, 36, 0.227);
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .cookie-reject-btn:hover {
    border-color: rgba(16, 32, 36, 0.32);
    color: rgba(16, 32, 36, 0.858)
}
:root[data-theme="light"] .cookie-reject-btn {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(16, 32, 36, 0.32);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .cookie-reject-btn:hover {
    background: rgb(255, 255, 255);
    border-color: rgba(16, 32, 36, 0.32);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .cookie-custom-btn {
    background: transparent;
    border: 1px solid rgba(26, 178, 136, 0.743);
    color: rgba(8, 160, 105, 0.95)
}
:root[data-theme="light"] .cookie-custom-btn:hover {
    background: rgba(94, 201, 160, 0.15)
}
:root[data-theme="light"] .pdpl-sheet-overlay {
    background: rgba(16, 32, 36, 0.27)
}
:root[data-theme="light"] .pdpl-sheet {
    background: rgba(16, 32, 36, 0.045);
    border: 0.8px solid rgba(51, 153, 114, 0.297)
}
:root[data-theme="light"] .pdpl-sheet-handle {
    background: rgba(16, 32, 36, 0.135)
}
:root[data-theme="light"] .pdpl-close-btn {
    background: rgba(16, 32, 36, 0.063);
    border: 1px solid rgba(16, 32, 36, 0.135);
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .pdpl-close-btn:hover {
    background: rgba(16, 32, 36, 0.108);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .pdpl-title {
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .pdpl-body {
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .pdpl-link {
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .pdpl-link:hover {
    color: rgb(18, 150, 113)
}
:root[data-theme="light"] .cookie-prefs {
    outline: none
}
:root[data-theme="light"] .cookie-prefs-intro {
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .cookie-pref-row {
    border: 1px solid rgba(16, 32, 36, 0.112);
    background: rgba(16, 32, 36, 0.027)
}
:root[data-theme="light"] .cookie-pref-text b {
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .cookie-pref-text small {
    color: rgba(16, 32, 36, 0.654)
}
:root[data-theme="light"] .cookie-pref-always {
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .cookie-pref-switch {
    border: 1px solid rgba(16, 32, 36, 0.25);
    background: rgba(16, 32, 36, 0.108)
}
:root[data-theme="light"] .cookie-pref-switch::after {
    background: rgb(255, 255, 255)
}
:root[data-theme="light"] .cookie-pref-switch:checked {
    background: rgba(94, 201, 160, 0.95);
    border-color: rgba(51, 153, 114, 0.9)
}
:root[data-theme="light"] .cookie-pref-switch:focus-visible {
    outline: 2px solid rgba(26, 178, 136, 0.9)
}
:root[data-theme="light"] .cookie-prefs-stamp {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .glc-screen {
    background: radial-gradient(ellipse at 50% 25%, rgba(231, 240, 238, 0.55) 0%, transparent 65%),
        radial-gradient(ellipse at 80% 80%, rgba(242, 247, 245, 0.4) 0%, transparent 50%),
        rgb(244, 246, 247)
}
:root[data-theme="light"] .glc-hp {
    border: 0
}
:root[data-theme="light"] .glc-card {
    background: rgba(16, 32, 36, 0.032);
    border: 0.8px solid rgba(51, 153, 114, 0.243);
    box-shadow: 0 48px 120px rgba(16, 32, 36, 0.168),
        0 8px 32px rgba(16, 32, 36, 0.112),
        inset 0 1px 0 rgba(255, 255, 255, 0.07)
}
:root[data-theme="light"] .glc-hotel-zone {
    border-bottom: 0.8px solid rgba(16, 32, 36, 0.089)
}
:root[data-theme="light"] .glc-hotel-name {
    color: rgba(109, 83, 44, 0.92)
}
:root[data-theme="light"] .glc-hotel-sub {
    color: rgba(109, 83, 44, 0.576)
}
:root[data-theme="light"] .glc-hotel-sub strong {
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .glc-input-icon {
    color: rgba(40, 128, 94, 0.72)
}
:root[data-theme="light"] .glc-input {
    background: rgba(16, 32, 36, 0.045);
    border: 0.8px solid rgba(16, 32, 36, 0.135);
    color: rgba(16, 32, 36, 0.906);
    outline: none
}
:root[data-theme="light"] .glc-input:focus {
    border-color: rgba(51, 153, 114, 0.54);
    background: rgba(16, 32, 36, 0.063);
    box-shadow: 0 0 0 3px rgba(94, 201, 160, 0.044)
}
:root[data-theme="light"] .glc-input::placeholder {
    color: rgba(16, 32, 36, 0.45)
}
:root[data-theme="light"] .glc-error {
    color: rgba(159, 10, 10, 0.92)
}
:root[data-theme="light"] .glc-btn {
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.82) 0%, rgba(225, 239, 233, 0.78) 100%);
    border: 0.8px solid rgba(51, 153, 114, 0.608);
    color: rgba(16, 32, 36, 0.94);
    box-shadow: 0 6px 28px rgba(58, 168, 126, 0.165), inset 0 1px 0 rgba(255, 255, 255, 0.12)
}
:root[data-theme="light"] .glc-btn:hover {
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.95) 0%, rgba(225, 239, 233, 0.9) 100%);
    box-shadow: 0 10px 40px rgba(58, 168, 126, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.15)
}
:root[data-theme="light"] .glc-consent-check {
    border: 1px solid rgba(16, 32, 36, 0.273);
    background: rgba(16, 32, 36, 0.045);
    color: transparent
}
:root[data-theme="light"] .glc-consent-box:checked ~ .glc-consent-check {
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.92) 0%, rgba(225, 239, 233, 0.88) 100%);
    border-color: rgba(51, 153, 114, 0.743);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .glc-consent-box:focus-visible ~ .glc-consent-check {
    box-shadow: 0 0 0 3px rgba(94, 201, 160, 0.099)
}
:root[data-theme="light"] .glc-consent:hover .glc-consent-check {
    border-color: rgba(51, 153, 114, 0.54)
}
:root[data-theme="light"] .glc-consent-text {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .glc-consent-text a {
    color: rgba(18, 150, 113, 0.92);
    border-bottom: 0.8px solid rgba(26, 178, 136, 0.378)
}
:root[data-theme="light"] .glc-consent-text a:hover {
    color: rgb(18, 150, 113);
    border-color: rgba(26, 178, 136, 0.9)
}
:root[data-theme="light"] .glc-consent-sep {
    color: rgba(16, 32, 36, 0.416)
}
:root[data-theme="light"] .glc-btn:disabled {
    box-shadow: none
}
:root[data-theme="light"] .glc-btn:disabled:hover {
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.82) 0%, rgba(225, 239, 233, 0.78) 100%);
    box-shadow: none
}
:root[data-theme="light"] .glc-lang-toggle {
    background: rgba(16, 32, 36, 0.036);
    border: 0.8px solid rgba(16, 32, 36, 0.158);
    color: rgba(16, 32, 36, 0.586)
}
:root[data-theme="light"] .glc-lang-toggle:hover {
    border-color: rgba(26, 178, 136, 0.54);
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .glc-footer-sep {
    color: rgba(16, 32, 36, 0.416)
}
:root[data-theme="light"] .glc-privacy-link {
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .glc-privacy-link:hover {
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .chat-limit-card {
    background: linear-gradient(160deg, rgba(239, 242, 244, 0.95) 0%, rgba(242, 244, 246, 0.98) 100%);
    border: 1px solid rgba(26, 178, 136, 0.243);
    box-shadow: 0 8px 40px rgba(16, 32, 36, 0.112), inset 0 1px 0 rgba(255, 255, 255, 0.05)
}
:root[data-theme="light"] .clc-icon {
    background: radial-gradient(circle, rgba(70, 105, 95, 0.3) 0%, rgba(70, 105, 95, 0.096) 100%);
    border: 1px solid rgba(26, 178, 136, 0.338);
    color: rgba(18, 150, 113, 0.92);
    box-shadow: 0 0 20px rgba(112, 234, 200, 0.044)
}
:root[data-theme="light"] .clc-divider {
    background: linear-gradient(90deg, transparent, rgba(112, 234, 200, 0.375), transparent);
    border: none
}
:root[data-theme="light"] .clc-title {
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .clc-body {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .clc-btn-primary {
    background: linear-gradient(135deg, rgba(70, 105, 95, 0.85) 0%, rgba(219, 228, 226, 0.85) 100%);
    border: 1px solid rgba(26, 178, 136, 0.473);
    color: rgba(16, 32, 36, 0.94);
    box-shadow: 0 2px 12px rgba(16, 32, 36, 0.07)
}
:root[data-theme="light"] .clc-btn-primary:hover {
    background: linear-gradient(135deg, rgb(70, 105, 95) 0%, rgb(219, 228, 226) 100%);
    border-color: rgba(26, 178, 136, 0.743);
    box-shadow: 0 4px 20px rgba(16, 32, 36, 0.098)
}
:root[data-theme="light"] .clc-btn-filter {
    background: rgba(16, 32, 36, 0.036);
    border: 1px solid rgba(16, 32, 36, 0.135);
    color: rgba(16, 32, 36, 0.79)
}
:root[data-theme="light"] .clc-btn-filter:hover {
    background: rgba(16, 32, 36, 0.072);
    border-color: rgba(16, 32, 36, 0.25);
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .clc-btn-secondary {
    background: none;
    border: none;
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .clc-btn-secondary:hover {
    color: rgb(18, 150, 113)
}
:root[data-theme="light"] :focus-visible {
    outline: 2px solid rgba(26, 178, 136, 0.9)
}
:root[data-theme="light"] :focus:not(:focus-visible) {
    outline: none
}
:root[data-theme="light"] .chat-input:focus-visible {
    outline: none
}
:root[data-theme="light"] .sr-only {
    border: 0
}
@supports not (backdrop-filter: blur(0)) {
    :root[data-theme="light"] .guest-menu {
        background: rgba(243, 245, 247, 0.98)
    }
}
@supports not (backdrop-filter: blur(0)) {
    :root[data-theme="light"] .chat-input-bar {
        background: rgba(243, 245, 247, 0.95)
    }
}
:root[data-theme="light"] .empty-search-state {
    color: var(--text-secondary)
}
:root[data-theme="light"] .empty-search-state svg {
    color: var(--brand-primary)
}
:root[data-theme="light"] .empty-search-state button {
    background: var(--glass-surface-1);
    border: 1px solid var(--brand-border);
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .empty-search-state button:hover {
    background: rgba(94, 201, 160, 0.25);
    border-color: rgba(51, 153, 114, 0.675)
}
:root[data-theme="light"] .chat-limit-card .clc-icon {
    background: rgba(70, 105, 95, 0.18);
    border: 1px solid rgba(26, 178, 136, 0.27);
    box-shadow: none
}
:root[data-theme="light"] .chat-limit-card .clc-title {
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .chat-limit-card .clc-body {
    color: rgba(16, 32, 36, 0.586)
}
:root[data-theme="light"] .clc-btn-contact {
    background: rgba(70, 105, 95, 0.24);
    border: 1px solid rgba(26, 178, 136, 0.338);
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .clc-btn-contact:hover {
    background: rgba(70, 105, 95, 0.42);
    border-color: rgba(26, 178, 136, 0.675)
}
:root[data-theme="light"] .qibla-modal {
    background: rgba(16, 32, 36, 0.293) !important
}
:root[data-theme="light"] .qibla-modal-content {
    background: linear-gradient(160deg, rgba(240, 243, 245, 0.97) 0%, rgba(243, 245, 247, 0.99) 100%) !important;
    border: 1px solid rgba(51, 153, 114, 0.297) !important;
    box-shadow: 0 24px 64px rgba(16, 32, 36, 0.168),
        0 8px 24px rgba(16, 32, 36, 0.112),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important
}
:root[data-theme="light"] .qibla-modal-content:hover {
    background: linear-gradient(160deg, rgba(240, 243, 245, 0.97) 0%, rgba(243, 245, 247, 0.99) 100%) !important;
    border-color: rgba(51, 153, 114, 0.378) !important;
    box-shadow: 0 24px 64px rgba(16, 32, 36, 0.168),
        0 8px 24px rgba(16, 32, 36, 0.112),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important
}
:root[data-theme="light"] .qibla-modal-content h3 {
    color: rgba(16, 32, 36, 0.926) !important
}
:root[data-theme="light"] .qibla-modal-close {
    background: rgba(16, 32, 36, 0.054) !important;
    border: 1px solid rgba(16, 32, 36, 0.135) !important;
    color: rgba(16, 32, 36, 0.62) !important
}
:root[data-theme="light"] .qibla-modal-close:hover {
    background: rgba(16, 32, 36, 0.108) !important;
    color: rgba(16, 32, 36, 0.926) !important;
    border-color: rgba(16, 32, 36, 0.25) !important
}
:root[data-theme="light"] #modalApplyBtn {
    box-shadow: 0 4px 20px rgba(94, 201, 160, 0.165) !important
}
:root[data-theme="light"] .cookie-bar {
    background: rgb(243, 245, 247) !important;
    border-top: 1px solid rgba(51, 153, 114, 0.27) !important;
    box-shadow: 0 -8px 32px rgba(16, 32, 36, 0.084) !important
}
:root[data-theme="light"] .pdpl-sheet {
    background: linear-gradient(180deg, rgba(240, 243, 245, 0.99) 0%, rgb(243, 245, 247) 100%) !important;
    border: 1px solid rgba(51, 153, 114, 0.27) !important;
    border-bottom: none !important;
    box-shadow: 0 -16px 48px rgba(16, 32, 36, 0.14) !important
}
html[data-theme="light"].zw-high-contrast .message-bubble, html[data-theme="light"].zw-high-contrast .header-chip, html[data-theme="light"].zw-high-contrast .nav-item {
    border-color: rgba(16, 32, 36, 0.32) !important
}
:root[data-theme="light"] .guest-preferences-intro {
    color: var(--text-secondary)
}
:root[data-theme="light"] .guest-preference-label {
    color: var(--text-secondary)
}
:root[data-theme="light"] .guest-preference-input {
    color: var(--text-primary);
    background: rgba(16, 32, 36, 0.05);
    border: 1px solid rgba(16, 32, 36, 0.192)
}
:root[data-theme="light"] .guest-preference-input:focus {
    outline: none;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgba(94, 201, 160, 0.066)
}
:root[data-theme="light"] .guest-preferences-status {
    color: var(--brand-primary)
}
:root[data-theme="light"] .pref-chip {
    border: 1px solid rgba(16, 32, 36, 0.192);
    background: rgba(16, 32, 36, 0.05);
    color: var(--text-secondary)
}
:root[data-theme="light"] .pref-chip:hover {
    border-color: rgba(51, 153, 114, 0.608);
    color: var(--text-primary)
}
:root[data-theme="light"] .pref-chip:focus-visible {
    outline: none;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgba(94, 201, 160, 0.077)
}
:root[data-theme="light"] .pref-chip.is-active {
    border-color: var(--brand-primary);
    background: rgba(94, 201, 160, 0.2);
    color: var(--text-primary)
}
:root[data-theme="light"] .stay-summary-item {
    border: 1px solid rgba(16, 32, 36, 0.135);
    background: rgba(16, 32, 36, 0.043)
}
:root[data-theme="light"] .stay-summary-label {
    color: var(--text-secondary)
}
:root[data-theme="light"] .stay-summary-value {
    color: var(--text-primary)
}
:root[data-theme="light"] .stay-summary-sub {
    color: var(--text-secondary)
}
:root[data-theme="light"] .zw-visually-hidden {
    border: 0
}
:root[data-theme="light"] .ai-report-btn {
    background: transparent;
    border: 0.8px solid rgba(16, 32, 36, 0.158);
    color: rgba(16, 32, 36, 0.538)
}
:root[data-theme="light"] .ai-report-btn:hover {
    color: rgba(151, 17, 17, 0.92);
    border-color: rgba(179, 25, 25, 0.473);
    background: rgba(239, 138, 138, 0.075)
}
:root[data-theme="light"] .ai-report-btn.reported {
    color: rgba(40, 128, 94, 0.92);
    border-color: rgba(51, 153, 114, 0.405)
}
:root[data-theme="light"] .air-overlay {
    background: rgba(247, 248, 250, 0.72)
}
:root[data-theme="light"] .air-modal {
    background: rgb(243, 244, 245);
    border: 0.8px solid rgba(51, 153, 114, 0.27);
    box-shadow: 0 24px 70px rgba(16, 32, 36, 0.154)
}
:root[data-theme="light"] .air-title {
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .air-label {
    color: rgba(16, 32, 36, 0.654)
}
:root[data-theme="light"] .air-select, :root[data-theme="light"] .air-textarea {
    background: rgba(16, 32, 36, 0.05);
    border: 0.8px solid rgba(16, 32, 36, 0.158);
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .air-select-wrap::after {
    border-inline-end: 2px solid rgba(16, 32, 36, 0.32);
    border-bottom: 2px solid rgba(16, 32, 36, 0.32)
}
:root[data-theme="light"] .air-select:focus, :root[data-theme="light"] .air-textarea:focus {
    outline: none;
    border-color: rgba(51, 153, 114, 0.675);
    box-shadow: 0 0 0 3px rgba(94, 201, 160, 0.066)
}
:root[data-theme="light"] .air-select option {
    background: rgb(243, 244, 245);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .air-btn-cancel {
    background: transparent;
    border: 0.8px solid rgba(16, 32, 36, 0.204);
    color: rgba(16, 32, 36, 0.722)
}
:root[data-theme="light"] .air-btn-cancel:hover {
    border-color: rgba(16, 32, 36, 0.32);
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .air-btn-submit {
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.9), rgba(225, 239, 233, 0.85));
    border: 0.8px solid rgba(26, 178, 136, 0.54);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .zawaya-mode-switch {
    background: rgba(245, 247, 248, 0.74);
    border: 1px solid var(--mode-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045)
}
:root[data-theme="light"] .zawaya-mode-tab {
    border: 1px solid transparent;
    background: transparent;
    color: rgba(16, 32, 36, 0.647)
}
:root[data-theme="light"] .zawaya-mode-tab:hover {
    color: rgba(16, 32, 36, 0.878);
    background: rgba(16, 32, 36, 0.041)
}
:root[data-theme="light"] .zawaya-mode-tab.is-active {
    color: rgb(7, 24, 19);
    background: linear-gradient(135deg, rgba(112, 234, 200, 0.98), rgba(73, 190, 148, 0.92));
    border-color: rgba(0, 204, 130, 0.648);
    box-shadow: 0 5px 16px rgba(59, 190, 148, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.44)
}
:root[data-theme="light"] .zawaya-mode-icon {
    color: currentColor
}
:root[data-theme="light"] .zawaya-mode-tab:not(.is-active) .zawaya-mode-icon {
    color: rgba(18, 150, 113, 0.92);
    background: rgba(112, 234, 200, 0.1)
}
:root[data-theme="light"] .guidebook-surface {
    color: var(--text-primary)
}
:root[data-theme="light"] .guidebook-hero {
    border: 1px solid rgba(26, 178, 136, 0.257);
    background: radial-gradient(circle at 80% 12%, rgba(109, 236, 201, 0.2), transparent 28%),
        radial-gradient(circle at 14% 100%, rgba(222, 233, 235, 0.2), transparent 42%),
        linear-gradient(135deg, rgba(231, 237, 238, 0.78), rgba(242, 245, 246, 0.96));
    box-shadow: 0 18px 50px rgba(16, 32, 36, 0.062), inset 0 1px 0 rgba(255, 255, 255, 0.055)
}
:root[data-theme="light"] .guidebook-hero::before {
    background-image: linear-gradient(rgba(153, 255, 225, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(153, 255, 225, 0.05) 1px, transparent 1px)
}
:root[data-theme="light"] .guidebook-eyebrow, :root[data-theme="light"] .guidebook-results-kicker, :root[data-theme="light"] .guidebook-card-eyebrow, :root[data-theme="light"] .guidebook-detail-eyebrow, :root[data-theme="light"] .guidebook-promo-kicker {
    color: rgba(11, 158, 112, 0.92)
}
:root[data-theme="light"] .guidebook-hero h1 {
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .guidebook-hero-copy > p {
    color: rgba(41, 127, 104, 0.92)
}
:root[data-theme="light"] .guidebook-hero-mark {
    border: 1px solid rgba(15, 189, 138, 0.324);
    background: radial-gradient(circle, rgba(107, 232, 197, 0.2), rgba(228, 236, 236, 0.08) 58%, transparent 60%);
    box-shadow: 0 0 0 14px rgba(112, 234, 200, 0.014), 0 0 42px rgba(79, 213, 174, 0.088)
}
:root[data-theme="light"] .guidebook-hero-glyph {
    border: 1px solid rgba(0, 204, 131, 0.675);
    background: linear-gradient(145deg, rgba(129, 244, 211, 0.35), rgba(219, 236, 232, 0.16));
    color: rgba(8, 160, 106, 0.96);
    box-shadow: 0 10px 24px rgba(16, 32, 36, 0.106), inset 0 1px 0 rgba(255, 255, 255, 0.2)
}
:root[data-theme="light"] .guidebook-orbit {
    border: 1px solid rgba(16, 188, 137, 0.27)
}
:root[data-theme="light"] .guidebook-orbit::after {
    background: rgb(139, 243, 208);
    box-shadow: 0 0 12px rgba(139, 243, 208, 0.495)
}
:root[data-theme="light"] .guidebook-orbit.orbit-two {
    border-color: rgba(16, 122, 188, 0.23)
}
:root[data-theme="light"] .guidebook-toolbar {
    border: 1px solid rgba(26, 178, 136, 0.176);
    background: rgba(243, 245, 247, 0.92);
    box-shadow: 0 10px 28px rgba(16, 32, 36, 0.045)
}
:root[data-theme="light"] .guidebook-toolbar::before {
    background: var(--zw-page-bg, rgb(244, 246, 247))
}
:root[data-theme="light"] .guidebook-search {
    border: 1px solid transparent;
    background: rgba(16, 32, 36, 0.041);
    color: rgba(22, 146, 111, 0.92)
}
:root[data-theme="light"] .guidebook-search:focus-within {
    border-color: rgba(26, 178, 136, 0.702);
    background: rgba(112, 234, 200, 0.094);
    box-shadow: 0 0 0 3px rgba(112, 234, 200, 0.055)
}
:root[data-theme="light"] .guidebook-search svg {
    color: rgba(18, 150, 110, 0.92)
}
:root[data-theme="light"] .guidebook-search input {
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary)
}
:root[data-theme="light"] .guidebook-search input::placeholder {
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .guidebook-search kbd {
    border: 1px solid rgba(16, 32, 36, 0.158);
    background: rgba(16, 32, 36, 0.032);
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .guidebook-filter-button {
    border: 1px solid rgba(26, 178, 136, 0.27);
    background: rgba(112, 234, 200, 0.088);
    color: rgba(18, 150, 111, 0.92)
}
:root[data-theme="light"] .guidebook-filter-button svg {
    color: rgba(18, 150, 110, 0.92)
}
:root[data-theme="light"] .guidebook-filter-button:hover, :root[data-theme="light"] .guidebook-filter-button[aria-expanded="true"] {
    border-color: rgba(26, 178, 136, 0.743);
    background: rgba(112, 234, 200, 0.188);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .guidebook-map-toggle {
    border: 1px solid rgba(26, 178, 136, 0.27);
    background: rgba(112, 234, 200, 0.088);
    color: rgba(18, 150, 111, 0.92)
}
:root[data-theme="light"] .guidebook-map-toggle:hover, :root[data-theme="light"] .guidebook-map-toggle[aria-expanded="true"] {
    border-color: rgba(26, 178, 136, 0.743);
    background: rgba(112, 234, 200, 0.188);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .guidebook-sort {
    border: 1px solid rgba(26, 178, 136, 0.27);
    background: rgba(112, 234, 200, 0.088)
}
:root[data-theme="light"] .guidebook-sort:hover, :root[data-theme="light"] .guidebook-sort:focus-within {
    border-color: rgba(26, 178, 136, 0.743);
    background: rgba(112, 234, 200, 0.188)
}
:root[data-theme="light"] .guidebook-sort select {
    border: 0;
    background: transparent;
    color: rgba(18, 150, 111, 0.92);
    color-scheme: light
}
:root[data-theme="light"] .guidebook-sort select:focus-visible {
    outline: 2px solid rgba(26, 178, 136, 0.878)
}
:root[data-theme="light"] .guidebook-sort select option {
    background: rgb(240, 243, 242);
    color: rgb(30, 139, 98)
}
:root[data-theme="light"] .guidebook-distance {
    color: rgba(19, 149, 104, 0.92)
}
:root[data-theme="light"] .guidebook-categories.is-emphasized {
    border: 1px solid rgba(26, 178, 136, 0.27);
    background: rgba(112, 234, 200, 0.056);
    box-shadow: 0 8px 20px rgba(16, 32, 36, 0.034)
}
:root[data-theme="light"] .guidebook-categories::-webkit-scrollbar-track {
    background: transparent
}
:root[data-theme="light"] .guidebook-categories::-webkit-scrollbar-thumb {
    background: rgba(112, 234, 200, 0.3)
}
:root[data-theme="light"] .guidebook-category-chip {
    border: 1px solid rgba(16, 32, 36, 0.158);
    background: rgba(16, 32, 36, 0.032);
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .guidebook-category-chip:hover, :root[data-theme="light"] .guidebook-categories.is-emphasized .guidebook-category-chip:hover {
    color: rgba(16, 32, 36, 0.919);
    border-color: rgba(26, 178, 136, 0.567);
    background: rgba(112, 234, 200, 0.112)
}
:root[data-theme="light"] .guidebook-category-chip.is-active {
    color: rgb(6, 24, 19);
    border-color: rgba(0, 204, 142, 0.837);
    background: linear-gradient(135deg, rgba(128, 242, 210, 0.98), rgba(81, 198, 157, 0.92));
    box-shadow: 0 5px 14px rgba(56, 177, 137, 0.099)
}
:root[data-theme="light"] .guidebook-category-icon {
    color: hsl(var(--primary) / 0.85)
}
:root[data-theme="light"] .guidebook-category-chip.is-active .guidebook-category-icon {
    color: currentColor
}
:root[data-theme="light"] .guidebook-marker.is-approximate {
    border-color: hsl(0 0% 100% / 0.78)
}
:root[data-theme="light"] .guidebook-map-panel {
    border: 1px solid hsl(var(--border) / 0.9);
    background: hsl(var(--card));
    box-shadow: 0 24px 56px -12px rgba(16, 32, 36, 0.154),
        0 0 0 1px hsl(var(--background) / 0.6) inset
}
:root[data-theme="light"] .guidebook-map {
    background: radial-gradient(circle at 35% 28%, hsl(var(--primary) / 0.10), transparent 30%),
        linear-gradient(145deg, hsl(var(--secondary)), hsl(var(--background)) 72%)
}
:root[data-theme="light"] .guidebook-map-panel::after {
    box-shadow: 0 0 90px 24px hsl(var(--background) / 0.55) inset
}
:root[data-theme="light"] .guidebook-map-badge {
    border: 1px solid rgba(16, 32, 36, 0.204);
    background: rgba(244, 247, 248, 0.76);
    color: rgba(8, 160, 99, 0.92);
    box-shadow: 0 5px 16px rgba(16, 32, 36, 0.05)
}
:root[data-theme="light"] .guidebook-map-dot {
    background: rgb(141, 244, 210);
    box-shadow: 0 0 0 4px rgba(141, 244, 210, 0.066), 0 0 12px rgba(141, 244, 210, 0.429)
}
:root[data-theme="light"] .guidebook-map-control {
    border: 1px solid rgba(16, 32, 36, 0.25);
    background: rgba(244, 247, 248, 0.8);
    color: rgba(8, 160, 99, 0.92);
    box-shadow: 0 7px 18px rgba(16, 32, 36, 0.067)
}
:root[data-theme="light"] .guidebook-map-control:hover {
    border-color: rgba(18, 186, 131, 0.783);
    background: rgba(219, 235, 231, 0.74);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .guidebook-map-fallback {
    background: linear-gradient(145deg, rgba(241, 245, 246, 0.95), rgba(244, 246, 247, 0.98));
    color: rgba(16, 32, 36, 0.824)
}
:root[data-theme="light"] .guidebook-fallback-icon {
    border: 1px solid rgba(26, 178, 136, 0.378);
    background: rgba(112, 234, 200, 0.1);
    color: rgba(12, 156, 108, 0.92)
}
:root[data-theme="light"] .guidebook-map-fallback strong {
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .guidebook-map-fallback p {
    color: rgba(16, 32, 36, 0.661)
}
:root[data-theme="light"] .guidebook-map-fallback button {
    border: 1px solid rgba(26, 178, 136, 0.473);
    background: rgba(112, 234, 200, 0.15);
    color: rgba(8, 160, 112, 0.92)
}
:root[data-theme="light"] .guidebook-map-fallback button:hover {
    background: rgba(112, 234, 200, 0.25)
}
:root[data-theme="light"] .guidebook-map .mapboxgl-ctrl-group {
    border: 1px solid rgba(16, 32, 36, 0.204);
    background: rgba(244, 247, 248, 0.78);
    box-shadow: 0 7px 18px rgba(16, 32, 36, 0.07)
}
:root[data-theme="light"] .guidebook-map .mapboxgl-ctrl-group button {
    background-color: transparent
}
:root[data-theme="light"] .guidebook-map .mapboxgl-ctrl-group button + button {
    border-top-color: rgba(16, 32, 36, 0.158)
}
:root[data-theme="light"] .guidebook-map .mapboxgl-ctrl-attrib {
    background: rgba(244, 247, 248, 0.72);
    color: rgba(16, 32, 36, 0.756)
}
:root[data-theme="light"] .guidebook-map .mapboxgl-ctrl-attrib a {
    color: rgba(8, 160, 109, 0.92)
}
:root[data-theme="light"] .guidebook-results-heading h2 {
    color: rgba(16, 32, 36, 0.933)
}
:root[data-theme="light"] .guidebook-results-count {
    border: 1px solid rgba(26, 178, 136, 0.216);
    background: rgba(112, 234, 200, 0.075);
    color: rgba(10, 158, 111, 0.92)
}
:root[data-theme="light"] .guidebook-status {
    color: rgba(42, 126, 106, 0.92)
}
:root[data-theme="light"] .guidebook-status.is-error {
    color: rgb(160, 12, 8)
}
:root[data-theme="light"] .guidebook-live-events-note {
    color: rgba(38, 130, 107, 0.92)
}
:root[data-theme="light"] .guidebook-card {
    border: 1px solid rgba(16, 32, 36, 0.141);
    background: linear-gradient(135deg, rgba(236, 239, 240, 0.78), rgba(241, 244, 245, 0.86));
    box-shadow: 0 9px 25px rgba(16, 32, 36, 0.039), inset 0 1px 0 rgba(255, 255, 255, 0.035)
}
:root[data-theme="light"] .guidebook-card:hover {
    border-color: rgba(26, 178, 136, 0.54);
    background: linear-gradient(135deg, rgba(232, 237, 238, 0.88), rgba(241, 244, 245, 0.94));
    box-shadow: 0 15px 31px rgba(16, 32, 36, 0.056), 0 0 0 1px rgba(112, 234, 200, 0.028) inset
}
:root[data-theme="light"] .guidebook-card-open {
    border: 0;
    background: transparent;
    color: inherit
}
:root[data-theme="light"] .guidebook-card-open:focus-visible {
    outline: 2px solid rgba(0, 204, 146, 0.9)
}
:root[data-theme="light"] .guidebook-card-media {
    border: 1px solid rgba(19, 185, 133, 0.189);
    background: radial-gradient(circle at 70% 22%, rgba(139, 243, 208, 0.288), transparent 25%),
        linear-gradient(145deg, rgb(210, 231, 230), rgb(236, 240, 241) 70%)
}
:root[data-theme="light"] .guidebook-card-media::after {
    background: linear-gradient(120deg, transparent 25%, rgba(16, 32, 36, 0.072), transparent 62%)
}
:root[data-theme="light"] .guidebook-card-media-glyph {
    border: 1px solid rgba(0, 204, 136, 0.338);
    background: rgba(242, 247, 248, 0.2);
    color: rgba(8, 160, 109, 0.92);
    box-shadow: 0 8px 24px rgba(16, 32, 36, 0.067)
}
:root[data-theme="light"] .guidebook-card-media.is-history, :root[data-theme="light"] .guidebook-card-media.is-historical, :root[data-theme="light"] .guidebook-card-media.is-culture {
    background: linear-gradient(145deg, rgb(75, 61, 55), rgb(233, 236, 237) 72%)
}
:root[data-theme="light"] .guidebook-card-media.is-restaurants, :root[data-theme="light"] .guidebook-card-media.is-restaurant {
    background: linear-gradient(145deg, rgb(229, 220, 217), rgb(234, 236, 237) 72%)
}
:root[data-theme="light"] .guidebook-card-media.is-coffee {
    background: linear-gradient(145deg, rgb(73, 58, 47), rgb(234, 237, 238) 72%)
}
:root[data-theme="light"] .guidebook-card-media.is-events, :root[data-theme="light"] .guidebook-card-media.is-event {
    background: linear-gradient(145deg, rgb(218, 221, 231), rgb(232, 235, 238) 72%)
}
:root[data-theme="light"] .guidebook-badge {
    border: 1px solid rgba(16, 32, 36, 0.25);
    background: rgba(244, 247, 248, 0.72);
    color: rgba(8, 160, 93, 0.92)
}
:root[data-theme="light"] .guidebook-badge.is-sponsored {
    border-color: rgba(193, 126, 11, 0.702);
    background: rgba(233, 221, 209, 0.78);
    color: rgb(145, 96, 8)
}
:root[data-theme="light"] .guidebook-card-eyebrow {
    color: rgba(15, 153, 110, 0.92)
}
:root[data-theme="light"] .guidebook-card-title {
    color: rgba(16, 32, 36, 0.933)
}
:root[data-theme="light"] .guidebook-card-tagline {
    color: rgba(46, 122, 102, 0.92)
}
:root[data-theme="light"] .guidebook-card-meta {
    color: rgba(44, 124, 100, 0.92)
}
:root[data-theme="light"] .guidebook-verified-inline {
    color: rgba(19, 149, 104, 0.92)
}
:root[data-theme="light"] .guidebook-card-promotion {
    color: rgb(144, 99, 9)
}
:root[data-theme="light"] .guidebook-card-arrow {
    border: 1px solid rgba(26, 178, 136, 0.203);
    background: rgba(112, 234, 200, 0.069);
    color: rgba(8, 160, 112, 0.92)
}
:root[data-theme="light"] .guidebook-card-open:hover .guidebook-card-arrow {
    border-color: rgba(26, 178, 136, 0.567);
    background: rgba(112, 234, 200, 0.175);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .guidebook-empty {
    border: 1px dashed rgba(26, 178, 136, 0.27);
    background: rgba(16, 32, 36, 0.023);
    color: rgba(16, 32, 36, 0.674)
}
:root[data-theme="light"] .guidebook-empty-icon {
    background: rgba(112, 234, 200, 0.1);
    color: rgba(12, 156, 108, 0.92)
}
:root[data-theme="light"] .guidebook-empty strong {
    color: rgba(16, 32, 36, 0.878)
}
:root[data-theme="light"] .guidebook-empty button {
    border: 1px solid rgba(26, 178, 136, 0.459);
    background: rgba(112, 234, 200, 0.125);
    color: rgba(8, 160, 113, 0.92)
}
:root[data-theme="light"] .guidebook-skeleton-media, :root[data-theme="light"] .guidebook-skeleton-copy i {
    background: linear-gradient(100deg, rgba(16, 32, 36, 0.041) 20%, rgba(148, 248, 219, 0.15) 42%, rgba(16, 32, 36, 0.041) 64%)
}
:root[data-theme="light"] .zw-skel {
    background: linear-gradient(100deg, rgba(16, 32, 36, 0.041) 20%, rgba(148, 248, 219, 0.15) 42%, rgba(16, 32, 36, 0.041) 64%)
}
:root[data-theme="light"] .zw-loading-row .zw-skel-dot {
    background: linear-gradient(100deg, rgba(16, 32, 36, 0.041) 20%, rgba(148, 248, 219, 0.15) 42%, rgba(16, 32, 36, 0.041) 64%)
}
:root[data-theme="light"] .zw-review-btn {
    border: 1px solid rgba(26, 178, 136, 0.297);
    background: linear-gradient(150deg, rgba(231, 237, 238, 0.5), rgba(242, 244, 245, 0.72));
    color: rgba(8, 160, 103, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04)
}
:root[data-theme="light"] .zw-review-btn:hover, :root[data-theme="light"] .zw-review-btn:focus-visible {
    outline: none;
    border-color: rgba(16, 188, 137, 0.743);
    box-shadow: 0 10px 22px rgba(16, 32, 36, 0.062), 0 0 20px rgba(79, 213, 174, 0.066), inset 0 1px 0 rgba(255, 255, 255, 0.06)
}
:root[data-theme="light"] .zw-review-ic {
    background: rgba(16, 32, 36, 0.054)
}
:root[data-theme="light"] .zw-review-arrow {
    color: rgba(10, 158, 114, 0.92)
}
:root[data-theme="light"] .zw-review-btn:hover .zw-review-arrow {
    color: rgba(10, 158, 114, 0.95)
}
:root[data-theme="light"] .zw-review-google .zw-review-ic {
    background: rgba(66, 133, 244, 0.2);
    color: rgb(8, 66, 160)
}
:root[data-theme="light"] .zw-review-booking .zw-review-ic {
    background: rgba(213, 231, 244, 0.18);
    color: rgb(8, 87, 160)
}
:root[data-theme="light"] .zw-review-tripadvisor .zw-review-ic {
    background: rgba(52, 224, 161, 0.175);
    color: rgb(22, 146, 92)
}
:root[data-theme="light"] .zw-review-private {
    border-color: rgba(16, 32, 36, 0.158);
    background: rgba(16, 32, 36, 0.032);
    color: rgba(16, 32, 36, 0.838)
}
:root[data-theme="light"] .zw-review-private:hover, :root[data-theme="light"] .zw-review-private:focus-visible {
    border-color: rgba(16, 32, 36, 0.273);
    box-shadow: none
}
:root[data-theme="light"] .guidebook-marker, :root[data-theme="light"] .guidebook-hotel-marker {
    border: 2px solid hsl(0 0% 100% / 0.92);
    background: var(--pin);
    color: var(--pin-ink);
    box-shadow: 0 3px 10px rgba(16, 32, 36, 0.14),
        0 0 0 3px color-mix(in srgb, var(--pin) 26%, transparent)
}
:root[data-theme="light"] .guidebook-marker::after {
    background: var(--pin)
}
:root[data-theme="light"] .guidebook-marker:hover, :root[data-theme="light"] .guidebook-marker:focus-visible {
    border-color: rgba(16, 32, 36, 0.32);
    box-shadow: 0 8px 18px rgba(16, 32, 36, 0.154),
        0 0 0 6px color-mix(in srgb, var(--pin) 34%, transparent)
}
:root[data-theme="light"] .guidebook-marker.is-sponsored {
    border-color: rgba(204, 142, 0, 0.9)
}
:root[data-theme="light"] .guidebook-marker.is-provider {
    border-color: rgba(0, 91, 204, 0.9)
}
:root[data-theme="light"] .guidebook-hotel-marker {
    background: linear-gradient(145deg, rgb(247, 213, 141), rgb(240, 233, 226));
    color: rgb(39, 24, 11);
    box-shadow: 0 0 0 5px rgba(247, 213, 141, 0.099), 0 8px 20px rgba(16, 32, 36, 0.118)
}
:root[data-theme="light"] .guidebook-hotel-tag {
    background: rgba(243, 245, 246, 0.92);
    border: 0.8px solid rgba(191, 134, 13, 0.459);
    color: rgba(145, 86, 8, 0.95);
    box-shadow: 0 6px 18px rgba(16, 32, 36, 0.14)
}
:root[data-theme="light"] .guidebook-hotel-marker::after {
    border: 1px solid rgba(191, 134, 13, 0.648)
}
:root[data-theme="light"] .guidebook-here-popup-shell .mapboxgl-popup-content {
    background: rgba(243, 245, 246, 0.94);
    border: 0.8px solid rgba(191, 134, 13, 0.378);
    box-shadow: 0 18px 44px rgba(16, 32, 36, 0.154)
}
:root[data-theme="light"] .guidebook-here-popup-shell .mapboxgl-popup-tip {
    border-top-color: rgba(16, 32, 36, 0.1);
    border-bottom-color: rgba(16, 32, 36, 0.1);
    border-left-color: rgba(16, 32, 36, 0.1);
    border-right-color: rgba(16, 32, 36, 0.1)
}
:root[data-theme="light"] .guidebook-here-popup-shell .mapboxgl-popup-close-button {
    color: rgba(16, 32, 36, 0.62);
    background: none
}
:root[data-theme="light"] .guidebook-here-popup-shell .mapboxgl-popup-close-button:hover {
    color: rgba(16, 32, 36, 0.892);
    background: none
}
:root[data-theme="light"] .guidebook-here-eyebrow {
    color: rgba(145, 101, 8, 0.92)
}
:root[data-theme="light"] .guidebook-here-title {
    color: rgba(16, 32, 36, 0.919)
}
:root[data-theme="light"] .guidebook-here-address {
    color: rgba(16, 32, 36, 0.634)
}
:root[data-theme="light"] .guidebook-detail-overlay {
    background: rgba(16, 32, 36, 0.324)
}
:root[data-theme="light"] .guidebook-detail-sheet {
    border-inline-start: 1px solid rgba(26, 178, 136, 0.324);
    background: linear-gradient(160deg, rgb(236, 240, 241) 0%, rgb(241, 244, 245) 47%, rgb(243, 245, 247) 100%);
    box-shadow: -24px 0 70px rgba(16, 32, 36, 0.112), inset 1px 0 0 rgba(255, 255, 255, 0.035)
}
:root[data-theme="light"] .guidebook-detail-close {
    border: 1px solid rgba(16, 32, 36, 0.273);
    background: rgba(245, 248, 249, 0.72);
    color: rgba(16, 32, 36, 0.865)
}
:root[data-theme="light"] .guidebook-detail-close:hover {
    border-color: rgba(18, 186, 131, 0.81);
    background: rgba(219, 235, 231, 0.74)
}
:root[data-theme="light"] .guidebook-detail-media {
    background: linear-gradient(145deg, rgb(209, 230, 230), rgb(234, 239, 241) 70%)
}
:root[data-theme="light"] .guidebook-detail-media::after {
    background: linear-gradient(180deg, rgba(246, 248, 249, 0.04) 30%, rgba(246, 248, 249, 0.84) 100%)
}
:root[data-theme="light"] .guidebook-detail-image-wrap {
    background: radial-gradient(circle at 70% 20%, rgba(139, 243, 208, 0.25), transparent 27%),
        linear-gradient(145deg, rgb(209, 230, 230), rgb(237, 241, 243) 72%)
}
:root[data-theme="light"] .guidebook-detail-image-glyph {
    border: 1px solid rgba(0, 204, 135, 0.378);
    background: rgba(242, 246, 247, 0.26);
    color: rgba(8, 160, 109, 0.92)
}
:root[data-theme="light"] .guidebook-detail-content h2 {
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .guidebook-detail-tagline {
    color: rgba(41, 127, 100, 0.92)
}
:root[data-theme="light"] .guidebook-detail-trust {
    border: 1px solid rgba(26, 178, 136, 0.23);
    background: rgba(112, 234, 200, 0.069);
    color: rgba(12, 156, 110, 0.92)
}
:root[data-theme="light"] .guidebook-detail-trust > span:first-child {
    background: rgba(112, 234, 200, 0.2);
    color: rgb(12, 157, 107)
}
:root[data-theme="light"] .guidebook-detail-facts > div {
    border: 1px solid rgba(16, 32, 36, 0.124);
    background: rgba(16, 32, 36, 0.029)
}
:root[data-theme="light"] .guidebook-detail-facts > div > span {
    color: rgba(12, 156, 108, 0.92)
}
:root[data-theme="light"] .guidebook-detail-facts small {
    color: rgba(16, 32, 36, 0.579)
}
:root[data-theme="light"] .guidebook-detail-facts strong {
    color: rgba(8, 160, 99, 0.92)
}
:root[data-theme="light"] .guidebook-detail-promotion {
    border: 1px solid rgba(193, 133, 11, 0.473);
    background: linear-gradient(135deg, rgba(233, 224, 212, 0.34), rgba(231, 219, 209, 0.14));
    box-shadow: inset 0 1px 0 rgba(255, 230, 167, 0.044)
}
:root[data-theme="light"] .guidebook-detail-promotion .guidebook-promo-kicker {
    color: rgb(144, 99, 9)
}
:root[data-theme="light"] .guidebook-detail-promotion strong {
    color: rgb(145, 102, 8)
}
:root[data-theme="light"] .guidebook-detail-promotion p {
    color: rgba(145, 103, 8, 0.92)
}
:root[data-theme="light"] .guidebook-detail-promotion code {
    border: 1px dashed rgba(204, 139, 0, 0.608);
    color: rgb(145, 102, 8)
}
:root[data-theme="light"] .guidebook-detail-description {
    color: rgba(40, 128, 97, 0.92)
}
:root[data-theme="light"] .guidebook-detail-tags span {
    border: 1px solid rgba(26, 178, 136, 0.23);
    background: rgba(112, 234, 200, 0.069);
    color: rgba(9, 159, 113, 0.92)
}
:root[data-theme="light"] .guidebook-ask-button {
    border: 1px solid rgba(0, 204, 139, 0.743);
    background: linear-gradient(135deg, rgba(112, 234, 200, 0.96), rgba(228, 240, 236, 0.9));
    color: rgb(6, 32, 24);
    box-shadow: 0 8px 20px rgba(40, 171, 130, 0.099), inset 0 1px 0 rgba(255, 255, 255, 0.38)
}
:root[data-theme="light"] .guidebook-ask-button:hover {
    background: linear-gradient(135deg, rgb(154, 246, 215), rgb(88, 202, 158));
    box-shadow: 0 10px 24px rgba(40, 171, 130, 0.154)
}
:root[data-theme="light"] .guidebook-secondary-action {
    border: 1px solid rgba(16, 32, 36, 0.181);
    background: rgba(16, 32, 36, 0.036);
    color: rgba(22, 146, 102, 0.92)
}
:root[data-theme="light"] .guidebook-secondary-action:hover {
    border-color: rgba(26, 178, 136, 0.567);
    background: rgba(112, 234, 200, 0.112);
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .guidebook-sponsored-note {
    color: rgba(145, 94, 8, 0.92)
}
:root[data-theme="light"] .guidebook-provider-note {
    border-inline-start: 2px solid rgba(15, 91, 189, 0.783);
    background: rgba(72, 123, 191, 0.1);
    color: rgba(8, 79, 160, 0.92)
}
:root[data-theme="light"] .guidebook-ai-panel {
    border: 1px solid rgba(26, 178, 136, 0.297);
    background: radial-gradient(circle at 94% 0%, rgba(112, 234, 200, 0.138), transparent 36%),
        rgba(112, 234, 200, 0.056);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045)
}
:root[data-theme="light"] .guidebook-ai-heading > span {
    border: 1px solid rgba(15, 189, 138, 0.486);
    background: rgba(112, 234, 200, 0.125);
    color: rgba(8, 160, 111, 0.92)
}
:root[data-theme="light"] .guidebook-ai-heading strong {
    color: rgba(8, 160, 102, 0.94)
}
:root[data-theme="light"] .guidebook-ai-heading small {
    color: rgba(39, 129, 101, 0.92)
}
:root[data-theme="light"] .guidebook-ai-input {
    border: 1px solid rgba(16, 32, 36, 0.181);
    outline: 0;
    background: rgba(16, 32, 36, 0.043);
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .guidebook-ai-input::placeholder {
    color: rgba(16, 32, 36, 0.552)
}
:root[data-theme="light"] .guidebook-ai-input:focus {
    border-color: rgba(26, 178, 136, 0.783);
    background: rgba(16, 32, 36, 0.061);
    box-shadow: 0 0 0 3px rgba(112, 234, 200, 0.055)
}
:root[data-theme="light"] .guidebook-ai-submit {
    border: 1px solid rgba(0, 204, 139, 0.648);
    background: rgba(112, 234, 200, 0.25);
    color: rgba(8, 160, 110, 0.94)
}
:root[data-theme="light"] .guidebook-ai-submit:hover:not(:disabled) {
    border-color: rgba(0, 204, 139, 0.9);
    background: rgba(112, 234, 200, 0.425)
}
:root[data-theme="light"] .guidebook-ai-answer {
    border-inline-start: 2px solid rgba(26, 178, 136, 0.743);
    background: rgba(16, 32, 36, 0.032);
    color: rgba(21, 147, 97, 0.92)
}
:root[data-theme="light"] .guidebook-ai-answer.is-loading {
    color: rgba(11, 157, 110, 0.92)
}
:root[data-theme="light"] .guidebook-ai-answer.is-error {
    border-inline-start-color: rgba(204, 0, 0, 0.891);
    color: rgb(160, 8, 8)
}
:root[data-theme="light"] .guidebook-feedback-prompt {
    border-top: 1px solid rgba(16, 32, 36, 0.112);
    color: rgba(46, 122, 100, 0.92)
}
:root[data-theme="light"] .guidebook-feedback-prompt button {
    border: 1px solid rgba(16, 32, 36, 0.181);
    background: rgba(16, 32, 36, 0.036);
    color: rgba(23, 145, 101, 0.92)
}
:root[data-theme="light"] .guidebook-feedback-prompt button:hover:not(:disabled), :root[data-theme="light"] .guidebook-feedback-prompt.is-complete button {
    border-color: rgba(26, 178, 136, 0.567);
    background: rgba(112, 234, 200, 0.125);
    color: rgba(8, 160, 111, 0.95)
}
:root[data-theme="light"] .guidebook-feedback-prompt small {
    color: rgba(16, 152, 104, 0.92)
}
:root[data-theme="light"] .guidebook-trust-footer {
    border-top: 1px solid rgba(16, 32, 36, 0.106);
    color: rgba(47, 121, 102, 0.768)
}
:root[data-theme="light"] .guidebook-trust-icon {
    background: rgba(112, 234, 200, 0.125);
    color: rgba(12, 156, 108, 0.92)
}
@media (max-width: 760px) {
    :root[data-theme="light"] .guidebook-detail-sheet {
        border-inline-start: 0;
        border-block-start: 1px solid rgba(26, 178, 136, 0.338);
        box-shadow: 0 -24px 70px rgba(16, 32, 36, 0.129), inset 0 1px 0 rgba(255, 255, 255, 0.035)
    }
}
:root[data-theme="light"] [dir="rtl"] .guidebook-detail-sheet {
    box-shadow: 24px 0 70px rgba(16, 32, 36, 0.112), inset -1px 0 0 rgba(255, 255, 255, 0.035)
}
@media (max-width: 760px) {
    :root[data-theme="light"] [dir="rtl"] .guidebook-detail-sheet {
        box-shadow: 0 -24px 70px rgba(16, 32, 36, 0.129), inset 0 1px 0 rgba(255, 255, 255, 0.035)
    }
}
html[data-theme="light"].zw-high-contrast .zawaya-mode-switch, html[data-theme="light"].zw-high-contrast .guidebook-card, html[data-theme="light"].zw-high-contrast .guidebook-map-panel, html[data-theme="light"].zw-high-contrast .guidebook-detail-sheet {
    border-color: rgba(16, 32, 36, 0.32)
}
html[data-theme="light"].zw-high-contrast .guidebook-card-tagline, html[data-theme="light"].zw-high-contrast .guidebook-card-meta, html[data-theme="light"].zw-high-contrast .guidebook-detail-tagline, html[data-theme="light"].zw-high-contrast .guidebook-detail-description {
    color: rgba(16, 32, 36, 0.851)
}
@media (forced-colors: active) {
    :root[data-theme="light"] .zawaya-mode-tab, :root[data-theme="light"] .guidebook-category-chip, :root[data-theme="light"] .guidebook-card, :root[data-theme="light"] .guidebook-filter-button, :root[data-theme="light"] .guidebook-map-control, :root[data-theme="light"] .guidebook-detail-close, :root[data-theme="light"] .guidebook-ask-button, :root[data-theme="light"] .guidebook-secondary-action {
        border: 1px solid ButtonText
    }
}
@media (forced-colors: active) {
    :root[data-theme="light"] .zawaya-mode-tab.is-active, :root[data-theme="light"] .guidebook-category-chip.is-active {
        background: Highlight;
        color: HighlightText
    }
}
@media (forced-colors: active) {
    :root[data-theme="light"] .guidebook-card-open:focus-visible {
        outline: 2px solid Highlight
    }
}
:root[data-theme="light"] .action-btn[data-mode="stop"] {
    background: rgba(239, 68, 68, 0.2);
    border: 1.5px solid rgba(188, 16, 16, 0.567)
}
:root[data-theme="light"] .action-btn[data-mode="stop"]:hover {
    background: rgba(239, 68, 68, 0.35)
}
:root[data-theme="light"] .action-btn .send-icon.stop-icon svg {
    fill: rgba(16, 32, 36, 0.926);
    stroke: none
}
:root[data-theme="light"] .ai-copy-btn:hover {
    color: rgba(40, 128, 94, 0.92);
    border-color: rgba(51, 153, 114, 0.473);
    background: rgba(94, 201, 160, 0.075)
}
:root[data-theme="light"] .jump-to-latest {
    border: 1px solid rgba(26, 178, 136, 0.473);
    background: rgba(242, 245, 245, 0.92);
    color: rgba(16, 32, 36, 0.906);
    box-shadow: 0 8px 24px rgba(16, 32, 36, 0.098), 0 0 12px rgba(112, 234, 200, 0.066)
}
:root[data-theme="light"] .jump-to-latest:hover {
    border-color: rgba(26, 178, 136, 0.81);
    background: rgba(239, 243, 243, 0.96)
}
:root[data-theme="light"] .chat-input-bar.bottom {
    background: linear-gradient(to bottom,
        rgba(244, 246, 247, 0) 0%,
        rgba(244, 246, 247, 0.82) 42%,
        rgba(244, 246, 247, 0.96) 100%)
}
@media (max-width: 768px) {
    :root[data-theme="light"] .app-header {
        background: rgb(244, 246, 247)
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .app-header::after {
        background: linear-gradient(to bottom,
            rgb(244, 246, 247),
            rgba(244, 246, 247, 0))
    }
}
:root[data-theme="light"] .zw-sheet-overlay {
    background: rgba(16, 32, 36, 0.338)
}
:root[data-theme="light"] .zw-sheet {
    background: rgb(243, 244, 245);
    border: 0.8px solid rgba(51, 153, 114, 0.243)
}
:root[data-theme="light"] .zw-sheet-handle span {
    background: transparent
}
:root[data-theme="light"] .zw-sheet-head {
    background: rgb(243, 244, 245)
}
:root[data-theme="light"] .zw-sheet-icon {
    background: rgba(94, 201, 160, 0.125);
    border: 0.8px solid rgba(51, 153, 114, 0.27);
    color: rgba(40, 128, 94, 0.92)
}
:root[data-theme="light"] .zw-sheet-title {
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .zw-sheet-close {
    background: rgba(16, 32, 36, 0.045);
    border: 0.8px solid rgba(16, 32, 36, 0.112);
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .zw-sheet-close:hover {
    background: rgba(94, 201, 160, 0.15);
    border-color: rgba(51, 153, 114, 0.473);
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .zw-sheet-tabs {
    background: rgba(16, 32, 36, 0.032);
    border: 0.8px solid rgba(16, 32, 36, 0.101)
}
:root[data-theme="light"] .zw-sheet-tab {
    border: none;
    background: transparent;
    color: rgba(16, 32, 36, 0.654)
}
:root[data-theme="light"] .zw-sheet-tab:hover {
    color: rgba(16, 32, 36, 0.858)
}
:root[data-theme="light"] .zw-sheet-tab.is-active {
    background: rgba(94, 201, 160, 0.175);
    color: rgba(8, 160, 103, 0.95);
    box-shadow: inset 0 0 0 0.8px rgba(94, 201, 160, 0.165)
}
:root[data-theme="light"] .settings-section-title {
    color: rgba(40, 128, 94, 0.92)
}
:root[data-theme="light"] .settings-row {
    border: 0.8px solid rgba(16, 32, 36, 0.101);
    background: rgba(16, 32, 36, 0.027);
    color: rgba(16, 32, 36, 0.858)
}
:root[data-theme="light"] .settings-row:hover {
    border-color: rgba(51, 153, 114, 0.405);
    background: rgba(94, 201, 160, 0.075)
}
:root[data-theme="light"] .settings-row-value {
    color: rgba(40, 128, 94, 0.92)
}
:root[data-theme="light"] .settings-danger-btn {
    border: 0.8px solid rgba(179, 25, 25, 0.338);
    background: rgba(239, 68, 68, 0.075);
    color: rgba(151, 17, 17, 0.92)
}
:root[data-theme="light"] .settings-danger-btn:hover {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(188, 16, 16, 0.54)
}
:root[data-theme="light"] .pref-toggle-group {
    color: rgba(16, 32, 36, 0.518)
}
:root[data-theme="light"] .pref-toggle-row {
    border-bottom: 1px solid rgba(16, 32, 36, 0.078)
}
:root[data-theme="light"] .pref-toggle-row:last-child {
    border-bottom: none
}
:root[data-theme="light"] .pref-toggle-label {
    color: rgba(16, 32, 36, 0.838)
}
:root[data-theme="light"] .zw-switch-track {
    background: rgba(16, 32, 36, 0.108);
    border: 1px solid rgba(16, 32, 36, 0.124)
}
:root[data-theme="light"] .zw-switch-track::after {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 1px 3px rgba(16, 32, 36, 0.112)
}
:root[data-theme="light"] .zw-switch input:checked ~ .zw-switch-track {
    background: rgba(94, 201, 160, 0.85);
    border-color: rgba(51, 153, 114, 0.675)
}
:root[data-theme="light"] .zw-switch input:checked ~ .zw-switch-track::after {
    background: rgb(245, 247, 246)
}
:root[data-theme="light"] .zw-switch input:focus-visible ~ .zw-switch-track {
    outline: 2px solid rgba(0, 204, 146, 0.9)
}
:root[data-theme="light"] .settings-logout-btn {
    border: 0.8px solid rgba(16, 32, 36, 0.124);
    background: rgba(16, 32, 36, 0.027);
    color: rgba(151, 17, 17, 0.92)
}
:root[data-theme="light"] .settings-logout-btn:hover {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(188, 16, 16, 0.405)
}
:root[data-theme="light"] .menu-label-toggle {
    border: none;
    background: none;
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .menu-label-toggle:hover {
    color: rgba(16, 32, 36, 0.892);
    background: rgba(16, 32, 36, 0.045)
}
:root[data-theme="light"] .menu-label-toggle:focus-visible {
    outline: 2px solid rgba(0, 204, 146, 0.9)
}
:root[data-theme="light"] .menu-label-toggle-text {
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .guest-menu.labels-on .nav-text, :root[data-theme="light"] .guest-menu.labels-on .nav-item:hover .nav-text, :root[data-theme="light"] .guest-menu.labels-on .nav-item:focus-within .nav-text, :root[data-theme="light"] .guest-menu.labels-on .nav-item:focus-visible .nav-text {
    background: none;
    border: none;
    box-shadow: none;
    color: inherit
}
:root[data-theme="light"] .rc-time-select option {
    background: rgb(243, 244, 245);
    color: rgba(16, 32, 36, 0.858)
}
:root[data-theme="light"] .rc-time-select:focus {
    border-color: rgba(51, 153, 114, 0.675)
}
:root[data-theme="light"] .stay-journey-card {
    border: 1px solid rgba(51, 153, 114, 0.338);
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.125), rgba(241, 244, 246, 0.92));
    box-shadow: 0 9px 28px rgba(16, 32, 36, 0.042)
}
:root[data-theme="light"] .stay-journey-copy strong {
    color: rgba(16, 32, 36, 0.919)
}
:root[data-theme="light"] .stay-journey-copy p {
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .stay-journey-action {
    border: 0;
    background: rgb(94, 201, 160);
    color: rgb(7, 18, 25)
}
:root[data-theme="light"] .stay-journey-dismiss {
    border: 1px solid rgba(16, 32, 36, 0.169);
    background: transparent;
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .concierge-brief-status {
    border: 1px solid rgba(200, 145, 4, 0.27);
    background: rgba(251, 191, 36, 0.1);
    color: rgba(145, 112, 8, 0.92)
}
:root[data-theme="light"] .concierge-brief-status.is-ready {
    border-color: rgba(51, 153, 114, 0.297);
    background: rgba(94, 201, 160, 0.125);
    color: rgb(31, 137, 93)
}
:root[data-theme="light"] .concierge-brief-form {
    border: 1px solid rgba(16, 32, 36, 0.106);
    background: rgba(246, 248, 250, 0.36)
}
:root[data-theme="light"] .concierge-brief-intro {
    color: rgba(16, 32, 36, 0.674)
}
:root[data-theme="light"] .concierge-brief-field + .concierge-brief-field {
    border-top: 1px solid rgba(16, 32, 36, 0.083)
}
:root[data-theme="light"] .concierge-brief-label {
    color: rgba(16, 32, 36, 0.851)
}
:root[data-theme="light"] .concierge-brief-optional {
    color: rgba(16, 32, 36, 0.511)
}
:root[data-theme="light"] .concierge-choice-chip {
    border: 1px solid rgba(16, 32, 36, 0.141);
    outline: none;
    background: rgba(16, 32, 36, 0.032);
    color: rgba(16, 32, 36, 0.749)
}
:root[data-theme="light"] .concierge-choice-chip:hover:not(:disabled) {
    color: rgba(16, 32, 36, 0.906);
    border-color: rgba(51, 153, 114, 0.405);
    background: rgba(94, 201, 160, 0.081)
}
:root[data-theme="light"] .concierge-choice-chip:focus-visible {
    box-shadow: 0 0 0 3px rgba(94, 201, 160, 0.072);
    border-color: rgba(51, 153, 114, 0.837)
}
:root[data-theme="light"] .concierge-choice-chip.is-selected {
    border-color: rgba(51, 153, 114, 0.567);
    background: rgba(94, 201, 160, 0.188);
    color: rgb(30, 138, 97)
}
:root[data-theme="light"] .concierge-brief-control {
    border: 1px solid rgba(51, 153, 114, 0.324);
    outline: none;
    background: rgba(94, 201, 160, 0.056);
    color: rgba(16, 32, 36, 0.919)
}
:root[data-theme="light"] .concierge-brief-control::placeholder {
    color: rgba(16, 32, 36, 0.491)
}
:root[data-theme="light"] .concierge-brief-control:focus-visible {
    border-color: rgba(51, 153, 114, 0.9);
    background: rgba(94, 201, 160, 0.081);
    box-shadow: 0 0 0 3px rgba(94, 201, 160, 0.066)
}
:root[data-theme="light"] .concierge-brief-field.is-invalid .concierge-brief-label {
    color: rgba(145, 112, 8, 0.95)
}
:root[data-theme="light"] .concierge-brief-field.is-invalid .concierge-brief-choices {
    background: rgba(251, 191, 36, 0.044)
}
:root[data-theme="light"] .concierge-brief-required-hint {
    background: rgba(251, 191, 36, 0.088);
    color: rgba(145, 112, 8, 0.92)
}
:root[data-theme="light"] .concierge-brief-review {
    background: rgba(16, 32, 36, 0.025)
}
:root[data-theme="light"] .concierge-brief-review-title {
    color: rgba(16, 32, 36, 0.525)
}
:root[data-theme="light"] .concierge-brief-review-key {
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .concierge-brief-review-value {
    color: rgba(16, 32, 36, 0.844)
}
:root[data-theme="light"] .concierge-final-review {
    border: 1px solid rgba(16, 32, 36, 0.083);
    background: linear-gradient(145deg, rgba(16, 32, 36, 0.032), rgba(16, 32, 36, 0.016))
}
:root[data-theme="light"] .concierge-approval-chat-hint {
    color: rgba(16, 32, 36, 0.593)
}
@media (max-width: 640px), (hover: none) and (pointer: coarse) {
    :root[data-theme="light"] .header-chip-icon::after, :root[data-theme="light"] #guestMenuBtn::after, :root[data-theme="light"] .zawaya-mode-tab::after, :root[data-theme="light"] #glcLangToggle::after, :root[data-theme="light"] .ai-report-btn::after, :root[data-theme="light"] .cookie-policy-btn::after {
        background: transparent
    }
}
:root[data-theme="light"] .zw-thread {
    border-top: 0.8px solid rgba(16, 32, 36, 0.101)
}
:root[data-theme="light"] .zw-thread-btn {
    border: 0.8px solid rgba(16, 32, 36, 0.112);
    background: rgba(16, 32, 36, 0.018);
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .zw-thread-btn:hover {
    background: rgba(16, 32, 36, 0.041)
}
:root[data-theme="light"] .zw-thread-btn .zw-dot {
    background: rgba(112, 234, 200, 0.95);
    box-shadow: 0 0 7px rgba(112, 234, 200, 0.33)
}
:root[data-theme="light"] .zw-msg.hotel {
    background: rgba(112, 234, 200, 0.112);
    border: 0.8px solid rgba(26, 178, 136, 0.27);
    color: rgba(16, 32, 36, 0.878)
}
:root[data-theme="light"] .zw-msg.mine {
    background: rgba(16, 32, 36, 0.054);
    border: 0.8px solid rgba(16, 32, 36, 0.124);
    color: rgba(16, 32, 36, 0.865)
}
:root[data-theme="light"] .zw-compose textarea {
    border: 0.8px solid rgba(16, 32, 36, 0.124);
    background: rgba(16, 32, 36, 0.027);
    color: rgba(16, 32, 36, 0.878);
    outline: none
}
:root[data-theme="light"] .zw-compose textarea:focus {
    border-color: rgba(26, 178, 136, 0.473)
}
:root[data-theme="light"] .zw-compose button {
    border: none;
    background: linear-gradient(135deg,rgba(94, 201, 160, 0.85),rgba(225, 239, 233, 0.8));
    color: rgba(16, 32, 36, 0.94)
}
:root[data-theme="light"] .zw-apology {
    background: linear-gradient(135deg,rgba(251, 191, 36, 0.088),rgba(251, 191, 36, 0.025));
    border: 0.8px solid rgba(200, 145, 4, 0.297)
}
:root[data-theme="light"] .zw-apology-h {
    color: rgba(145, 107, 8, 0.95)
}
:root[data-theme="light"] .zw-apology-b {
    color: rgba(16, 32, 36, 0.77)
}
:root[data-theme="light"] .zw-apology-quote {
    background: rgba(16, 32, 36, 0.036);
    border-inline-start: 2px solid rgba(200, 145, 4, 0.608);
    color: rgba(16, 32, 36, 0.878)
}
:root[data-theme="light"] .zw-apology-mt {
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .zw-apology-cta {
    border: 0.8px solid rgba(26, 178, 136, 0.405);
    background: rgba(112, 234, 200, 0.1);
    color: rgba(18, 150, 113, 0.95)
}
:root[data-theme="light"] .zw-apology-cta:hover {
    background: rgba(112, 234, 200, 0.175)
}
:root[data-theme="light"] .zw-apology-cta.quiet {
    border-color: rgba(16, 32, 36, 0.158);
    background: rgba(16, 32, 36, 0.027);
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .zw-apology-cta.quiet:hover {
    background: rgba(16, 32, 36, 0.063)
}
:root[data-theme="light"] .zw-private-ack {
    background: rgba(192, 132, 252, 0.088);
    border: 0.8px solid rgba(102, 5, 199, 0.27);
    color: rgba(81, 8, 160, 0.92)
}
:root[data-theme="light"] .zw-private {
    background: rgba(192, 132, 252, 0.15);
    border: 0.8px solid rgba(102, 5, 199, 0.378);
    color: rgba(82, 8, 160, 0.95)
}
:root[data-theme="light"] .zw-private-row {
    background: rgba(192, 132, 252, 0.075);
    border: 0.8px solid rgba(102, 5, 199, 0.27)
}
:root[data-theme="light"] .zw-private-row.on {
    background: rgba(192, 132, 252, 0.15);
    border-color: rgba(102, 5, 199, 0.567)
}
:root[data-theme="light"] .zw-private-box {
    border: 1.6px solid rgba(102, 5, 199, 0.743)
}
:root[data-theme="light"] .zw-private-row.on .zw-private-box {
    background: rgba(192, 132, 252, 0.9);
    border-color: rgba(102, 5, 199, 0.9)
}
:root[data-theme="light"] .glc-eye {
    background: none;
    border: 0;
    color: rgba(16, 32, 36, 0.47)
}
:root[data-theme="light"] .glc-eye:hover {
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .glc-eye.is-on {
    color: rgba(40, 128, 94, 0.92)
}
:root[data-theme="light"] .glc-help-link {
    background: none;
    border: 0;
    color: rgba(40, 128, 94, 0.92)
}
:root[data-theme="light"] .glc-help-link:hover {
    color: rgba(40, 128, 94, 0.95)
}
:root[data-theme="light"] .glc-help-pop {
    background: rgba(240, 242, 243, 0.97);
    border: 0.8px solid rgba(51, 153, 114, 0.351);
    box-shadow: 0 14px 38px rgba(16, 32, 36, 0.154)
}
:root[data-theme="light"] .glc-help-dial {
    background: rgba(94, 201, 160, 0.175);
    border: 1px solid rgba(51, 153, 114, 0.432);
    color: rgba(40, 128, 94, 0.95)
}
:root[data-theme="light"] .glc-help-text {
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .glc-help-text b {
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .gns-overlay {
    background: rgba(245, 247, 248, 0.55)
}
:root[data-theme="light"] .gns-card {
    background: rgba(239, 240, 242, 0.98);
    border: 0.8px solid rgba(16, 32, 36, 0.124);
    box-shadow: 0 26px 70px rgba(16, 32, 36, 0.168)
}
:root[data-theme="light"] .gns-avatar {
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.275), rgba(94, 201, 160, 0.075));
    border: 1px solid rgba(51, 153, 114, 0.378);
    color: rgba(40, 128, 94, 0.92)
}
:root[data-theme="light"] .gns-title {
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .gns-sub {
    color: rgba(16, 32, 36, 0.606)
}
:root[data-theme="light"] .dining-surface {
    color: var(--text-primary)
}
:root[data-theme="light"] .dining-hero {
    border: 1px solid rgba(26, 178, 136, 0.189);
    background: rgba(240, 243, 244, 0.92)
}
:root[data-theme="light"] .dining-eyebrow {
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .dining-hero h1 {
    color: rgba(16, 32, 36, 0.933)
}
:root[data-theme="light"] .dining-hero p {
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .dining-ordering-pill {
    border: 1px solid rgba(51, 153, 114, 0.378);
    background: rgba(94, 201, 160, 0.1);
    color: rgba(18, 151, 99, 0.95)
}
:root[data-theme="light"] .dining-ordering-pill::before {
    background: rgba(94, 201, 160, 0.95);
    box-shadow: 0 0 0 3px rgba(94, 201, 160, 0.099)
}
:root[data-theme="light"] .dining-ordering-pill.is-closed {
    border-color: rgba(200, 145, 4, 0.405);
    background: rgba(251, 191, 36, 0.1);
    color: rgba(145, 107, 8, 0.96)
}
:root[data-theme="light"] .dining-ordering-pill.is-closed::before {
    background: rgba(251, 191, 36, 0.95);
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.088)
}
:root[data-theme="light"] .dining-outlet-switch {
    border: 1px solid rgba(16, 32, 36, 0.112);
    background: rgba(16, 32, 36, 0.027)
}
:root[data-theme="light"] .dining-outlet-chip {
    border: 0;
    background: transparent;
    color: rgba(16, 32, 36, 0.729)
}
:root[data-theme="light"] .dining-outlet-chip:hover {
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .dining-outlet-chip.is-active {
    background: rgba(94, 201, 160, 0.2);
    color: rgba(8, 160, 105, 0.98);
    box-shadow: inset 0 0 0 1px rgba(112, 234, 200, 0.193)
}
:root[data-theme="light"] .dining-panes {
    border-bottom: 1px solid rgba(16, 32, 36, 0.112)
}
:root[data-theme="light"] .dining-pane-tab {
    border: 0;
    background: transparent;
    color: rgba(16, 32, 36, 0.674)
}
:root[data-theme="light"] .dining-pane-tab:hover {
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .dining-pane-tab.is-active {
    color: rgba(8, 160, 105, 0.98)
}
:root[data-theme="light"] .dining-pane-tab.is-active::after {
    background: rgba(94, 201, 160, 0.95)
}
:root[data-theme="light"] .dining-chip {
    border: 1px solid rgba(16, 32, 36, 0.135);
    background: rgba(16, 32, 36, 0.027);
    color: rgba(16, 32, 36, 0.756)
}
:root[data-theme="light"] .dining-chip:hover {
    background: rgba(94, 201, 160, 0.1);
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .dining-chip.is-active {
    border-color: rgba(26, 178, 136, 0.675);
    background: rgba(94, 201, 160, 0.2);
    color: rgba(8, 160, 105, 0.98)
}
:root[data-theme="light"] .dining-pane-badge, :root[data-theme="light"] .zawaya-mode-badge {
    background: rgba(94, 201, 160, 0.9);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .zawaya-mode-tab.is-active .zawaya-mode-badge {
    background: rgba(240, 246, 244, 0.82);
    color: rgba(8, 160, 105, 0.98)
}
:root[data-theme="light"] .zawaya-mode-tab .zawaya-mode-badge {
    box-shadow: 0 0 0 2px rgba(16, 32, 36, 0.28)
}
:root[data-theme="light"] .zawaya-mode-tab.is-active .zawaya-mode-badge {
    background: rgb(245, 158, 11);
    color: rgb(26, 18, 5)
}
:root[data-theme="light"] .dining-outlet-count {
    background: rgba(94, 201, 160, 0.9);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .dining-other-cart {
    border: 1px dashed rgba(26, 178, 136, 0.378);
    background: transparent;
    color: rgba(8, 160, 105, 0.92)
}
:root[data-theme="light"] .dining-other-cart:hover {
    background: rgba(94, 201, 160, 0.1)
}
:root[data-theme="light"] .dining-status {
    border: 1px solid rgba(194, 10, 10, 0.324);
    background: rgba(248, 113, 113, 0.088);
    color: rgba(160, 8, 8, 0.92)
}
:root[data-theme="light"] .dining-search {
    border: 1px solid rgba(16, 32, 36, 0.135);
    background: rgba(16, 32, 36, 0.027)
}
:root[data-theme="light"] .dining-search:focus-within {
    border-color: rgba(26, 178, 136, 0.675);
    background: rgba(94, 201, 160, 0.063)
}
:root[data-theme="light"] .dining-search-icon {
    fill: none;
    stroke: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .dining-search input {
    border: 0;
    outline: none;
    background: transparent;
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .dining-search input::placeholder {
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .dining-search-clear {
    border: 0;
    background: transparent;
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .dining-search-clear:hover {
    background: rgba(16, 32, 36, 0.054);
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .dining-search-clear svg {
    fill: none;
    stroke: currentColor
}
:root[data-theme="light"] .dining-filter-btn {
    border: 1px solid rgba(16, 32, 36, 0.158);
    background: transparent;
    color: rgba(16, 32, 36, 0.81)
}
:root[data-theme="light"] .dining-filter-btn svg {
    fill: none;
    stroke: currentColor
}
:root[data-theme="light"] .dining-filter-btn:hover {
    background: rgba(16, 32, 36, 0.045);
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .dining-filter-btn.is-active {
    border-color: rgba(26, 178, 136, 0.608);
    background: rgba(94, 201, 160, 0.125);
    color: rgba(8, 160, 105, 0.98)
}
:root[data-theme="light"] .dining-filter-count {
    background: rgba(94, 201, 160, 0.9);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .dining-filter-summary {
    border: 1px solid rgba(26, 178, 136, 0.324);
    background: rgba(94, 201, 160, 0.075);
    color: rgba(16, 32, 36, 0.797)
}
:root[data-theme="light"] .dining-filter-count-text {
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .dining-filter-detail {
    background: rgba(94, 201, 160, 0.15);
    color: rgba(8, 160, 105, 0.96)
}
:root[data-theme="light"] .dining-filter-cart {
    color: rgba(145, 107, 8, 0.95)
}
:root[data-theme="light"] .dining-link {
    border: 1px solid rgba(26, 178, 136, 0.378);
    background: rgba(94, 201, 160, 0.1);
    color: rgba(18, 151, 99, 0.95)
}
:root[data-theme="light"] .dining-link:hover {
    background: rgba(94, 201, 160, 0.2)
}
:root[data-theme="light"] .dining-filter-empty {
    border: 1px solid rgba(16, 32, 36, 0.112);
    background: rgba(16, 32, 36, 0.018)
}
:root[data-theme="light"] .dining-filter-empty-title {
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .dining-filter-empty-hint {
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .dining-filter-heading {
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .dining-segment {
    border: 1px solid rgba(16, 32, 36, 0.112);
    background: rgba(16, 32, 36, 0.027)
}
:root[data-theme="light"] .dining-segment-option {
    border: 0;
    background: transparent;
    color: rgba(16, 32, 36, 0.729)
}
:root[data-theme="light"] .dining-segment-option:hover {
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .dining-segment-option.is-active {
    background: rgba(94, 201, 160, 0.2);
    color: rgba(8, 160, 105, 0.98);
    box-shadow: inset 0 0 0 1px rgba(112, 234, 200, 0.193)
}
:root[data-theme="light"] .dining-filter-none {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .dining-filter-caution {
    color: rgba(145, 107, 8, 0.92)
}
:root[data-theme="light"] .dining-filter-honest {
    border-top: 1px solid rgba(16, 32, 36, 0.112)
}
:root[data-theme="light"] .dining-filter-honest > p {
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] .dining-filter-honest > .dining-filter-availability {
    color: rgba(16, 32, 36, 0.586)
}
:root[data-theme="light"] .dining-switch {
    color: rgba(16, 32, 36, 0.865)
}
:root[data-theme="light"] .dining-item-price {
    color: rgba(18, 151, 99, 0.95)
}
:root[data-theme="light"] .dining-item-media {
    background: rgba(16, 32, 36, 0.036)
}
:root[data-theme="light"] .dining-item-media::after {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07)
}
:root[data-theme="light"] .dining-btn:focus-visible, :root[data-theme="light"] .dining-btn-ghost:focus-visible, :root[data-theme="light"] .dining-chip:focus-visible, :root[data-theme="light"] .dining-segment-option:focus-visible, :root[data-theme="light"] .dining-filter-btn:focus-visible, :root[data-theme="light"] .dining-link:focus-visible, :root[data-theme="light"] .dining-search-clear:focus-visible {
    outline: 2px solid rgba(26, 178, 136, 0.9)
}
:root[data-theme="light"] .dining-btn {
    border: none;
    background: rgba(94, 201, 160, 0.92);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .dining-btn:hover:not(:disabled) {
    background: rgb(108, 214, 173)
}
:root[data-theme="light"] .dining-btn-ghost {
    border: 1px solid rgba(16, 32, 36, 0.158);
    background: transparent;
    color: rgba(16, 32, 36, 0.729)
}
:root[data-theme="light"] .dining-btn-ghost:hover {
    background: rgba(16, 32, 36, 0.045);
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .dining-cart {
    border: 1px solid rgba(26, 178, 136, 0.243);
    background: rgba(242, 245, 246, 0.82)
}
:root[data-theme="light"] .dining-cart-title {
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .dining-cart-line {
    border-bottom: 1px solid rgba(16, 32, 36, 0.078)
}
:root[data-theme="light"] .dining-cart-line-name {
    color: rgba(16, 32, 36, 0.878)
}
:root[data-theme="light"] .dining-cart-line-options, :root[data-theme="light"] .dining-cart-line-note {
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .dining-cart-line-warn {
    color: rgba(160, 8, 8, 0.95)
}
:root[data-theme="light"] .dining-step {
    border: 1px solid rgba(16, 32, 36, 0.181);
    background: transparent;
    color: rgba(16, 32, 36, 0.81)
}
:root[data-theme="light"] .dining-step:hover {
    background: rgba(94, 201, 160, 0.125);
    color: rgba(8, 160, 105, 0.95)
}
:root[data-theme="light"] .dining-step-remove:hover {
    background: rgba(248, 113, 113, 0.15);
    color: rgba(160, 8, 8, 0.95)
}
:root[data-theme="light"] .dining-cart-line-total {
    color: rgba(16, 32, 36, 0.81)
}
:root[data-theme="light"] .dining-cart-total {
    color: rgba(18, 151, 99, 0.95)
}
:root[data-theme="light"] .dining-cart-warn {
    color: rgba(160, 8, 8, 0.92)
}
:root[data-theme="light"] .dining-cart-note {
    color: rgba(145, 107, 8, 0.92)
}
:root[data-theme="light"] .dining-empty {
    color: rgba(16, 32, 36, 0.688)
}
:root[data-theme="light"] .dining-sheet-overlay {
    background: rgba(16, 32, 36, 0.324)
}
:root[data-theme="light"] .dining-sheet {
    border: 1px solid rgba(26, 178, 136, 0.27);
    background: rgb(243, 244, 245);
    box-shadow: 0 24px 64px rgba(16, 32, 36, 0.154);
    color-scheme: light
}
:root[data-theme="light"] .dining-sheet-title {
    color: rgba(16, 32, 36, 0.919)
}
:root[data-theme="light"] .dining-sheet > .dining-sheet-actions {
    border-top: 1px solid rgba(16, 32, 36, 0.112);
    background: rgb(243, 244, 245)
}
:root[data-theme="light"] .dining-optgroup {
    border: 1px solid rgba(16, 32, 36, 0.112)
}
:root[data-theme="light"] .dining-optgroup legend {
    color: rgba(8, 160, 105, 0.92)
}
:root[data-theme="light"] .dining-option {
    color: rgba(16, 32, 36, 0.838)
}
:root[data-theme="light"] .dining-option input[type="radio"], :root[data-theme="light"] .dining-option input[type="checkbox"], :root[data-theme="light"] .dining-switch input[type="checkbox"] {
    border: 1.5px solid rgba(0, 204, 130, 0.743);
    background: rgb(243, 244, 245)
}
:root[data-theme="light"] .dining-option input[type="radio"]::after {
    background: rgb(94, 201, 160)
}
:root[data-theme="light"] .dining-option input[type="checkbox"]::after, :root[data-theme="light"] .dining-switch input[type="checkbox"]::after {
    border: solid rgba(16, 32, 36, 0.1)
}
:root[data-theme="light"] .dining-option input:checked, :root[data-theme="light"] .dining-switch input:checked {
    border-color: rgba(51, 153, 114, 0.9)
}
:root[data-theme="light"] .dining-option input[type="checkbox"]:checked, :root[data-theme="light"] .dining-switch input[type="checkbox"]:checked {
    background: rgb(94, 201, 160)
}
:root[data-theme="light"] .dining-option input:focus-visible, :root[data-theme="light"] .dining-switch input:focus-visible {
    outline: 2px solid rgba(25, 179, 119, 0.9)
}
:root[data-theme="light"] .dining-option input:disabled, :root[data-theme="light"] .dining-switch input:disabled {
    border-color: rgba(16, 32, 36, 0.32)
}
:root[data-theme="light"] .dining-option-price {
    color: rgba(18, 151, 99, 0.92)
}
:root[data-theme="light"] .dining-qty-row {
    color: rgba(16, 32, 36, 0.756)
}
:root[data-theme="light"] .dining-qty, :root[data-theme="light"] .dining-note {
    border: 1px solid rgba(16, 32, 36, 0.158);
    background: rgba(16, 32, 36, 0.027);
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .dining-stepper {
    border: 1px solid rgba(16, 32, 36, 0.158);
    background: rgba(16, 32, 36, 0.027)
}
:root[data-theme="light"] .dining-step {
    border: 0;
    background: rgba(94, 201, 160, 0.175);
    color: rgb(8, 160, 105)
}
:root[data-theme="light"] .dining-step:focus-visible {
    outline: 2px solid rgba(25, 179, 119, 0.9)
}
:root[data-theme="light"] .dining-cart-line-controls .dining-step-remove {
    background: rgba(248, 113, 113, 0.15);
    color: rgba(160, 8, 8, 0.95)
}
:root[data-theme="light"] .dining-stepper .dining-qty {
    border: 0;
    background: none;
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .dining-sheet-x {
    border: 1px solid rgba(16, 32, 36, 0.204);
    background: rgba(243, 244, 245, 0.82);
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .dining-sheet-x:focus-visible {
    outline: 2px solid rgba(25, 179, 119, 0.9)
}
:root[data-theme="light"] .dining-sheet-status {
    color: rgba(145, 107, 8, 0.92)
}
:root[data-theme="light"] .dining-order {
    border: 1px solid rgba(16, 32, 36, 0.112);
    background: rgba(16, 32, 36, 0.023)
}
:root[data-theme="light"] .dining-order-title {
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .dining-order-state {
    border: 1px solid rgba(51, 153, 114, 0.378);
    background: rgba(94, 201, 160, 0.112);
    color: rgba(18, 151, 99, 0.95)
}
:root[data-theme="light"] .dining-order-state.is-cancelled, :root[data-theme="light"] .dining-order-state.is-declined, :root[data-theme="light"] .dining-order-state.is-unknown, :root[data-theme="light"] .dining-order-state.is-closed {
    border-color: rgba(16, 32, 36, 0.181);
    background: rgba(16, 32, 36, 0.036);
    color: rgba(16, 32, 36, 0.654)
}
:root[data-theme="light"] .dining-order-line {
    color: rgba(16, 32, 36, 0.77)
}
:root[data-theme="light"] .dining-order-total {
    border-top: 1px solid rgba(16, 32, 36, 0.101);
    color: rgba(18, 151, 99, 0.92)
}
:root[data-theme="light"] .dining-msg {
    background: rgba(16, 32, 36, 0.036);
    border: 1px solid rgba(16, 32, 36, 0.101)
}
:root[data-theme="light"] .dining-msg.is-guest {
    background: rgba(94, 201, 160, 0.1);
    border-color: rgba(51, 153, 114, 0.27)
}
:root[data-theme="light"] .dining-msg-who {
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .dining-msg p {
    color: rgba(16, 32, 36, 0.858)
}
:root[data-theme="light"] .dining-msg.is-reminder {
    background: rgba(251, 191, 36, 0.088);
    border-color: rgba(200, 145, 4, 0.324)
}
:root[data-theme="light"] .dining-msg.is-reminder p {
    color: rgba(145, 107, 8, 0.92)
}
:root[data-theme="light"] .dining-msg-original {
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .dining-progress-step::before {
    background: rgba(16, 32, 36, 0.09)
}
:root[data-theme="light"] .dining-progress-step.is-reached::before {
    background: rgba(94, 201, 160, 0.65)
}
:root[data-theme="light"] .dining-progress-dot {
    border: 2px solid rgba(16, 32, 36, 0.227);
    background: rgb(244, 246, 247)
}
:root[data-theme="light"] .dining-progress-step.is-reached .dining-progress-dot {
    border-color: rgba(51, 153, 114, 0.9);
    background: rgba(94, 201, 160, 0.9)
}
:root[data-theme="light"] .dining-progress-step.is-current .dining-progress-dot {
    box-shadow: 0 0 0 4px rgba(94, 201, 160, 0.099)
}
:root[data-theme="light"] .dining-progress-label {
    color: rgba(16, 32, 36, 0.566)
}
:root[data-theme="light"] .dining-progress-step.is-reached .dining-progress-label {
    color: rgba(16, 32, 36, 0.77)
}
:root[data-theme="light"] .dining-progress-step.is-current .dining-progress-label {
    color: rgba(18, 151, 99, 0.98)
}
:root[data-theme="light"] .dining-trust-footer {
    border: 1px solid rgba(16, 32, 36, 0.089);
    background: rgba(16, 32, 36, 0.018);
    color: rgba(16, 32, 36, 0.654)
}
:root[data-theme="light"] .dining-chat-card {
    border: 1px solid rgba(26, 178, 136, 0.243);
    background: rgba(242, 245, 246, 0.82);
    color: var(--text-primary)
}
:root[data-theme="light"] .dining-chat-card:has(> .fc) {
    border: 0;
    background: transparent
}
:root[data-theme="light"] .dining-list .fc-row .dining-note-add {
    border: 0;
    background: transparent;
    color: rgba(31, 137, 94, 0.92)
}
:root[data-theme="light"] .dining-list .fc-row .dining-note-add::before {
    background: currentColor
}
:root[data-theme="light"] .dining-list .fc-row .dining-note-add:hover, :root[data-theme="light"] .dining-list .fc-row .dining-note-add:focus-visible {
    color: rgb(31, 137, 94)
}
:root[data-theme="light"] .dining-list .fc-tile .dining-note-add {
    border: 1px solid rgba(16, 32, 36, 0.135);
    background: transparent;
    color: rgba(31, 137, 94, 0.92)
}
:root[data-theme="light"] .dining-list .fc-tile .dining-note-add::before {
    background: currentColor
}
:root[data-theme="light"] .dining-list .fc-tile .dining-note-add:hover, :root[data-theme="light"] .dining-list .fc-tile .dining-note-add:focus-visible {
    border-color: rgba(41, 163, 114, 0.675);
    color: rgb(31, 137, 94)
}
:root[data-theme="light"] .dining-cart-bar {
    border: 1px solid rgba(51, 153, 114, 0.675);
    background: rgb(237, 242, 241);
    color: rgb(8, 160, 95);
    box-shadow: 0 10px 30px rgba(16, 32, 36, 0.126)
}
:root[data-theme="light"] .dining-cart-bar-count {
    background: rgba(94, 201, 160, 0.95);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .dining-cart-bar-text small {
    color: rgba(8, 160, 105, 0.92)
}
:root[data-theme="light"] .dining-cart-bar-total {
    color: rgb(31, 137, 94)
}
:root[data-theme="light"] .dining-cart-bar-go {
    background: rgba(94, 201, 160, 0.95);
    color: rgb(6, 35, 26)
}
:root[data-theme="light"] .dining-clear-link {
    border: 0;
    background: none;
    color: rgba(160, 8, 8, 0.92)
}
:root[data-theme="light"] .dining-orders-other {
    border: 1px dashed rgba(26, 178, 136, 0.378);
    background: transparent;
    color: rgba(8, 160, 105, 0.92)
}
:root[data-theme="light"] .dining-orders-other:hover {
    background: rgba(94, 201, 160, 0.1)
}
:root[data-theme="light"] .dining-orders-tomenu {
    border: 0;
    background: rgba(94, 201, 160, 0.2)
}
:root[data-theme="light"] .dining-orders-group-h {
    color: rgba(16, 32, 36, 0.654)
}
:root[data-theme="light"] .dining-chat-title {
    color: rgba(16, 32, 36, 0.906)
}
:root[data-theme="light"] .dining-chat-card > .dining-empty {
    color: rgba(16, 32, 36, 0.77)
}
:root[data-theme="light"] .dining-chat-card > .dining-order {
    border: 0;
    background: transparent
}
:root[data-theme="light"] .dining-sheet-desc {
    color: rgba(16, 32, 36, 0.729)
}
:root[data-theme="light"] .dining-sheet-facts {
    border: 1px solid rgba(16, 32, 36, 0.101);
    background: rgba(16, 32, 36, 0.023)
}
:root[data-theme="light"] .dining-fact-key {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .dining-fact-value {
    color: rgba(16, 32, 36, 0.865)
}
:root[data-theme="light"] .dining-fact.is-warning .dining-fact-value {
    color: rgba(145, 107, 8, 0.95)
}
:root[data-theme="light"] .dining-fact.is-undeclared .dining-fact-value {
    color: rgba(16, 32, 36, 0.702)
}
@media (max-width: 600px) {
    :root[data-theme="light"] .dining-sheet {
        border-bottom: 0
    }
}
:root[data-theme="light"] .rc-qty-row > span {
    color: rgba(16, 32, 36, 0.552)
}
:root[data-theme="light"] .rc-qty {
    border: 0.8px solid rgba(16, 32, 36, 0.158);
    background: rgba(16, 32, 36, 0.036)
}
:root[data-theme="light"] .rc-qty button {
    border: 0;
    background: transparent;
    color: rgba(16, 32, 36, 0.878)
}
:root[data-theme="light"] .rc-qty button:active {
    background: rgba(16, 32, 36, 0.072)
}
:root[data-theme="light"] .rc-qty output {
    color: rgba(16, 32, 36, 0.926)
}
:root[data-theme="light"] .rc-qty button:disabled {
    color: rgba(16, 32, 36, 0.43)
}
:root[data-theme="light"] .rc-qty button:disabled:active {
    background: transparent
}
:root[data-theme="light"] .rc-gone-note {
    color: rgba(56, 80, 112, 0.92);
    background: rgba(148, 163, 184, 0.12);
    border: 0.8px solid rgba(16, 32, 36, 0.32)
}
:root[data-theme="light"] .rc-fee-note {
    color: rgba(145, 111, 8, 0.98);
    background: rgba(251, 191, 36, 0.125);
    border: 0.8px solid rgba(200, 145, 4, 0.486)
}
:root[data-theme="light"] .rc-ask {
    border: 0.8px dashed rgba(26, 178, 136, 0.432);
    background: rgba(112, 234, 200, 0.063);
    color: rgba(16, 32, 36, 0.878)
}
:root[data-theme="light"] .rc-ask:hover, :root[data-theme="light"] .rc-ask:focus-visible {
    background: rgba(112, 234, 200, 0.112);
    border-color: rgba(26, 178, 136, 0.675)
}
:root[data-theme="light"] .rc-ask-face {
    background: rgba(112, 234, 200, 0.15);
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .rc-ask-text b {
    color: rgba(16, 32, 36, 0.892)
}
:root[data-theme="light"] .rc-ask-text span {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .rc-ask-go {
    color: rgba(18, 150, 113, 0.92)
}
:root[data-theme="light"] .rc-promise {
    color: rgba(16, 32, 36, 0.654)
}
:root[data-theme="light"] .rc-promise.is-fixed {
    color: rgba(145, 111, 8, 0.92)
}
:root[data-theme="light"] .rc-tiers-hint {
    color: rgba(47, 8, 160, 0.92);
    background: rgba(167, 139, 250, 0.125);
    border: 0.8px solid rgba(56, 8, 196, 0.324)
}
:root[data-theme="light"] .rc-tier {
    border: 1px solid rgba(16, 32, 36, 0.135);
    background: rgba(16, 32, 36, 0.027);
    color: rgba(16, 32, 36, 0.824)
}
:root[data-theme="light"] .rc-tier:focus-visible {
    outline: 2px solid rgba(51, 153, 114, 0.9)
}
:root[data-theme="light"] .rc-tier.is-on {
    border-color: rgba(51, 153, 114, 0.81);
    background: rgba(94, 201, 160, 0.125);
    color: rgba(16, 32, 36, 0.933);
    box-shadow: inset 0 0 0 1px rgba(94, 201, 160, 0.099)
}
:root[data-theme="light"] .rc-tier-top em {
    color: rgba(145, 111, 8, 0.95)
}
:root[data-theme="light"] .rc-tier-when {
    color: rgba(16, 32, 36, 0.62)
}
:root[data-theme="light"] .rc-tier.is-on .rc-tier-when {
    color: rgba(40, 128, 94, 0.95)
}
:root[data-theme="light"] .rc-due-line {
    color: rgba(17, 151, 89, 0.98);
    background: rgba(94, 201, 160, 0.1);
    border: 0.8px solid rgba(51, 153, 114, 0.378)
}
:root[data-theme="light"] .rc-order-tier {
    color: rgba(47, 8, 160, 0.95);
    background: rgba(167, 139, 250, 0.125);
    border: 0.8px solid rgba(56, 8, 196, 0.351)
}
:root[data-theme="light"] .rc-order-when {
    color: rgba(145, 111, 8, 0.92)
}
:root[data-theme="light"] .zw-fee-modal {
    background: rgba(16, 32, 36, 0.261)
}
:root[data-theme="light"] .zw-fee-card {
    background: linear-gradient(145deg, rgba(238, 239, 240, 0.98), rgba(241, 242, 244, 0.97));
    border: 1px solid rgba(200, 145, 4, 0.432);
    box-shadow: 0 20px 60px rgba(16, 32, 36, 0.126)
}
:root[data-theme="light"] .zw-fee-ico {
    color: rgba(145, 111, 8, 0.98);
    background: rgba(251, 191, 36, 0.175);
    border: 1px solid rgba(200, 145, 4, 0.473)
}
:root[data-theme="light"] .zw-fee-title {
    color: rgba(16, 32, 36, 0.933)
}
:root[data-theme="light"] .zw-fee-amount {
    color: rgba(145, 111, 8, 0.98)
}
:root[data-theme="light"] .zw-fee-msg {
    color: rgba(16, 32, 36, 0.702)
}
:root[data-theme="light"] #zwFeeNo {
    border: 1px solid rgba(16, 32, 36, 0.158);
    background: rgba(16, 32, 36, 0.054);
    color: rgba(16, 32, 36, 0.77)
}
:root[data-theme="light"] #zwFeeYes {
    border: 0;
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.9), rgba(225, 239, 233, 0.86));
    color: rgb(6, 17, 12)
}
:root[data-theme="light"] .dining-order {
    border-inline-start: 3px solid rgba(var(--ord), 0.85)
}
:root[data-theme="light"] .dining-chat-card > .dining-order {
    border-inline-start: 0
}
:root[data-theme="light"] .dining-order-state {
    border-color: rgba(var(--ord), 0.35);
    background: rgba(var(--ord), 0.10);
    color: rgba(var(--ord), 1)
}
:root[data-theme="light"] .dining-order-state::before {
    background: rgba(var(--ord), 1);
    box-shadow: 0 0 6px rgba(var(--ord), 0.8)
}
:root[data-theme="light"] .dining-order-phone {
    color: rgba(8, 76, 160, 0.92);
    background: rgba(96, 165, 250, 0.125);
    border: 0.8px solid rgba(6, 92, 198, 0.324)
}
:root[data-theme="light"] .dining-progress-step.is-reached .dining-progress-dot {
    border-color: rgba(var(--ord, 94, 201, 160), 0.95);
    background: rgba(var(--ord, 94, 201, 160), 0.16)
}
:root[data-theme="light"] .dining-progress-step.is-reached .dining-progress-dot::after {
    background: rgba(var(--ord, 94, 201, 160), 1)
}
:root[data-theme="light"] .dining-progress-step.is-reached::before {
    background: rgba(var(--ord, 94, 201, 160), 0.7)
}
:root[data-theme="light"] .dining-progress-step.is-current .dining-progress-dot {
    box-shadow: 0 0 0 4px rgba(var(--ord, 94, 201, 160), 0.2)
}
:root[data-theme="light"] .dining-progress-step.is-current .dining-progress-label {
    color: rgba(var(--ord, 94, 201, 160), 1)
}
@media (max-width: 768px) {
    :root[data-theme="light"] .app-header {
        background: transparent
    }
}
:root[data-theme="light"] .chat-input-bar, :root[data-theme="light"] .chat-input-bar.bottom {
    background: transparent !important
}
@media (max-width: 768px) {
    :root[data-theme="light"] .guidebook-toolbar::before {
        background: transparent
    }
}
@media (max-width: 768px) {
    :root[data-theme="light"] .guidebook-toolbar.is-stuck::before {
        background: radial-gradient(ellipse 80% 60% at 20% 20%, rgba(215, 227, 230, 0.5) 0%, transparent 60%),
            radial-gradient(ellipse 60% 50% at 80% 80%, rgba(210, 227, 229, 0.4) 0%, transparent 60%),
            radial-gradient(ellipse 100% 80% at 50% 50%, rgba(242, 244, 245, 0.9) 0%, transparent 100%),
            rgb(244, 246, 247)
    }
}
:root[data-theme="light"] #chatMessages.zw-chat-booting::before {
    border: 2.5px solid rgba(51, 153, 114, 0.216);
    border-top-color: rgba(51, 153, 114, 0.9)
}
:root[data-theme="light"] .zw-status-toast {
    background: linear-gradient(135deg, rgba(94, 201, 160, 0.97), rgba(225, 239, 233, 0.95));
    color: rgb(4, 20, 14);
    box-shadow: 0 10px 34px rgba(16, 32, 36, 0.098)
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="light"] #chatMessages::-webkit-scrollbar-track, :root[data-theme="light"] #diningSurface::-webkit-scrollbar-track, html[data-theme="light"]::-webkit-scrollbar-track {
        background: rgba(16, 32, 36, 0.036)
    }
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="light"] #chatMessages::-webkit-scrollbar-thumb, :root[data-theme="light"] #diningSurface::-webkit-scrollbar-thumb, html[data-theme="light"]::-webkit-scrollbar-thumb {
        background: rgba(94, 201, 160, 0.5)
    }
}
@media (hover: hover) and (pointer: fine) {
    :root[data-theme="light"] #chatMessages::-webkit-scrollbar-thumb:hover, :root[data-theme="light"] #diningSurface::-webkit-scrollbar-thumb:hover, html[data-theme="light"]::-webkit-scrollbar-thumb:hover {
        background: rgba(94, 201, 160, 0.75)
    }
}
:root[data-theme="light"] .guidebook-detail-dots i {
    background: rgba(255, 255, 255, 0.5)
}
:root[data-theme="light"] .guidebook-detail-dots i.is-active {
    background: rgb(255, 255, 255)
}
:root[data-theme="light"] .guidebook-detail-note {
    border: 1px solid rgba(200, 145, 4, 0.378);
    background: rgba(251, 191, 36, 0.1)
}
:root[data-theme="light"] .guidebook-detail-note strong {
    color: rgb(145, 109, 8)
}
:root[data-theme="light"] .guidebook-detail-note p {
    color: rgba(145, 108, 8, 0.92)
}
:root[data-theme="light"] .guidebook-open-chip {
    color: rgba(44, 124, 100, 0.92)
}
:root[data-theme="light"] .guidebook-open-chip::before {
    background: currentColor
}
:root[data-theme="light"] .guidebook-open-chip.is-open {
    color: rgba(21, 147, 97, 0.95)
}
:root[data-theme="light"] .guidebook-open-chip.is-closing {
    color: rgba(145, 107, 8, 0.95)
}
:root[data-theme="light"] .guidebook-open-chip.is-closed {
    color: rgba(60, 82, 108, 0.92)
}
:root[data-theme="light"] .nav-lang-opt {
    border: 1px solid rgba(16, 32, 36, 0.112);
    background: rgba(16, 32, 36, 0.027);
    color: rgba(16, 32, 36, 0.858)
}
:root[data-theme="light"] .nav-lang-opt:hover, :root[data-theme="light"] .nav-lang-opt:focus-visible {
    background: rgba(94, 201, 160, 0.15);
    border-color: rgba(51, 153, 114, 0.405);
    outline: none
}
:root[data-theme="light"] .nav-lang-opt .nav-lang-tick {
    color: rgba(40, 128, 94, 0.95)
}
:root[data-theme="light"] .nav-lang-opt.is-current {
    border-color: rgba(51, 153, 114, 0.608);
    color: rgba(16, 32, 36, 0.94)
}
/*  ── css/food-card.css ──  */
:root[data-theme="light"] .fc {
    background: var(--fc-card);
    border: 1px solid var(--fc-line-2);
    color: var(--fc-t1)
}
:root[data-theme="light"] :where(.fc) button {
    color: inherit
}
:root[data-theme="light"] .fc button:focus-visible, :root[data-theme="light"] button.fc:focus-visible {
    outline: 2px solid var(--fc-em)
}
:root[data-theme="light"] .fc-ic {
    fill: none;
    stroke: currentColor
}
:root[data-theme="light"] .fc-plate {
    background: rgb(236, 238, 239);
    box-shadow: 0 0 0 2px var(--fc-card), 0 0 0 3px var(--fc-line-2)
}
:root[data-theme="light"] .fc-plate.is-mono {
    background: var(--fc-plate-bg);
    color: var(--fc-plate-fg)
}
:root[data-theme="light"] .fc-plate.is-rim {
    background: transparent;
    box-shadow: inset 0 0 0 2px var(--fc-line-2)
}
:root[data-theme="light"] .fc-plate.is-warn {
    color: var(--fc-amber);
    box-shadow: inset 0 0 0 2px var(--fc-amber-edge)
}
:root[data-theme="light"] .fc-plate-qty {
    border: 2px solid var(--fc-card);
    background: var(--fc-em);
    color: var(--fc-em-ink)
}
:root[data-theme="light"] .fc-meta {
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-state {
    color: var(--fc-em-text)
}
:root[data-theme="light"] .fc-dot {
    background: var(--fc-em)
}
:root[data-theme="light"] .fc-state.is-closed {
    color: var(--fc-amber-text)
}
:root[data-theme="light"] .fc-state.is-closed .fc-dot {
    background: var(--fc-amber)
}
:root[data-theme="light"] .fc-sep {
    color: var(--fc-t3)
}
:root[data-theme="light"] .fc-em {
    color: var(--fc-em-text)
}
:root[data-theme="light"] button.fc-collapsed:hover {
    border-color: var(--fc-em-edge)
}
:root[data-theme="light"] .fc-pill {
    background: var(--fc-em);
    color: var(--fc-em-ink)
}
:root[data-theme="light"] .fc-pill.is-outline {
    background: transparent;
    border: 1px solid var(--fc-line-2);
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-toggle {
    border: 0;
    background: transparent
}
:root[data-theme="light"] .fc-caret {
    color: var(--fc-t3)
}
:root[data-theme="light"] .fc-all {
    border: 1px solid var(--fc-em-edge);
    background: var(--fc-em-deep);
    color: var(--fc-em-text)
}
:root[data-theme="light"] .fc-list {
    border-top: 1px dashed var(--fc-line-2)
}
:root[data-theme="light"] .fc-open {
    border: 0;
    background: transparent
}
:root[data-theme="light"] .fc-lead {
    border-bottom: 2px dotted var(--fc-line-2)
}
:root[data-theme="light"] .fc-price {
    color: var(--fc-em)
}
:root[data-theme="light"] .fc-flag {
    color: var(--fc-amber-text)
}
:root[data-theme="light"] .fc-diet {
    color: var(--fc-t3)
}
:root[data-theme="light"] .fc-add {
    border: 1px solid var(--fc-em-edge);
    background: var(--fc-em-deep);
    color: var(--fc-em)
}
:root[data-theme="light"] .fc-add:hover {
    border-color: var(--fc-em)
}
:root[data-theme="light"] .fc-status {
    color: var(--fc-amber-text)
}
:root[data-theme="light"] .fc-row.is-gone .fc-plate {
    background: transparent;
    box-shadow: none;
    outline: 2px dashed var(--fc-line-2)
}
:root[data-theme="light"] .fc-row.is-gone .fc-dish {
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-tray {
    border-top: 1px solid var(--fc-em-edge);
    background: var(--fc-em-deep)
}
:root[data-theme="light"] .fc-tray-sum {
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-tray-total {
    color: var(--fc-em-text)
}
:root[data-theme="light"] .fc-tray-sum .fc-plate {
    box-shadow: 0 0 0 2px var(--fc-em-deep)
}
:root[data-theme="light"] .fc-primary {
    border: 0;
    background: var(--fc-em);
    color: var(--fc-em-ink) !important
}
:root[data-theme="light"] .fc-primary:hover:not(:disabled) {
    background: rgb(116, 214, 176)
}
:root[data-theme="light"] .fc-ghost {
    border: 1px solid var(--fc-line-2);
    background: transparent;
    color: var(--fc-t1)
}
:root[data-theme="light"] .fc-say {
    border-top: 1px dashed var(--fc-line-2);
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-chip {
    border: 1px solid var(--fc-line-2);
    background: transparent;
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-chip:hover {
    border-color: var(--fc-em-edge);
    color: var(--fc-t1)
}
:root[data-theme="light"] .fc-receipt {
    background: transparent;
    border: 0
}
:root[data-theme="light"] .fc-paper {
    background: var(--fc-paper);
    border: 1px solid var(--fc-line-2);
    border-bottom: 0
}
:root[data-theme="light"] .fc-tear {
    fill: var(--fc-paper)
}
:root[data-theme="light"] .fc-over {
    color: var(--fc-t3)
}
:root[data-theme="light"] .fc-room {
    border: 1px dashed var(--fc-em-edge);
    color: var(--fc-em-text)
}
:root[data-theme="light"] .fc-lines {
    border-top: 1px dashed var(--fc-line-2)
}
:root[data-theme="light"] .fc-lines small {
    color: var(--fc-t3)
}
:root[data-theme="light"] .fc-lines small.fc-warn {
    color: var(--fc-amber-text)
}
:root[data-theme="light"] .fc-q {
    color: var(--fc-t3)
}
:root[data-theme="light"] .fc-amt s {
    color: var(--fc-t3)
}
:root[data-theme="light"] .fc-lines li.is-changed .fc-amt {
    color: var(--fc-amber-text)
}
:root[data-theme="light"] .fc-lines li.is-broken .fc-dish {
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-total {
    border-top: 1px dashed var(--fc-line-2);
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-total b {
    color: var(--fc-em)
}
:root[data-theme="light"] .fc-link {
    border: 0;
    background: transparent;
    color: var(--fc-t2);
    text-decoration-color: var(--fc-line-2)
}
:root[data-theme="light"] .fc-notice {
    border: 1px solid var(--fc-amber-edge);
    background: var(--fc-amber-deep);
    color: var(--fc-amber-text)
}
:root[data-theme="light"] .fc-rstatus {
    color: var(--fc-amber-text)
}
:root[data-theme="light"] .fc-board > .fc-list {
    border-top: 0
}
:root[data-theme="light"] .fc-board > .fc-list > .fc-row + .fc-row {
    border-top: 1px solid var(--fc-line)
}
:root[data-theme="light"] .fc-gallery {
    background: transparent;
    border: 0
}
:root[data-theme="light"] .fc-gallery-h {
    color: var(--fc-t1)
}
:root[data-theme="light"] .fc-gallery-h small {
    color: var(--fc-t3)
}
:root[data-theme="light"] .fc-tile {
    background: var(--fc-card);
    border: 1px solid var(--fc-line)
}
:root[data-theme="light"] .fc-tile:hover {
    border-color: var(--fc-line-2)
}
:root[data-theme="light"] .fc-tile.is-in-cart {
    border-color: var(--fc-em-edge)
}
:root[data-theme="light"] .fc-tile-open {
    border: 0;
    background: transparent
}
:root[data-theme="light"] .fc-tile-art {
    background: rgb(239, 241, 242)
}
:root[data-theme="light"] .fc-tile-art.is-mono {
    background: var(--fc-plate-bg);
    color: var(--fc-plate-fg)
}
:root[data-theme="light"] .fc-tile-qty {
    background: var(--fc-em);
    color: var(--fc-em-ink);
    box-shadow: 0 2px 10px rgba(16, 32, 36, 0.098)
}
:root[data-theme="light"] .fc-tile-name {
    color: var(--fc-t1)
}
:root[data-theme="light"] .fc-tile-desc {
    color: var(--fc-t2)
}
:root[data-theme="light"] .fc-tile-price {
    color: var(--fc-em)
}
:root[data-theme="light"] .fc-tile.is-in-cart .fc-tile-add {
    background: var(--fc-em);
    border-color: var(--fc-em);
    color: var(--fc-em-ink)
}
/*  ── css/zawi-pet.css ──  */
:root[data-theme="light"] #zawiPet:focus {
    outline: none
}
:root[data-theme="light"] #zawiPet:focus-visible {
    outline: 2px solid rgba(16, 188, 137, 0.9)
}
:root[data-theme="light"] .zw-pet-zzz {
    color: rgba(18, 150, 113, 0.92);
    text-shadow: 0 2px 8px rgba(16, 32, 36, 0.14)
}
:root[data-theme="light"] .zw-pet-thought {
    background: rgba(242, 246, 245, 0.92);
    border: 1px solid rgba(51, 153, 114, 0.54)
}
:root[data-theme="light"] .zw-pet-thought span {
    background: rgba(94, 201, 160, 0.95)
}
:root[data-theme="light"] .zw-pet-bubble {
    background: rgba(242, 246, 245, 0.94);
    border: 1px solid rgba(51, 153, 114, 0.608);
    color: rgba(8, 160, 102, 0.95);
    box-shadow: 0 8px 24px rgba(16, 32, 36, 0.098)
}
:root[data-theme="light"] .onboarding-logo-ring.zw-embed {
    background: none;
    border: none
}