:root{--primary: #E63C30;--gold: #D4A76A;--cream: #F5F1E8;--ink: #0A0A0A}.screen{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a0a,#1a0a08);position:relative}header{padding:24px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(245,241,232,.1)}.brand .logo{font-size:32px;color:var(--primary);font-weight:600;letter-spacing:.1em}.brand .divider{color:var(--cream);opacity:.3;margin:0 16px}.brand .subtitle{color:var(--cream);opacity:.6;font-size:14px;letter-spacing:.15em}.time{font-size:32px;color:var(--gold);font-family:monospace}main{flex:1;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding:48px;overflow:hidden}.hero{display:flex;align-items:center;justify-content:center;position:relative}.cocktail-card{text-align:center;max-width:900px}.now{font-size:14px;color:var(--gold);opacity:.7;letter-spacing:.3em;margin-bottom:32px;font-family:monospace}.cocktail-card h1{font-size:120px;color:var(--primary);margin:0 0 16px;letter-spacing:.1em;font-weight:600;font-family:STKaiti,KaiTi,serif}.cocktail-subtitle{color:var(--gold);font-size:24px;margin-bottom:40px;letter-spacing:.1em}.story{color:var(--cream);opacity:.9;font-size:22px;line-height:1.8;max-width:700px;margin:0 auto 40px}.time-stamp{color:var(--cream);opacity:.4;font-size:14px;letter-spacing:.2em}.empty{text-align:center;opacity:.4}.empty-icon{font-size:96px;margin-bottom:24px}.empty-text{font-size:20px;letter-spacing:.1em}.loading{font-size:24px;opacity:.5}.qr-panel{background:#f5f1e808;border:1px solid rgba(245,241,232,.1);border-radius:24px;padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.qr-title{font-size:24px;color:var(--cream);text-align:center;letter-spacing:.1em}.qr-canvas-wrap{background:#fff;padding:16px;border-radius:16px}.qr-hint{font-size:16px;color:var(--gold);opacity:.8;letter-spacing:.1em}footer{padding:24px 48px;border-top:1px solid rgba(245,241,232,.1);display:flex;align-items:center;gap:32px;background:#0000004d}.ticker-label{color:var(--gold);font-size:14px;letter-spacing:.2em;flex-shrink:0;font-family:monospace}.ticker{flex:1;overflow:hidden;mask:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.ticker-track{display:flex;gap:64px;animation:marquee linear infinite;white-space:nowrap}.ticker-item{display:inline-flex;align-items:center;gap:12px}.ticker-name{color:var(--cream);font-size:18px;font-family:STKaiti,KaiTi,serif}.ticker-code{color:var(--primary);font-size:14px;font-family:monospace;letter-spacing:.1em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reviews-bar{padding:16px 48px;display:flex;align-items:center;gap:32px;background:linear-gradient(90deg,#d4a76a14,#d4a76a05);border-top:1px solid rgba(245,241,232,.05)}.reviews-label{color:var(--gold);font-size:14px;letter-spacing:.4em;flex-shrink:0;font-weight:600}.reviews-marquee{flex:1;overflow:hidden;mask:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}.reviews-track{display:flex;gap:56px;animation:marquee linear infinite;white-space:nowrap}.review-item{display:inline-flex;align-items:center;gap:12px}.review-stars{color:var(--gold);font-size:16px;letter-spacing:1px}.review-text{color:var(--cream);font-size:18px;font-family:STKaiti,KaiTi,serif}.review-cocktail{color:var(--cream);opacity:.4;font-size:14px}.fade-in{animation:fadeIn 1s ease-out}.diag{position:fixed;top:12px;right:16px;z-index:9999;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-family:monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid rgba(245,241,232,.15);color:var(--cream);max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diag-ok{color:#7cd992;border-color:#7cd9924d}.diag-error{color:#ff6b6b;border-color:#ff6b6b80;background:#50000080}.diag-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex-shrink:0}.error-card{opacity:1!important;max-width:720px;padding:32px;background:#50000040;border:1px solid rgba(255,107,107,.4);border-radius:16px}.error-card .empty-icon{color:#ff6b6b}.error-card .empty-text{color:#ff9a9a;margin-bottom:24px}.error-detail{background:#0000004d;padding:16px 20px;border-radius:8px;font-family:monospace;font-size:14px;text-align:left;color:var(--cream);margin-bottom:20px}.error-line{padding:4px 0;word-break:break-all;white-space:normal}.error-hint{color:var(--gold);font-size:14px;line-height:1.7;margin-bottom:20px;letter-spacing:.05em}.retry-btn{background:var(--primary);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;cursor:pointer;letter-spacing:.1em;font-family:inherit}.retry-btn:hover{opacity:.85}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){header{padding:16px 24px}.brand .logo{font-size:24px}.brand .subtitle{font-size:12px}.time{font-size:24px}main{grid-template-columns:1.2fr 1fr;gap:24px;padding:24px}.cocktail-card h1{font-size:72px}.cocktail-subtitle{font-size:18px;margin-bottom:24px}.story{font-size:18px;max-width:100%;margin-bottom:24px}.qr-panel{padding:24px;gap:16px}.qr-title{font-size:18px}.qr-panel canvas{width:200px!important;height:200px!important}}@media (max-width: 768px){html,body{overflow:auto!important;cursor:auto!important}.screen{height:auto;min-height:100vh}header{padding:12px 16px;flex-wrap:wrap;gap:8px}.brand .logo{font-size:20px;letter-spacing:.08em}.brand .divider{margin:0 8px}.brand .subtitle{font-size:11px;letter-spacing:.1em}.time{font-size:20px}main{grid-template-columns:1fr;grid-template-rows:auto auto;gap:20px;padding:20px 16px;overflow:visible}.hero{min-height:240px}.cocktail-card{max-width:100%;padding:0 4px}.now{font-size:11px;letter-spacing:.25em;margin-bottom:16px}.cocktail-card h1{font-size:48px;margin-bottom:12px;letter-spacing:.06em;line-height:1.1}.cocktail-subtitle{font-size:15px;margin-bottom:16px}.story{font-size:15px;line-height:1.7;margin-bottom:16px}.time-stamp{font-size:11px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-text{font-size:15px}.qr-panel{padding:20px;gap:14px;border-radius:16px}.qr-title{font-size:15px}.qr-panel canvas{width:180px!important;height:180px!important}.qr-hint{font-size:12px}.reviews-bar{padding:10px 16px;gap:12px}.reviews-label{font-size:11px;letter-spacing:.25em}.review-text{font-size:14px}.review-cocktail{font-size:11px}.review-stars{font-size:13px}footer{padding:12px 16px;gap:12px}.ticker-label{font-size:11px;letter-spacing:.15em}.ticker-name{font-size:14px}.ticker-code{font-size:11px}.ticker-track{gap:32px}.diag{top:6px;right:8px;padding:4px 8px;font-size:10px;max-width:70vw}.error-card{padding:20px;max-width:100%}.error-detail{font-size:12px;padding:12px}.error-hint{font-size:12px}.retry-btn{padding:10px 24px;font-size:14px}}@media (max-width: 380px){.cocktail-card h1{font-size:40px}.qr-panel canvas{width:160px!important;height:160px!important}.brand .subtitle{display:none}}