@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg:#f4fcfd;--surface:#fff;--fg:#121c23;--muted:#737c82;--border:#dae8ea;--accent:#008787;--accent-hover:#007474;--accent-soft:color-mix(in oklch, var(--accent) 10%, transparent);--fg-soft:color-mix(in oklch, var(--fg) 5%, transparent);--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--fs-h1:clamp(38px, 5vw, 64px);--fs-h2:clamp(28px, 3.5vw, 42px);--fs-h3:19px;--fs-lead:17px;--fs-body:15px;--fs-meta:13px;--gap-xs:8px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:56px;--container:1120px;--gutter:24px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px -2px #0000000a, 0 1px 2px -1px #00000005;--shadow-md:0 12px 24px -6px #0000000f, 0 4px 12px -2px #00000008;--shadow-lg:0 20px 40px -8px #00000014, 0 8px 20px -4px #0000000a;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.3s cubic-bezier(.16, 1, .3, 1)}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.3256% -2.32458 -1.5409);--surface:lab(100% 0 0);--fg:lab(9.52996% -2.83094 -6.4093);--muted:lab(51.3004% -2.38964 -4.91403);--border:lab(90.8424% -4.34896 -2.88198);--accent:lab(50.4274% -45.8816 -13.5753);--accent-hover:lab(43.3611% -42.613 -12.5865)}}@media (prefers-color-scheme:dark){:root{--bg:#060a0d;--surface:#0e1216;--fg:#e2e9ee;--muted:#8a9095;--border:#1b2328;--accent:#00a2a3;--accent-hover:#00b5b6;--accent-soft:color-mix(in oklch, var(--accent) 15%, transparent);--fg-soft:color-mix(in oklch, var(--fg) 8%, transparent);--shadow-sm:0 2px 8px -2px #0003;--shadow-md:0 12px 24px -6px #0000004d;--shadow-lg:0 20px 40px -8px #0006}@supports (color:lab(0% 0 0)){:root{--bg:lab(2.48213% -.659846 -1.65391);--surface:lab(5.27539% -1.12788 -2.68247);--fg:lab(91.8956% -1.63192 -3.29645);--muted:lab(59.415% -1.62011 -3.28999);--border:lab(13.0137% -2.25287 -4.85336);--accent:lab(59.7123% -45.8521 -13.6419);--accent-hover:lab(66.6752% -45.834 -13.6837)}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 100% 0%, var(--accent-soft) 0%, transparent 40%), radial-gradient(circle at 0% 100%, var(--fg-soft) 0%, transparent 40%);transition:background-color var(--transition-smooth);background-attachment:fixed;flex-direction:column;line-height:1.6;display:flex}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0}button:disabled{opacity:.55;cursor:not-allowed!important}p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:600}.container{max-width:var(--container);padding-inline:var(--gutter);width:100%;margin-inline:auto}.topnav{background:color-mix(in oklch, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-sm);flex-shrink:0;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;padding-block:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;width:36px;height:36px;box-shadow:0 4px 10px -2px color-mix(in oklch, var(--accent) 30%, transparent);border-radius:10px;place-items:center;display:grid}.logo-text{font-family:var(--font-display);background:linear-gradient(to right, var(--fg), color-mix(in oklch, var(--fg) 70%, var(--accent)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.nav-links{gap:24px;margin-inline:40px auto;display:flex}@media (max-width:600px){.nav-links{gap:16px;margin-inline-start:16px}}.nav-link{font-family:var(--font-display);color:var(--muted);transition:color var(--transition-fast);padding-block:8px;font-size:15.5px;font-weight:500;position:relative}.nav-link:hover{color:var(--fg)}.nav-link.active{color:var(--accent);font-weight:600}.nav-link.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-18px;left:0;right:0}.nav-actions{align-items:center;gap:12px;display:flex}.status-badge{font-size:var(--fs-meta);color:var(--muted);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.api-key-btn{font-size:var(--fs-meta);background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:flex}.api-key-btn:hover{background:var(--accent);color:#fff;box-shadow:0 4px 12px -4px color-mix(in oklch, var(--accent) 40%, transparent)}.api-key-btn.configured{color:#10b981;background:#10b9811a;background:lab(66.6921% -50.6677 17.059/.1);border-color:#10b9814d;border-color:lab(66.6921% -50.6677 17.059/.3)}.main-layout{gap:var(--gap-lg);padding-block:var(--gap-md);flex:1;grid-template-columns:320px 1fr;height:calc(100vh - 73px);min-height:0;display:grid}@media (max-width:920px){.main-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 73px)}.sidebar{display:none}}.sidebar{gap:var(--gap-md);padding-bottom:var(--gap-lg);flex-direction:column;height:100%;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.chat-history::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-history::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--muted)}.chat-history::-webkit-scrollbar-thumb:hover{background:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card h3{color:var(--fg);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:600}.link-list{flex-direction:column;gap:12px;display:flex}.link-list button,.link-list a{color:var(--fg);text-align:left;border-radius:var(--radius-sm);width:100%;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding-block:6px;padding-inline:8px;font-size:14px;display:flex}.link-list button:hover,.link-list a:hover{color:var(--accent);background:var(--accent-soft)}.link-list button svg,.link-list a svg{width:16px;height:16px;color:var(--muted);transition:transform var(--transition-fast), color var(--transition-fast)}.link-list button:hover svg,.link-list a:hover svg{color:var(--accent);transform:translate(3px)}.trust-badge{align-items:center;gap:12px;margin-bottom:16px;display:flex}.trust-badge:last-child{margin-bottom:0}.trust-icon{background:var(--bg);width:38px;height:38px;color:var(--accent);transition:all var(--transition-fast);border:1px solid var(--border);border-radius:50%;place-items:center;display:grid}.trust-badge:hover .trust-icon{background:var(--accent-soft);transform:scale(1.05)}.trust-text{font-size:14px;font-weight:600}.trust-sub{color:var(--muted);font-size:12px}.chat-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:100%;transition:box-shadow var(--transition-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.chat-container:focus-within{box-shadow:var(--shadow-lg)}.chat-history{padding:var(--gap-lg);scroll-behavior:smooth;flex-direction:column;flex:1;gap:24px;display:flex;overflow-y:auto}.message{max-width:85%;animation:message-slide var(--transition-smooth) forwards;gap:16px;display:flex}@keyframes message-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse;align-self:flex-end}.avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);box-shadow:var(--shadow-sm);border:1px solid color-mix(in oklch, var(--accent) 15%, transparent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.message.user .avatar{background:var(--surface);color:var(--muted);border:1px solid var(--border)}.bubble{box-shadow:var(--shadow-sm);text-align:justify;white-space:pre-wrap;border-radius:20px;padding:14px 20px;font-size:15px;line-height:1.5}.message.bot .bubble{background:var(--bg);border:1px solid var(--border);border-top-left-radius:4px}.message.user .bubble{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-top-right-radius:4px}.message.system-error .bubble{color:#850e2c;color:lab(28.7229% 48.5124 17.3613);background:#ffe5e6;background:lab(93.659% 16.2786 5.14766);border:1px solid #ffb7bb;border:1px solid lab(81.5107% 32.5112 10.4784);border-top-left-radius:4px}.message.system-error .avatar{color:#a73447;color:lab(40.3355% 48.583 16.7575);background:#ffd9db;background:lab(90.07% 19.5289 6.19729);border-color:#ffb7bb;border-color:lab(81.5107% 32.5112 10.4784)}.quick-actions{padding:0 var(--gap-lg) 16px;animation:message-slide var(--transition-smooth) .1s forwards;opacity:0;flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--surface);border:1px solid var(--border);color:var(--fg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:100px;padding:8px 16px;font-size:13.5px;font-weight:500}.pill:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.input-area{padding:20px var(--gap-lg);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.input-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:flex-end;gap:12px;padding:12px 16px;display:flex}.input-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-box textarea{resize:none;color:var(--fg);background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;margin:0;padding:0;font-family:inherit;font-size:15px;line-height:1.5}.input-box textarea::placeholder{color:var(--muted)}.icon-btn{width:34px;height:34px;color:var(--muted);transition:all var(--transition-fast);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:color-mix(in oklch, var(--muted) 10%, transparent);color:var(--fg)}.send-btn{background:var(--accent);color:#fff;width:34px;height:34px;box-shadow:0 2px 8px -2px color-mix(in oklch, var(--accent) 30%, transparent);border-radius:50%}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.send-btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed;box-shadow:none}.interactive-options{flex-direction:column;gap:8px;margin-top:14px;display:flex}.interactive-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);text-align:left;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.interactive-btn:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translate(2px)}.interactive-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px -3px color-mix(in oklch, var(--accent) 30%, transparent);justify-content:center}.interactive-btn.primary:hover{background:var(--accent-hover);border-color:#0000;transform:translateY(-1px)}.interactive-btn.secondary{background:var(--bg);justify-content:center}.interactive-btn.secondary:hover{background:var(--border)}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg);box-shadow:var(--shadow-sm);animation:message-slide var(--transition-smooth) forwards;margin-top:14px;padding:18px;font-size:14px}.status-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.status-card-title{font-size:16px;font-weight:700;font-family:var(--font-display)}.status-badge-inline{color:#059669;background:#10b9811f;background:lab(66.6921% -50.6677 17.059/.12);border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700}.status-card-body{flex-direction:column;gap:10px;display:flex}.status-row{justify-content:space-between;display:flex}.status-row.total{border-top:1px solid var(--border);color:var(--accent);margin-top:6px;padding-top:10px;font-size:17px;font-weight:700}.typing-dots{align-items:center;gap:4px;height:20px;display:flex}.typing-dot{background-color:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both typing-bounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;animation:fade-in var(--transition-fast) forwards;background:#0006;place-items:center;padding:24px;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:modal-slide var(--transition-smooth) forwards;padding:28px}@keyframes modal-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:700}.modal-close{color:var(--muted);transition:color var(--transition-fast)}.modal-close:hover{color:var(--fg)}.modal-body{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--fg);font-size:13.5px;font-weight:600}.form-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:14.5px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-hint{color:var(--muted);font-size:12.5px;line-height:1.4}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.bookings-header-banner{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 8%, transparent), color-mix(in oklch, var(--surface) 20%, transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--gap-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:32px;display:flex;position:relative;overflow:hidden}.bookings-header-banner:before{content:"";background:radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);z-index:0;pointer-events:none;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.bookings-title-section{z-index:1;position:relative}.bookings-title{background:linear-gradient(to right, var(--fg), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:clamp(24px,4vw,32px);font-weight:800}.bookings-subtitle{font-size:var(--fs-body);color:var(--muted)}.bookings-stats{z-index:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid;position:relative}.stat-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);align-items:center;gap:16px;padding:16px 20px;display:flex}.stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-wrapper{border-radius:var(--radius);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);place-items:center;display:grid}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--fg);font-size:20px;font-weight:700;font-family:var(--font-display)}.stat-label{color:var(--muted);font-size:12px;font-weight:500}.bookings-filter-bar{margin-bottom:var(--gap-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-tabs{background:var(--border);border-radius:100px;gap:2px;padding:4px;display:flex}.filter-tab{color:var(--muted);transition:all var(--transition-fast);cursor:pointer;border-radius:100px;padding:8px 18px;font-size:14px;font-weight:600}.filter-tab:hover{color:var(--fg)}.filter-tab.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.search-input-wrapper{width:100%;max-width:320px;position:relative}.search-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--fg);transition:all var(--transition-fast);border-radius:100px;outline:none;padding:10px 16px 10px 40px;font-size:14px}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.bookings-grid{margin-bottom:var(--gap-lg);grid-template-columns:1fr;gap:20px;display:grid}.booking-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);grid-template-columns:240px 1fr;display:grid;overflow:hidden}.booking-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in oklch, var(--accent) 30%, var(--border))}@media (max-width:768px){.booking-card{grid-template-columns:1fr}}.booking-image-section{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative}.booking-image-overlay{opacity:.8;background-image:radial-gradient(circle at 100% 0,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.booking-card-logo{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.booking-card-id{z-index:1;font-family:var(--font-mono);letter-spacing:.05em;opacity:.9;font-size:13px;font-weight:600;position:relative}.booking-details-section{flex-direction:column;justify-content:space-between;gap:16px;padding:24px;display:flex}.booking-main-info{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.booking-hotel-name{color:var(--fg);font-size:20px;font-weight:700;font-family:var(--font-display);margin-bottom:4px}.booking-hotel-location{color:var(--muted);align-items:center;gap:4px;font-size:13.5px;display:flex}.status-badge-custom{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.status-badge-custom.checkin{color:#059669;background:#10b9811a;background:lab(66.6921% -50.6677 17.059/.1);border:1px solid #10b98133;border:1px solid lab(66.6921% -50.6677 17.059/.2)}.status-badge-custom.pending{color:#d97706;background:#f59e0b1a;background:lab(72.7914% 26.933 75.434/.1);border:1px solid #f59e0b33;border:1px solid lab(72.7914% 26.933 75.434/.2)}.status-badge-custom.refunded{color:#2563eb;background:#3b82f61a;background:lab(54.6189% 8.76281 -65.7907/.1);border:1px solid #3b82f633;border:1px solid lab(54.6189% 8.76281 -65.7907/.2)}.status-badge-custom.expired{background:color-mix(in oklch, var(--muted) 10%, transparent);color:var(--muted);border:1px solid var(--border)}.booking-meta-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding-block:14px;display:grid}.booking-meta-item{flex-direction:column;gap:4px;display:flex}.booking-meta-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:600}.booking-meta-value{color:var(--fg);font-size:14.5px;font-weight:600}.booking-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.booking-price-summary{flex-direction:column;display:flex}.booking-price-label{color:var(--muted);font-size:12px}.booking-price-value{color:var(--fg);font-size:18px;font-weight:800;font-family:var(--font-display)}.booking-buttons{gap:8px;display:flex}.booking-refund-details-expand{background:var(--bg);border-top:1px dashed var(--border);animation:fade-in var(--transition-fast) forwards;grid-column:1/-1;padding:24px}.refund-breakdown-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.refund-breakdown-grid{grid-template-columns:1fr}}.refund-breakdown-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.refund-breakdown-title{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:700}.refund-breakdown-list{flex-direction:column;gap:8px;display:flex}.refund-breakdown-item{justify-content:space-between;font-size:13.5px;display:flex}.refund-breakdown-item.total-refund{border-top:1px solid var(--border);color:var(--accent);margin-top:4px;padding-top:8px;font-weight:700}.empty-bookings-state{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:60px 40px;display:flex}.empty-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.floating-widget-container{z-index:1000;cursor:pointer;flex-direction:column;align-items:flex-end;gap:8px;text-decoration:none;display:flex;position:fixed;bottom:24px;right:24px}.manga-bubble{background:var(--surface);border:2px solid var(--fg);max-width:200px;box-shadow:4px 4px 0px var(--fg);font-family:var(--font-display);color:var(--fg);text-align:center;-webkit-user-select:none;user-select:none;border-radius:16px;padding:10px 14px;font-size:13.5px;font-weight:700;line-height:1.4;animation:3s ease-in-out infinite float-bubble;position:relative}.manga-bubble:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--fg);width:0;height:0;position:absolute;bottom:-10px;right:20px}.manga-bubble:before{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-top:8px solid var(--surface);z-index:1;width:0;height:0;position:absolute;bottom:-7px;right:21px}.floating-chat-btn{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;width:56px;height:56px;box-shadow:0 4px 16px color-mix(in oklch, var(--accent) 40%, transparent);border:2px solid var(--surface);transition:all var(--transition-smooth);border-radius:50%;place-items:center;animation:2s infinite pulse-widget;display:grid}.floating-widget-container:hover .floating-chat-btn{box-shadow:0 6px 20px color-mix(in oklch, var(--accent) 50%, transparent);transform:scale(1.08)rotate(8deg)}.floating-widget-container:hover .manga-bubble{transform:translateY(-4px)}@keyframes float-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-widget{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 45%, transparent)}70%{box-shadow:0 0 0 12px color-mix(in oklch, var(--accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 0%, transparent)}}