*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#121212}.public-display{--display-primary:#f59e0b;--display-bg:#121212;--display-card:#1e1e1e;--display-border:#333;--display-text:#f5f5f5;--display-sub:#9e9e9e;min-height:100vh;padding:16px;background:var(--display-bg);color:var(--display-text);font-family:system-ui,-apple-system,sans-serif}.theme-light{--display-bg:#fff;--display-card:#f8f8f8;--display-border:#e0e0e0;--display-text:#1a1a1a;--display-sub:#666}.theme-chalkboard{--display-primary:#b0c9a0;--display-bg:#2c3e2d;--display-card:#243324;--display-border:#4a5e4a;--display-text:#e8f0e8;--display-sub:#9aaf9a;font-family:Courier New,monospace}.theme-minimal{--display-primary:#1a1a1a;--display-bg:#fff;--display-card:#fff;--display-border:#ddd;--display-text:#1a1a1a;--display-sub:#888}.display-header{display:flex;align-items:center;gap:16px;max-width:760px;margin:0 auto 24px}.display-header h1,.display-header p{margin:0}.display-header h1{font-size:1.6rem}.display-header p,.muted{color:var(--display-sub)}.display-logo{max-width:160px;max-height:64px;object-fit:contain}.display-link{margin-left:auto;color:var(--display-primary);text-decoration:none;font-weight:600}.tap-grid{display:flex;flex-direction:column;gap:12px;max-width:760px;margin:auto}.tap-grid-tv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:16px}.display-card{padding:16px;border:1px solid var(--display-border);border-radius:8px;background:var(--display-card)}.display-card h2{margin:12px 0 0;font-size:1.1rem}.display-card p{margin:4px 0}.tap-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.tap-label{color:var(--display-primary);font-weight:700}.remaining{font-weight:600;white-space:nowrap}.stats{color:var(--display-sub);font-size:.8rem}.swatch{display:inline-block;width:10px;height:10px;margin:0 3px;border:1px solid rgba(128,128,128,.3);border-radius:50%}.bar-track{height:5px;margin-top:12px;overflow:hidden;border-radius:3px;background:#8080804d}.bar-fill{height:100%;border-radius:3px;background:var(--display-primary);transition:width .3s}.serving-readings{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0 0}.serving-readings div{display:grid;gap:2px}.serving-readings dt{color:var(--display-sub);font-size:.7rem}.serving-readings dd{margin:0;font-size:.85rem}.serving-readings .stale{opacity:.55}.serving-readings small{color:var(--display-sub)}.empty{margin-top:18px!important;color:var(--display-sub)}.bottle-volume{color:var(--display-primary);font-weight:600}.display-center{display:flex;flex-direction:column;align-items:center;padding:64px 0}.display-center span{font-size:2.5rem}.spinner{width:36px;height:36px;border:3px solid var(--display-border);border-top-color:var(--display-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tv-mode .display-header h1{font-size:2.2rem}.tv-mode .display-card h2{font-size:1.35rem}.tv-mode .display-card{padding:20px}