:root{--font-display:"Fraunces", Georgia, serif;--font-body:"Outfit", system-ui, sans-serif;--weight-light:300;--weight-regular:400;--weight-bold:700;--weight-black:900;--bg-primary:#f6f1e7;--bg-secondary:#fdfbf5;--ink:#201a12;--ink-muted:#6b6152;--accent-1:#a87b2f;--accent-2:#1e3a2f;--accent-3:#8c2f1b;--hairline:#201a121f;--scrim:linear-gradient(180deg, #201a1200 40%, #201a12d9 100%);--drink-sage:#6e7f66;--drink-mustard:#b9932f;--drink-terracotta:#a85c33;--drink-aqua:#6f9ca8;--drink-ochre:#a87f45;--drink-charcoal:#2e2a26;--drink-olive:#6e7a45;--drink-plum:#6e4a5a;--drink-cranberry:#8a3b3b;--radius-card:16px;--radius-pill:999px;--radius-control:10px;--ease:cubic-bezier(.16, 1, .3, 1);--duration-fast:.25s;--duration-base:.6s;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--max-content:1200px}[data-theme=dark]{--bg-primary:#171310;--bg-secondary:#211c16;--ink:#ede6d8;--ink-muted:#a89b87;--hairline:#ede6d824}*{box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);font-weight:var(--weight-light);background:var(--bg-primary);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}body:before{content:"";pointer-events:none;z-index:9999;opacity:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}:focus-visible{ring:2px solid var(--accent-1);ring-offset:2px;ring-offset-color:var(--bg-primary);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-black);margin:0;line-height:1.1}input,textarea,select,button{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page{max-width:var(--max-content);width:100%;padding:var(--space-sm);flex:1;margin:0 auto}.container-narrow{max-width:720px;margin:0 auto}.field{flex-direction:column;gap:.35rem;display:flex}.field label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);font-size:.8rem;font-weight:600}.field input,.field textarea,.field select,.field .datalist-input{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--bg-secondary);width:100%;color:var(--ink);font-family:var(--font-body);font-weight:var(--weight-regular);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:.75rem 1rem;font-size:1rem}.field input:focus,.field textarea:focus,.field select:focus,.field .datalist-input:focus{border-color:var(--accent-1);outline:none;box-shadow:0 0 0 3px #a87b2f26}.field input::placeholder,.field textarea::placeholder{color:var(--ink-muted);opacity:.6}.btn{border-radius:var(--radius-pill);font-family:var(--font-body);transition:transform var(--duration-fast), background var(--duration-fast);justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-1);color:#fff}.btn-primary:hover:not(:disabled){background:#936a28}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--hairline);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--bg-primary)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--hairline)}.btn-destructive{background:var(--accent-3);color:#fff}.btn-destructive:hover:not(:disabled){background:#732717}.icon-btn{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--ink);transition:background var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--hairline)}.icon-btn:active{transform:scale(.95)}.fab{bottom:var(--space-md);right:var(--space-md);border-radius:var(--radius-pill);background:var(--accent-1);color:#fff;z-index:100;width:56px;height:56px;transition:transform var(--duration-fast), box-shadow var(--duration-fast);justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 20px #a87b2f66}.fab:hover{transform:scale(1.05);box-shadow:0 6px 28px #a87b2f80}.fab:active{transform:scale(.95)}.fab svg{width:28px;height:28px}.fab-bottom{transform:translateX(-50%) translateY(calc(50% + env(safe-area-inset-bottom,0px)));width:64px;height:64px;margin-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));z-index:200;position:fixed;bottom:0;left:50%}.chip{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.chip-tag{background:var(--bg-secondary);border:1px solid var(--hairline);color:var(--ink-muted)}.chip-tag.active{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.chip-meta{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--bg-primary);background:#fdfbf526;border:1px solid #fdfbf533}.card{border-radius:var(--radius-card);background:var(--bg-secondary);overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes colorWash{0%{background-color:var(--bg-primary)}to{background-color:var(--drink-color,var(--bg-primary))}}.animate-stagger>*{opacity:0;animation:fadeInUp var(--duration-base) var(--ease) forwards}.animate-stagger>:first-child{animation-delay:60ms}.animate-stagger>:nth-child(2){animation-delay:.12s}.animate-stagger>:nth-child(3){animation-delay:.18s}.animate-stagger>:nth-child(4){animation-delay:.24s}.animate-stagger>:nth-child(5){animation-delay:.3s}.animate-stagger>:nth-child(6){animation-delay:.36s}.animate-stagger>:nth-child(7){animation-delay:.42s}.animate-stagger>:nth-child(8){animation-delay:.48s}.animate-stagger>:nth-child(9){animation-delay:.54s}.animate-stagger>:nth-child(10){animation-delay:.6s}.animate-stagger>:nth-child(n+11){animation-delay:0s;animation-duration:var(--duration-fast)}@media (prefers-reduced-motion:reduce){.animate-stagger>*,.animate-fadeInUp,.animate-scaleIn,.animate-colorWash{opacity:1!important;animation:none!important;transform:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-cream{color:var(--bg-primary)}.text-ink{color:var(--ink)}.text-muted{color:var(--ink-muted)}.spinner{border:3px solid var(--hairline);border-top-color:var(--accent-1);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media print{.no-print{display:none!important}body{color:#000;background:#fff}body:before{display:none}.page{max-width:100%;padding:0}}