: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%)}}.fade-in{animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}