@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700italic.woff2) format("woff2")}:root{--bg: #0a0a0c;--panel: rgba(255, 255, 255, .045);--panel-line: rgba(255, 255, 255, .08);--field: rgba(255, 255, 255, .06);--field-line: rgba(255, 255, 255, .1);--text: #f4f4f6;--muted: rgba(244, 244, 246, .55);--faint: rgba(244, 244, 246, .34);--accent: #ff4d2e;--accent2: #ffb300;--condensed: "Barlow Condensed", "Arial Narrow", sans-serif;--system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--system);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input{font:inherit;color:inherit;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent);color:#0a0a0c}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.reveal{animation:rise .6s cubic-bezier(.22,1,.36,1) both}.reveal:nth-child(2){animation-delay:.06s}.reveal:nth-child(3){animation-delay:.12s}.reveal:nth-child(4){animation-delay:.18s}.reveal:nth-child(5){animation-delay:.24s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{min-height:100dvh;position:relative;padding:20px 16px 150px;max-width:1080px;margin:0 auto}.masthead{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 18px;text-align:center}.wordmark{font-family:var(--condensed);font-style:italic;font-weight:700;font-size:17px;letter-spacing:.24em;display:inline-flex;align-items:center;gap:8px}.wordmark i{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--accent);transform:skew(-12deg)}.subnote{font-size:13px;font-weight:400;color:var(--muted)}.layout{display:grid;gap:22px}.layout>*{min-width:0}@media(min-width:980px){.layout{grid-template-columns:minmax(0,1fr) 440px;align-items:start}.preview{order:2;position:sticky;top:24px}.controls{order:1}}.preview-stage{display:flex;justify-content:center}.preview-frame{border-radius:28px;overflow:hidden;box-shadow:0 26px 70px #0009,0 3px 14px #00000073,0 0 0 1px #ffffff0f}.controls{display:grid;gap:22px;max-width:540px;margin:0 auto;width:100%}.group-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;padding:0 2px}.group-head h3{font-family:var(--condensed);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.textbtn{color:var(--muted);font-size:13px;font-weight:500;padding:10px 12px;margin:-10px -12px}.textbtn:hover{color:var(--text)}.title-input,.venue-input,.add-input{width:100%;background:var(--field);border:1px solid var(--field-line);border-radius:12px;padding:11px 14px;font-size:16px;color:var(--text);min-height:48px;transition:border-color .15s ease}.title-input:focus,.venue-input:focus,.add-input:focus{outline:none;border-color:var(--accent)}.title-input::placeholder,.venue-input::placeholder,.add-input::placeholder{color:#f4f4f647}.title-input{font-family:var(--condensed);font-weight:700;font-size:26px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px}.venue-input{margin-bottom:8px}.field{display:grid;gap:5px;min-width:0}.field label{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--faint);text-transform:uppercase}.field input[type=date],.field input[type=time]{background:var(--field);border:1px solid var(--field-line);border-radius:12px;padding:11px 10px;font-size:16px;width:100%;min-width:0;min-height:48px;transition:border-color .15s ease}.field input:focus{outline:none;border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}@media(max-width:480px){.field-row{grid-template-columns:1fr 1fr}.field-row .field:first-child{grid-column:span 2}}input[type=range]{width:100%;accent-color:var(--accent);height:32px}.focal-field{margin-top:12px}.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:440px){.chip-grid{grid-template-columns:1fr}}.chip{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:8px 8px 8px 12px;min-height:56px;min-width:0;transition:border-color .2s ease}.chip[data-active]{border-color:#ff4d2e52}.chip-id{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;white-space:nowrap;min-width:0}.chip-label{overflow:hidden;text-overflow:ellipsis}.chip-emoji{font-size:17px;flex:none}.chip-x{width:26px;height:26px;border-radius:999px;background:#ffffff12;color:var(--muted);font-size:15px;line-height:1;display:grid;place-items:center;flex:none;padding:0}.chip-x:hover{color:var(--text);background:#ffffff24}.stepper{display:inline-flex;align-items:center;gap:1px;flex:none}.stepper button{width:40px;height:40px;border-radius:999px;background:#ffffff14;font-size:19px;font-weight:500;line-height:1;display:grid;place-items:center;transition:transform .1s ease,background .15s ease}.stepper button:active:not(:disabled){transform:scale(.88);background:#ffffff29}.stepper button:disabled{opacity:.3;cursor:default}.stepper-count{width:40px;min-height:40px;text-align:center;font-family:var(--condensed);font-weight:600;font-size:17px;background:none;border:none;border-radius:8px;color:var(--text);padding:0}.stepper-count:focus{outline:none;background:#ffffff14}.add-drink{width:100%;min-height:48px;margin-top:8px;border:1px dashed rgba(255,255,255,.18);border-radius:12px;color:var(--muted);font-size:14px;font-weight:500;transition:color .15s ease,border-color .15s ease}.add-drink:hover{color:var(--text);border-color:#ffffff4d}.add-panel{margin-top:8px;display:grid;gap:8px}.suggest-row{display:flex;flex-wrap:wrap;gap:6px}.suggest-chip{min-height:40px;padding:8px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-line);font-size:14px;font-weight:500;transition:border-color .15s ease,transform .1s ease}.suggest-chip:active{transform:scale(.95)}.suggest-chip:hover{border-color:#ff4d2e73}.add-row{display:flex;gap:8px;align-items:center}.add-row .add-input{flex:1;min-width:0}.add-confirm{min-height:48px;padding:0 20px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);font-size:15px;font-weight:600;flex:none}.add-confirm:disabled{opacity:.4;cursor:default}.add-close{width:48px;height:48px;border-radius:12px;color:var(--muted);font-size:20px;display:grid;place-items:center;flex:none}.add-close:hover{color:var(--text)}.switch{width:51px;height:31px;border-radius:999px;background:#ffffff1f;position:relative;transition:background .2s ease;flex:none}.switch[data-on]{background:var(--accent)}.switch-knob{position:absolute;top:3px;left:3px;width:25px;height:25px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0006;transition:transform .22s cubic-bezier(.22,1,.36,1)}.switch[data-on] .switch-knob{transform:translate(20px)}.bg-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.bg-row::-webkit-scrollbar{display:none}.bg-tile{position:relative;flex:none;width:76px;aspect-ratio:9 / 15;border-radius:14px;border:1.5px solid rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:0;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.bg-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bg-tile span{position:relative;z-index:1;font-size:11px;font-weight:600;color:#ffffffe6;padding:5px 0 7px;width:100%;text-align:center;background:linear-gradient(180deg,#0000,#0000008c)}.bg-tile:hover{transform:translateY(-2px)}.bg-tile[data-active]{border-color:var(--accent)}.bg-upload{background:var(--field);flex-direction:column;align-items:center;justify-content:center;gap:4px}.bg-upload-icon{font-size:19px}.bg-upload span:last-child{background:none;padding:0;color:var(--muted)}.exportbar{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0a0a0c00,#0a0a0ceb 40%);z-index:10}.exportbar-buttons{display:flex;gap:10px;align-items:center;width:100%;max-width:430px}.btn-primary{flex:1;min-height:52px;font-family:var(--condensed);font-weight:700;font-size:19px;letter-spacing:.08em;text-transform:uppercase;color:#0b0b0d;background:var(--accent);border-radius:999px;padding:13px 30px;box-shadow:0 8px 26px #ff4d2e61,0 1px #ffffff47 inset;transition:transform .12s ease,opacity .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{width:52px;height:52px;flex:none;border-radius:999px;font-size:20px;font-weight:600;color:var(--text);background:#ffffff14;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;transition:transform .12s ease}.btn-secondary:active:not(:disabled){transform:scale(.94)}.btn-secondary:disabled{opacity:.6}.exportbar-hint{font-size:11.5px;color:var(--faint);text-align:center}.toast{position:fixed;bottom:calc(118px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#1c1c21f5;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px 18px;font-size:13.5px;font-weight:500;box-shadow:0 12px 32px #00000080;animation:toast-in .25s cubic-bezier(.22,1,.36,1) both;z-index:20;max-width:calc(100vw - 32px);text-align:center}.site-foot{text-align:center;margin-top:40px;color:var(--faint);font-size:12.5px}.card{width:360px;height:640px;position:relative;overflow:hidden;background:#050507;font-family:var(--condensed);color:#fff}.card-bg{position:absolute;top:0;right:0;bottom:0;left:0}.card-bg img{width:100%;height:100%;object-fit:cover;display:block}.card-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;pointer-events:none}.card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000006b,#0000 20%),linear-gradient(180deg,#0000 52%,#00000080)}.card-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.card-top{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 0}.card-wordmark{display:inline-flex;align-items:center;gap:6px;font-style:italic;font-weight:700;font-size:12px;letter-spacing:.22em;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-wordmark i{width:9px;height:9px;border-radius:2.5px;transform:skew(-12deg);background:var(--accent)}.card-date{font-weight:600;font-size:11px;letter-spacing:.14em;color:#ffffffc7;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-slab{background:#09090c94;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px #ffffff29,0 18px 44px #00000061;border-radius:22px;padding:18px 18px 12px}.card-eyebrow{font-weight:600;font-size:11px;letter-spacing:.22em;color:#ffffff9e;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title{font-weight:700;line-height:.95;letter-spacing:.005em;text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.card-title[data-size=xl]{font-size:40px}.card-title[data-size=lg]{font-size:34px}.card-title[data-size=md]{font-size:29px}.card-title[data-size=sm]{font-size:24px}.card-stats{display:grid;grid-template-columns:.9fr 1.15fr 1.2fr;gap:8px;margin-top:14px}.card-stat{display:flex;flex-direction:column}.card-stat-label{font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin-bottom:2px}.card-stat-value{font-weight:600;font-size:33px;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.card-stat-unit{font-style:normal;font-weight:600;font-size:13px;letter-spacing:.04em;color:#ffffff8c;margin-left:2px}.card-trace{width:100%;height:auto;margin:12px 0 0}.card-tally{margin-top:10px;font-weight:600;font-size:12px;letter-spacing:.12em;color:#ffffffa8}.card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.card-badge{font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#ffffffd9}.card-foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-weight:600;font-size:9px;letter-spacing:.16em;color:#ffffff6b}