@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f6f2ea;--bg-soft: #fbf7f1;--ink: #251f17;--ink-soft: #5c5043;--card: #fffdf8;--card-2: #f8f2e7;--line: #ddcfba;--line-strong: #bfa98b;--brand: #6f4e2e;--brand-strong: #503015;--accent: #b9873c;--accent-soft: #f4e4c8;--success-bg: #eaf7ed;--success-ink: #1f6a39;--warning-bg: #fff5e3;--warning-ink: #8a5c11;--danger-bg: #ffebea;--danger-ink: #8d2926;--shadow-soft: 0 8px 22px rgba(55, 34, 15, .08);--shadow-card: 0 16px 38px rgba(55, 34, 15, .12);--radius-xl: 22px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 4% -8%,#e3d4bb 0%,transparent 32%),radial-gradient(circle at 98% 0%,#ebdfcb 0%,transparent 36%),linear-gradient(160deg,#f8f3ea,#f2ecdf 60%,#eee7da);color:var(--ink);min-height:100vh}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page{max-width:1100px;margin:0 auto;padding:28px}.page>.hero,.page>.api-status-row,.page>.cards,.page>.top-switch,.page>.workspace,.page>.panel{opacity:0;animation:fade-up .42s ease-out forwards}.page>.hero{animation-delay:0ms}.page>.api-status-row{animation-delay:70ms}.page>.cards{animation-delay:.13s}.page>.top-switch{animation-delay:.19s}.page>.workspace,.page>.panel{animation-delay:.24s}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 18%,rgba(255,223,166,.42) 0%,transparent 42%),linear-gradient(140deg,#fffdf8,#f8efe2 56%,#f2e2ca);border:1px solid var(--line);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-card)}.hero h1{margin:0;font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:.01em;line-height:1.04;font-size:clamp(1.8rem,3.8vw,3.05rem);color:var(--brand-strong)}.hero p{margin:8px 0 0;color:var(--ink-soft);max-width:70ch}.hero-kicker{margin:0 0 10px;display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;background:#fffcf6e0;color:var(--brand);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:6px 11px}.hero-subtitle{margin-top:2px;font-family:Fraunces,Georgia,serif;font-size:clamp(1rem,2.1vw,1.35rem);color:#6f5a45}.hero-credit{margin-top:14px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#6f5a45;font-weight:700}.api-status-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fffdf8d6;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-soft)}.api-badge{padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;border:1px solid transparent}.api-badge.healthy{background:#e6f5e7;color:#1d6840;border-color:#b8e2c3}.api-badge.degraded{background:#fff6e5;color:#875809;border-color:#efd8ae}.api-badge.offline{background:#ffe9e7;color:#902d2a;border-color:#f2c7c3}.api-badge.checking{background:#f6efdf;color:#6c532f;border-color:#e4d7be}.api-meta{font-size:.82rem;color:#5f5346;background:#fbf6eb;border:1px solid #ddcfba;border-radius:8px;padding:4px 8px}.api-message{font-size:.86rem;color:#5f5346}.api-version{font-size:.76rem;font-weight:700;color:#6f4e2e;background:#f9f1df;border:1px solid #ddcfba;border-radius:999px;padding:3px 8px}.api-last-refresh{font-size:.82rem;color:#685a4b}.api-retry{margin-left:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #37220f24}.card h2{margin:0;font-size:1rem;color:#6d5f4f;text-transform:uppercase;letter-spacing:.04em}.card p{margin:8px 0 0;font-size:2.1rem;font-weight:800;color:var(--brand-strong)}.workspace{margin-top:16px}.analytics-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.analytics-section-tag{grid-column:1 / -1;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#5f4f3d;background:#f7efdf;border:1px solid #ddcfba;border-radius:999px;padding:6px 12px;width:fit-content}.kpi-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kpi-card{border:1px solid #ddcfba;background:#fbf5ea;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.ai-block{border:1px dashed #d3bf9e;background:#fffaf1;border-radius:8px;padding:8px 10px}.ai-block ul,.ai-block ol{margin:6px 0 0;padding-left:18px}.ai-block li{margin-bottom:4px}.kpi-card span{color:#6e5f4e;font-size:.85rem}.kpi-card strong{font-size:1.25rem;color:#5a3a1e}.bar-list{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;gap:6px}.bar-label{font-size:.9rem;color:#5e4f3d}.bar-track{height:10px;background:#ecdfcb;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#8f6334,#c39350)}.top-switch{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;background:#fffdf8c7;border:1px solid var(--line);border-radius:var(--radius-md);padding:10px}.advanced-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.tasting-slider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.tasting-slider-item{display:grid;grid-template-columns:90px 1fr 28px;align-items:center;gap:8px;border:1px solid #ddcfba;background:#fbf5ea;border-radius:10px;padding:8px 10px}.tasting-slider-item span{font-size:.85rem;color:#5f5142}.tasting-slider-item input[type=range]{width:100%}.tasting-slider-item strong{text-align:right;color:#5a3a1e}.filter-input{border:1px solid #d4c2a7;border-radius:11px;background:#fffdf8;color:var(--ink);padding:9px 12px;min-width:170px;transition:border-color .2s ease,box-shadow .2s ease}.ingredients-input{width:100%;border:1px solid #d4c2a7;border-radius:12px;background:#fffdf8;color:var(--ink);padding:10px 12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.filter-input:focus,.ingredients-input:focus{outline:none;border-color:#ab8755;box-shadow:0 0 0 3px #ba8d482e}.view-name{min-width:220px}.saved-views{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.saved-view-chip{display:inline-flex;align-items:center;border:1px solid #d8c8ae;border-radius:999px;background:#f9f2e6;overflow:hidden}.saved-view-btn,.saved-view-remove{border:none;background:transparent;color:#5e4b35;cursor:pointer}.saved-view-btn{padding:6px 10px}.saved-view-remove{padding:6px 8px;border-left:1px solid #e2d3bb}.saved-view-remove:hover,.saved-view-btn:hover{background:#efe1ca}.recommendation-hint{width:100%;border:1px solid #e1d3bb;background:#fdf7ed;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.tabs{display:flex;gap:8px}.tab{border:1px solid var(--line-strong);background:#fcf6ea;color:#5f4c35;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .15s ease,color .2s ease}.tab.active{background:linear-gradient(135deg,#6f4e2e,#503015);border-color:#5b3b1f;color:#fff8ed}.tab:hover{transform:translateY(-1px);border-color:#a1835d}.tab:disabled{opacity:.58;cursor:not-allowed;transform:none}.search{border:1px solid #d4c2a7;border-radius:11px;background:#fffdf8;color:var(--ink);padding:10px 12px;min-width:320px}.search:focus{outline:2px solid #d8bb8f;outline-offset:1px}.two-col{grid-template-columns:1.4fr 1fr}.table-wrap{max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fffdf8}.tasting-table{max-height:360px}table{width:100%;border-collapse:collapse;background:#fffdf8}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #efe2cf;font-size:.92rem}th{position:sticky;top:0;background:#f7efdf;color:#5d4c37;font-weight:700;z-index:1}tbody tr{cursor:pointer}tbody tr:hover{background:#faf2e5}tbody tr.selected{background:#f2e2c8}.detail-list{margin:0}.detail-row{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:start;border-bottom:1px solid #eadcc8;padding:8px 0}.detail-row dt{font-weight:600;color:#5e4f3e}.detail-row dd{margin:0;white-space:pre-wrap;word-break:break-word}.tasting-detail-stars{display:inline-flex;align-items:center;gap:8px}.tasting-detail-stars-glyph{position:relative;display:inline-block;font-size:1rem;line-height:1;letter-spacing:1px}.tasting-detail-stars-base{color:#d8cbb8}.tasting-detail-stars-fill{position:absolute;inset:0 auto 0 0;width:0;overflow:hidden;white-space:nowrap;color:#f3b300;letter-spacing:1px}.tasting-detail-stars-value{color:#5a3a1e;font-size:.86rem;font-weight:700}.tasting-detail-stars-score{color:#5f5141;font-size:.86rem;font-weight:600}.tasting-detail-flavor-wrap{margin-top:12px;border-top:1px solid #eadcc8;padding-top:10px}.tasting-detail-subtitle{margin:0 0 10px;font-size:.95rem;color:#5f4f3d}.tasting-detail-flavor-label{display:flex;justify-content:space-between;align-items:center;gap:10px}.tasting-detail-flavor-label strong{color:#5a3a1e;font-size:.84rem}.loading{background:#f5ecde;border:1px solid #deceb4;border-radius:8px;padding:10px;margin-top:12px}.empty{color:#6f6356}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}.calendar-head{font-size:.8rem;color:#5f5141;text-align:center}.calendar-cell{min-height:58px;border:1px solid #e2d3bd;border-radius:10px;background:#fdf8ee;display:flex;flex-direction:column;justify-content:space-between;padding:6px}.empty-cell{border-style:dashed;background:transparent}.calendar-count{display:inline-flex;align-self:flex-end;background:#6f4e2e;color:#fff8ed;border-radius:999px;padding:2px 7px;font-size:.75rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,transform .2s ease}.panel:hover{transform:translateY(-1px);box-shadow:0 14px 28px #37220f24}.panel h3{margin-top:0;font-family:Fraunces,Georgia,serif;font-size:1.26rem;color:#5a3a1e}.panel ul{margin:0;padding-left:18px}.editor-image-wrap{margin:10px 0 14px;border:1px solid #ddcfba;border-radius:12px;background:#fbf5ea;min-height:140px;display:flex;align-items:center;justify-content:center;padding:10px}.editor-image{max-width:100%;max-height:260px;border-radius:10px;object-fit:contain}.image-dropzone{border:1px dashed #b89a70;border-radius:10px;padding:10px 12px;margin-bottom:10px;background:#f7efdf;color:#5f4b34;font-size:.88rem}.image-dropzone code{background:#f1e3cd;border-radius:4px;padding:1px 4px}.image-candidate-list{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0}.image-candidate-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;border:1px solid #ddcfba;border-radius:10px;padding:8px;background:#fbf5ea}.image-candidate-preview{width:72px;height:72px;border:1px solid #ddcfba;border-radius:8px;overflow:hidden;background:#fffdf8;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#6b7ca1}.image-candidate-preview img{width:100%;height:100%;object-fit:cover}.image-candidate-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.image-candidate-meta strong{font-size:.87rem;color:#4f3b24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-candidate-meta a{font-size:.8rem;color:#6f4e2e;text-decoration:none}.image-candidate-meta a:hover{text-decoration:underline}.country-flag-inline{display:inline-flex;align-items:center;gap:8px}.country-flag-inline-img{width:24px;height:auto;border-radius:3px;border:1px solid #d8c8ae}.error{background:var(--danger-bg);border:1px solid #f0bfbc;border-radius:8px;padding:10px;margin-top:12px;color:var(--danger-ink)}.warning{background:var(--warning-bg);border:1px solid #efd7ab;border-radius:8px;color:var(--warning-ink);padding:10px;margin-top:12px}.success{background:var(--success-bg);border:1px solid #b8dfc1;border-radius:8px;color:var(--success-ink);padding:10px;margin-top:12px}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#25190e57;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.confirm-modal{width:min(520px,100%);background:#fffdf8;border:1px solid #ddcfba;border-radius:14px;box-shadow:0 14px 36px #3d281338;padding:16px}.confirm-modal h3{margin:0 0 8px}.confirm-modal p{margin:0 0 12px;color:#635545}@media (max-width: 860px){.page{padding:18px}.hero{padding:20px}.hero-credit{margin-top:12px}.grid,.analytics-grid{grid-template-columns:1fr}.search{min-width:100%}.api-retry{margin-left:0}.filter-input,.view-name{min-width:100%}.tasting-slider-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr;gap:4px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.page>.hero,.page>.api-status-row,.page>.cards,.page>.top-switch,.page>.workspace,.page>.panel,.card,.panel,.tab{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}