:root{--brand: #ff6b35;--brand-hover: #f25b23;--brand-soft: #fff1ea;--navy: #12233f;--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f0f2f6;--border: #e2e6ed;--border-strong: #cbd2dd;--text: #12233f;--text-2: #4a5a73;--text-dim: #7a879b;--on-brand: #ffffff;--shadow-sm: 0 1px 2px rgba(18,35,63,.06);--shadow-md: 0 4px 16px rgba(18,35,63,.08);--shadow-lg: 0 12px 32px rgba(18,35,63,.12);--loved: #1f9d63;--loved-soft: #e6f6ee;--reorder: #5fa855;--reorder-soft: #eef6ec;--fine: #b8860b;--fine-soft: #fdf5e3;--never: #d1503a;--never-soft: #fdeeeb;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", var(--font);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--gap-xs: 6px;--gap-sm: 10px;--gap: 16px;--gap-lg: 24px;--gap-xl: 36px;--nav-h: 68px;--sidebar-w: 236px;--content-max: 860px}:root[data-theme=dark]{--brand-soft: #2a1a12;--bg: #0e1726;--surface: #16223a;--surface-2: #1e2c48;--border: #26364f;--border-strong: #35496a;--text: #eef2f8;--text-2: #b3c0d4;--text-dim: #7f8ea6;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 12px 32px rgba(0,0,0,.45);--loved-soft: #122c20;--reorder-soft: #16281a;--fine-soft: #2b2413;--never-soft: #2e1815}.shell{display:flex;min-height:100dvh;background:var(--bg)}.sidebar{display:none;width:var(--sidebar-w);flex-shrink:0;flex-direction:column;background:var(--navy);padding:var(--gap-lg) var(--gap) var(--gap);position:sticky;top:0;height:100dvh}.sidebar-brand{display:block;width:100%;text-align:left;background:transparent;border:none;box-shadow:none;border-radius:var(--radius);margin-bottom:var(--gap-xl);padding:8px 6px;cursor:pointer}.sidebar-brand:hover:not(:disabled){background:#ffffff12}.topbar-home{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;box-shadow:none;padding:2px 0;margin-bottom:1px;cursor:pointer;border-radius:6px}.topbar-home:hover:not(:disabled){background:transparent;opacity:.75}.topbar-home .topbar-eyebrow{pointer-events:none}@media(min-width:900px){.topbar-home{display:none}}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:999px;background:transparent;color:#ffffffb8;font-size:.95rem;font-weight:500;text-align:left;transition:background .15s ease,color .15s ease}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.is-active{background:#fff;color:#12233f;font-weight:600}:root[data-theme=dark] .nav-item.is-active{background:var(--brand);color:#fff}.sidebar-foot{border-top:1px solid rgba(255,255,255,.12);padding-top:var(--gap)}.sidebar-user{display:flex;align-items:center;gap:10px}.sidebar-user-name{color:#fff;font-size:.9rem;font-weight:600}.sidebar-user-sub{color:#ffffff8c;font-size:.78rem}.avatar{width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.main{flex:1;min-width:0;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);width:100%;max-width:var(--content-max);margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) var(--gap) 12px;background:var(--bg);position:sticky;top:0;z-index:20}.topbar-eyebrow{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.topbar-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text);line-height:1.2}.page{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--gap) var(--gap-xl)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -1px 12px #12233f0d}.bottom-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;background:transparent!important;border-radius:0;color:var(--text-dim);font-size:.68rem;font-weight:500;min-height:var(--nav-h);justify-content:center}.bottom-item.is-active{color:var(--brand)}.bottom-item.is-active svg{stroke-width:2.4}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-family:var(--font-display);font-size:1.08rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.brand-sub{font-size:.74rem;color:var(--text-dim)}.sidebar .brand-name{color:#fff}.sidebar .brand-sub{color:#ffffff8c}@media(min-width:900px){.sidebar{display:flex}.bottom-nav{display:none}.main{padding-bottom:var(--gap-xl)}.topbar{padding:var(--gap-lg) var(--gap-lg) var(--gap)}.page{padding:0 var(--gap-lg) var(--gap-xl)}}.stack-lg{display:flex;flex-direction:column;gap:var(--gap-lg)}.inline-icon{display:inline-flex;align-items:center;gap:8px}.locate-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap);box-shadow:var(--shadow-sm)}.search-row{display:flex;gap:var(--gap-sm);margin-top:var(--gap)}.place-row{display:flex;align-items:center;gap:var(--gap-sm);width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px var(--gap);margin-bottom:var(--gap-sm);color:var(--text);font-weight:400;box-shadow:var(--shadow-sm)}.place-row:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.place-body{display:flex;flex-direction:column;min-width:0;flex:1}.place-name{font-weight:600}.place-sub{color:var(--text-dim);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place-distance{color:var(--brand);font-weight:600;font-size:.85rem;white-space:nowrap}.place-chevron{color:var(--text-dim);flex-shrink:0}.rotation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-sm)}.rotation-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--brand);border-radius:var(--radius);padding:var(--gap);color:var(--text);font-weight:400;box-shadow:var(--shadow-sm)}.rotation-card:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);border-top-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-1px)}.rotation-card:active:not(:disabled){transform:translateY(0)}.rotation-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-sm)}.rotation-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:var(--brand-soft);color:var(--brand)}.rotation-name{font-weight:600;margin-bottom:2px}.rotation-card .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap) var(--gap-sm);text-align:center;box-shadow:var(--shadow-sm)}.stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;line-height:1.1}.stat-value.is-accent{color:var(--brand)}.stat-label{color:var(--text-dim);font-size:.78rem}.input-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;box-shadow:none;padding:8px;color:var(--text-dim)}.input-clear:hover:not(:disabled){background:var(--surface-2)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--gap-xs);margin-top:var(--gap-sm)}.chip{background:var(--surface);border:1px solid var(--border);box-shadow:none;color:var(--text-2);font-size:.82rem;font-weight:500;padding:7px 13px;border-radius:999px}.chip:hover:not(:disabled){background:var(--surface-2)}.chip.is-active[data-verdict=loved]{background:var(--loved-soft);color:var(--loved);border-color:var(--loved)}.chip.is-active[data-verdict=reorder]{background:var(--reorder-soft);color:var(--reorder);border-color:var(--reorder)}.chip.is-active[data-verdict=fine]{background:var(--fine-soft);color:var(--fine);border-color:var(--fine)}.chip.is-active[data-verdict=never]{background:var(--never-soft);color:var(--never);border-color:var(--never)}.journal-place{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;box-shadow:none;padding:2px 0;margin:2px 0;color:var(--text-dim);font-size:.84rem;font-weight:500}.journal-place:hover:not(:disabled){background:transparent;color:var(--brand)}.saved-card{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);margin-bottom:var(--gap-sm);color:var(--text);font-weight:400;box-shadow:var(--shadow-sm)}.saved-card:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.saved-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm)}.saved-name{font-weight:600;font-size:1.02rem}.saved-count{display:inline-flex;align-items:center;gap:4px;background:var(--brand-soft);color:var(--brand);font-size:.78rem;font-weight:600;padding:4px 9px;border-radius:999px;flex-shrink:0}.usual-block{margin-top:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px dashed var(--border)}.usual-label{display:inline-flex;align-items:center;gap:5px;color:var(--brand);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}.usual-dish{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:5px}.usual-meta{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}.usual-meta .verdict-tag{margin-top:0}.profile-head{display:flex;align-items:center;gap:var(--gap)}.avatar-lg{width:56px;height:56px;font-size:1.1rem}.profile-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);box-shadow:var(--shadow-sm)}.privacy-list{list-style:none;margin:0;padding:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.privacy-list li{display:flex;align-items:flex-start;gap:9px;color:var(--text-2);font-size:.89rem;line-height:1.5}.privacy-list li+li{margin-top:var(--gap-sm)}.privacy-list svg{color:var(--loved);flex-shrink:0;margin-top:3px}.button-row{display:flex;gap:var(--gap-sm);flex-wrap:wrap}.usual-banner{background:var(--brand-soft);border:1px solid var(--brand);border-radius:var(--radius-lg);padding:var(--gap);margin-bottom:var(--gap)}.usual-banner-dish{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.2;margin:2px 0 7px}:root[data-theme=dark] .usual-banner{background:var(--brand-soft);border-color:var(--brand)}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page>*{animation:fade-up .22s ease both}.usual-banner{animation:fade-up .3s ease both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}button:focus-visible{outline-offset:2px}.empty-state{text-align:center;padding:var(--gap-xl) var(--gap);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.empty-state h3{margin-bottom:6px}.empty-state p{color:var(--text-dim);font-size:.9rem;margin:0 auto;max-width:42ch}@media print{.sidebar,.bottom-nav,.topbar button,.bdo-footer{display:none!important}.main{padding:0}.card{break-inside:avoid;box-shadow:none}}.usual-item+.usual-item{margin-top:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px solid rgba(255,107,53,.25)}.usual-item+.usual-item .usual-banner-dish{font-size:1.15rem}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0 0 var(--gap-sm);color:var(--text)}h1{font-size:1.9rem;line-height:1.15}h2{font-size:1.3rem}h3{font-size:1.05rem}button{font-family:inherit;font-size:1rem;border:none;border-radius:var(--radius);padding:14px 18px;background:var(--brand);color:var(--on-brand);font-weight:600;cursor:pointer;transition:background .15s ease,transform .06s ease,box-shadow .15s ease}button:hover:not(:disabled){background:var(--brand-hover)}button:active:not(:disabled){transform:scale(.985)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}button.secondary:hover:not(:disabled){background:var(--surface-2)}button.ghost{background:transparent;color:var(--text-2);border:none;box-shadow:none}button.ghost:hover:not(:disabled){background:var(--surface-2)}input,textarea{width:100%;font-family:inherit;font-size:1rem;padding:13px 15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}input::placeholder{color:var(--text-dim)}.field{margin-bottom:var(--gap)}.field label{display:block;font-size:.82rem;font-weight:500;color:var(--text-2);margin-bottom:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);margin-bottom:var(--gap-sm);box-shadow:var(--shadow-sm)}.error{background:var(--never-soft);border:1px solid var(--never);color:var(--never);border-radius:var(--radius);padding:12px 14px;margin-bottom:var(--gap);font-size:.9rem;font-weight:500}.notice{background:var(--loved-soft);border:1px solid var(--loved);color:var(--loved);border-radius:var(--radius);padding:12px 14px;margin-bottom:var(--gap);font-size:.9rem;font-weight:500}.muted{color:var(--text-dim);font-size:.9rem}.center-screen{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:var(--gap-lg);max-width:400px;margin:0 auto}.wordmark{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.tagline{text-align:center;color:var(--text-dim);font-size:.95rem;margin-bottom:var(--gap-xl)}.bdo-footer{padding:var(--gap);text-align:center;font-size:.74rem;color:var(--text-dim);border-top:1px solid var(--border)}.bdo-footer strong{color:var(--text-2);font-weight:600}.bdo-footer .divider{margin:0 8px;opacity:.5}.pw-wrap{position:relative}.pw-wrap input{padding-right:48px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;padding:10px;color:var(--text-dim);cursor:pointer}.pw-toggle:active{transform:translateY(-50%) scale(.95)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}button.recording{background:var(--never)}.verdict-card{border-left:4px solid var(--border)}.verdict-card[data-verdict=loved]{border-left-color:var(--loved)}.verdict-card[data-verdict=reorder]{border-left-color:var(--reorder)}.verdict-card[data-verdict=fine]{border-left-color:var(--fine)}.verdict-card[data-verdict=never]{border-left-color:var(--never)}.verdict-tag{display:inline-block;font-size:.78rem;font-weight:600;padding:2px 9px;border-radius:999px;margin-top:5px}.verdict-tag[data-verdict=loved]{background:#4ea67233;color:var(--loved)}.verdict-tag[data-verdict=reorder]{background:#7fb06933;color:var(--reorder)}.verdict-tag[data-verdict=fine]{background:#c9a22733;color:var(--fine)}.verdict-tag[data-verdict=never]{background:#c0563f33;color:var(--never)}.photo-strip{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.photo-thumb{position:relative;flex-shrink:0}.photo-thumb img{width:88px;height:88px;object-fit:cover;border-radius:10px;display:block}.photo-remove{position:absolute;top:-6px;right:-6px;width:24px;height:24px;padding:0;border-radius:50%;background:var(--never);color:#fff;display:flex;align-items:center;justify-content:center}