:root{--color-primary:#b8232c;--color-primary-deep:#8f1a22;--color-earth:#8c5a3c;--color-bamboo:#e9b44c;--color-leaf:#3a7d44;--color-bg:#fffaf0;--color-surface:#fff;--color-ink:#2b2118;--color-muted:#6b6258;--color-line:#eae2d5;--radius:16px;--radius-sm:10px;--shadow-card:0 6px 24px #2b21181f;--max-width:480px;--font-body:system-ui, sans-serif;--font-display:system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);min-height:100dvh;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);margin:0 0 .5em;line-height:1.25}p{margin:0 0 1em}a{color:var(--color-primary);text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.page{max-width:var(--max-width);margin:0 auto;padding:16px 16px 48px}.app-skeleton{background:linear-gradient(180deg, var(--color-surface), var(--color-bg));border-radius:var(--radius);min-height:420px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.app-shell{flex-direction:column;gap:12px;display:flex;position:relative}.filter-bar{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar label{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.filter-bar select{color:var(--color-ink);background:0 0;border:none;font-family:inherit;font-size:13px}.filter-bar span{color:var(--color-muted)}.veg-toggle{border:1px solid var(--color-line);background:var(--color-surface);border-radius:var(--radius-sm);padding:6px 12px;font-size:13px}.veg-toggle.on{background:var(--color-leaf);color:#fff;border-color:var(--color-leaf)}.shell-meta{align-items:center;gap:8px;display:flex}.streak-badge{color:var(--color-earth);background:var(--color-surface);border:1px solid var(--color-line);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.weather-hint{color:var(--color-muted);font-size:13px}.occasion-banner{background:var(--color-bamboo);color:var(--color-ink);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;font-weight:600}.deck-wrap{position:relative}.deck-cards{max-width:340px;height:420px;margin:0 auto;position:relative}.swipe-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);cursor:grab;user-select:none;overflow:hidden}.swipe-card img{object-fit:cover;pointer-events:none;width:100%;height:240px}.card-overlay{color:#fff;opacity:0;pointer-events:none;z-index:3;border-radius:10px;padding:6px 14px;font-size:28px;font-weight:800;position:absolute;top:16px}.card-like{background:var(--color-leaf);right:16px}.card-nope{background:var(--color-primary);left:16px}.card-info{padding:12px 14px}.card-head{align-items:center;gap:8px;display:flex}.card-head h3{margin:0;font-size:20px}.veg-badge{background:var(--color-leaf);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.card-meta{color:var(--color-muted);flex-wrap:wrap;gap:10px;margin:4px 0 8px;font-size:13px;display:flex}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag{background:var(--color-bg);border:1px solid var(--color-line);color:var(--color-earth);border-radius:999px;padding:2px 8px;font-size:11px}.card-desc{color:var(--color-muted);margin:0;font-size:13px}.deck-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.btn-like,.btn-nope{color:#fff;border:none;border-radius:999px;min-width:130px;padding:12px 22px;font-size:15px;font-weight:700}.btn-like{background:var(--color-leaf)}.btn-nope{background:var(--color-primary)}.deck-hint{text-align:center;color:var(--color-muted);margin-top:8px;font-size:12px}.surprise-badge{text-align:center;color:var(--color-earth);background:var(--color-bamboo);border-radius:999px;margin-top:10px;padding:4px 12px;font-size:13px;font-weight:700}.deck-empty{text-align:center;background:var(--color-surface);border-radius:var(--radius);padding:40px 20px}.deck-empty h3{color:var(--color-primary)}.mini-result{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);text-align:center;overflow:hidden}.mini-result img{object-fit:cover;width:100%;height:200px}.mini-result h3{margin:12px 0 4px;font-size:22px}.mini-result p{color:var(--color-muted);padding:0 16px;font-size:13px}.mini-actions{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px 16px;display:flex}.btn-primary,.btn-ghost{border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-primary);color:#fff;border:none}.btn-ghost{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.quiz{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px 16px}.quiz-progress{color:var(--color-muted);margin-bottom:8px;font-size:12px}.quiz h2{margin-bottom:12px;font-size:20px}.quiz h3{margin-bottom:4px;font-size:17px}.quiz .hint{color:var(--color-muted);font-size:13px}.quiz-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.quiz-col{flex-direction:column;gap:8px;margin:12px 0;display:flex}.quiz-opt{background:var(--color-bg);border:2px solid var(--color-line);border-radius:var(--radius-sm);text-align:left;padding:12px;font-size:15px}.quiz-opt.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--color-bg))}.favorites-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.fav-card{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-line);overflow:hidden}.fav-card img{object-fit:cover;width:100%;height:90px}.fav-body{padding:8px 10px}.fav-body h4{margin:0 0 6px;font-size:14px}.fav-actions{justify-content:space-between;align-items:center;font-size:13px;display:flex}.unlike{color:var(--color-primary);background:0 0;border:none;font-size:16px}.empty-note{text-align:center;color:var(--color-muted);background:var(--color-surface);border-radius:var(--radius-sm);padding:24px 16px;font-size:14px}.history-list{margin:0;padding:0;list-style:none}.history-item{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-line);align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.history-item img{object-fit:cover;border-radius:8px}.history-item strong{font-size:14px;display:block}.history-date{color:var(--color-muted);font-size:12px}.history-item a{margin-left:auto;font-size:13px}.tabs{justify-content:center;gap:6px;display:flex}.tab{border:1px solid var(--color-line);background:var(--color-surface);border-radius:999px;padding:8px 18px;font-size:14px}.tab.on{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.site-footer{color:var(--color-muted);justify-content:center;gap:10px;padding:20px 16px 28px;font-size:13px;display:flex}.site-footer a{color:var(--color-muted);text-decoration:none}.site-footer a:hover{color:var(--color-primary)}.dish-actions{gap:10px;display:flex}.fav-btn,.eaten-btn{border-radius:var(--radius);border:1px solid var(--color-line);cursor:pointer;background:#fff;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.fav-btn.on{border-color:var(--color-primary);background:#fdf0f1}.eaten-btn.on,.eaten-btn:disabled{border-color:var(--color-green);color:var(--color-green);background:#eef6ef}.share-buttons{gap:10px;display:flex}.share-btn{border-radius:var(--radius);color:#fff;cursor:pointer;background:#1877f2;border:none;flex:1;padding:9px 12px;font-size:14px;font-weight:600}.share-btn.ghost{border:1px solid var(--color-line);color:var(--color-ink);background:#fff;font-weight:500}.menu-subtitle{color:var(--color-muted);margin-bottom:16px;font-size:14px}.menu-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.menu-item{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);align-items:center;gap:14px;padding:12px;display:flex}.menu-item img{object-fit:cover;border-radius:var(--radius);flex-shrink:0;width:96px;height:96px}.menu-item-body{flex-direction:column;gap:3px;display:flex}.menu-slot{color:var(--color-muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.menu-name{color:var(--color-primary);font-size:17px;font-weight:700;text-decoration:none}.menu-price{color:var(--color-muted);font-size:13px}.menu-actions{gap:10px;margin-top:18px;display:flex}.menu-regen{border-radius:var(--radius);border:1px solid var(--color-line);cursor:pointer;background:#fff;flex:1;padding:11px 16px;font-size:14px;font-weight:600}