:root{--bg: #FAF7F2;--surface: #FFFFFF;--border: #ECE6DC;--text: #2B2520;--text-muted: #7A6F65;--accent: #D97757;--accent-soft: #FBE9DF;--success: #5C8A5A;--warning: #D9A04C;--star: #E8A93C;--shadow: 0 2px 8px rgba(43, 37, 32, .08);--shadow-card: 0 4px 12px rgba(43, 37, 32, .06);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--font-system: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "SF Pro Text", system-ui, sans-serif;--tap-min: 48px;--tabbar-h: 56px}@media (prefers-color-scheme: dark){:root{--bg: #1A1612;--surface: #26201B;--border: #3A322C;--text: #F4EDE4;--text-muted: #A89C90;--accent: #E89072;--accent-soft: #3D2A22;--success: #7BAE78;--warning: #E8B564;--star: #F4BC54;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card: 0 4px 12px rgba(0, 0, 0, .4)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-system);font-size:17px;line-height:1.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{min-height:100vh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px)}h1{font-size:26px;font-weight:600;line-height:1.25;margin:0 0 var(--sp-2)}h2{font-size:20px;font-weight:600;line-height:1.3;margin:var(--sp-6) 0 var(--sp-3)}p,li{font-size:17px;line-height:1.55;margin:0 0 var(--sp-2)}small,.caption{font-size:14px;color:var(--text-muted)}button{font-family:inherit;font-size:17px;font-weight:600;min-height:var(--tap-min);min-width:var(--tap-min);border:none;background:transparent;color:var(--text);cursor:pointer;padding:0 var(--sp-4);border-radius:var(--r-md)}button:active{transform:scale(.98)}button.primary{background:var(--accent);color:#fff}button.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}input[type=text],input[type=search],input[type=number],input[type=date],textarea,select{font-family:inherit;font-size:17px;line-height:1.55;width:100%;padding:var(--sp-3) var(--sp-4);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);min-height:var(--tap-min)}textarea{min-height:96px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-card);margin-bottom:var(--sp-3)}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);z-index:100}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:500;color:var(--text-muted);border-radius:0}.tabbar button[aria-current=page]{color:var(--accent)}.tabbar button svg{width:24px;height:24px}.fab{position:fixed;right:var(--sp-4);bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + var(--sp-4));width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 6px 16px #d9775766;display:flex;align-items:center;justify-content:center;z-index:99}.fab svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8}.view{padding:var(--sp-6) var(--sp-4)}.chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{min-height:var(--tap-min);padding:0 var(--sp-4);border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:15px;font-weight:500;display:inline-flex;align-items:center}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.stars{display:flex;gap:var(--sp-2)}.stars button{width:var(--tap-min);height:var(--tap-min);padding:0;display:flex;align-items:center;justify-content:center}.stars svg{width:32px;height:32px}.stars .on{fill:var(--star);stroke:var(--star)}.stars .off{fill:none;stroke:var(--border);stroke-width:1.5}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 80px);background:var(--text);color:var(--bg);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:15px;font-weight:500;box-shadow:var(--shadow);z-index:200;opacity:0;transition:opacity .2s;pointer-events:none;max-width:92vw;text-align:center}.toast.show{opacity:1}.banner{background:var(--accent-soft);color:var(--text);padding:var(--sp-2) var(--sp-4);font-size:14px;text-align:center}.banner.warning{background:#d9a04c2e;color:var(--warning)}.modal-sheet{position:fixed;inset:0;background:var(--bg);z-index:300;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:slide-up .25s ease-out}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.modal-header .title{font-size:17px;font-weight:600}.modal-body{flex:1;overflow-y:auto;padding:var(--sp-4)}.photo-preview{width:100%;border-radius:var(--r-lg);background:var(--accent-soft);display:flex;flex-direction:column;padding:var(--sp-3);margin-bottom:var(--sp-4)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.photo-grid .tile{aspect-ratio:1/1;background:var(--accent-soft);border-radius:var(--r-md);overflow:hidden;position:relative}.photo-grid .tile img{width:100%;height:100%;object-fit:cover}.photo-grid .tile .label{position:absolute;left:4px;bottom:4px;right:4px;color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segmented{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:2px}.segmented button{min-height:36px;padding:0 var(--sp-3);font-size:14px;font-weight:500;color:var(--text-muted);border-radius:var(--r-sm)}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff}.skeleton{background:var(--border);border-radius:var(--r-md);height:64px;margin-bottom:var(--sp-3);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.empty{text-align:center;padding:var(--sp-12) var(--sp-4);color:var(--text-muted)}.empty p{margin-bottom:var(--sp-4)}.wine-row{display:flex;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);margin-bottom:var(--sp-2);align-items:center}.wine-row .meta{flex:1;min-width:0}.wine-row .meta .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wine-row .meta .sub{color:var(--text-muted);font-size:13px;margin-top:2px}.wine-row .qty{min-width:36px;text-align:center;font-weight:700;color:var(--accent)}.wine-row .qty.zero{color:var(--text-muted)}