:root{--bg:#faf6ee;--surface:#fffdf8;--surface-muted:#f2ecdf;--beige:#f2ecdf;--text:#2c2740;--muted:#6c6580;--unknown:#7a7386;--line:#ece3d3;--line-strong:#ded2be;--brand:#7c5cf6;--brand-ink:#5b3ce0;--brand-edge:#5a44c9;--brand-soft:rgba(124,92,246,.14);--on-brand:#fff;--accent:var(--brand-ink);--ok:#0c6e4c;--ok-soft:rgba(18,163,116,.16);--warn:#b4680a;--warn-soft:rgba(255,159,28,.18);--danger:#d8285c;--nav-bg:rgba(255,253,248,.9);--map-bg:#f5effa;--radius:18px;--radius-lg:22px;--shadow:0 1px 2px rgba(75,46,158,.05),0 8px 20px rgba(75,46,158,.14)}@media (prefers-color-scheme:dark){:root{--bg:#17141f;--surface:#201c2b;--surface-muted:#2a2536;--beige:#2a2536;--text:#f2eee6;--muted:#a79fb8;--unknown:#9a93a8;--line:#2e2839;--line-strong:#3d3550;--brand:#9b82ff;--brand-ink:#c3b2ff;--brand-edge:#6e55c9;--brand-soft:rgba(155,130,255,.22);--on-brand:#1a1526;--accent:var(--brand-ink);--ok:#4ed9a4;--ok-soft:rgba(78,217,164,.18);--warn:#ffb454;--warn-soft:rgba(255,180,84,.18);--danger:#ff6e93;--nav-bg:rgba(32,28,43,.9);--map-bg:#241f31;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 20px rgba(0,0,0,.35)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.container{max-width:640px;margin:0 auto;padding:20px 16px calc(104px + env(safe-area-inset-bottom, 0px))}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px;border-radius:6px}.badge{font-size:12px;font-weight:600;padding:3px 9px;border:1px solid;border-radius:999px;white-space:nowrap}.muted{color:var(--muted)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.field-label{color:var(--muted);font-size:14px}.field-value{display:flex;align-items:center;gap:10px;background:none;border:0;text-align:right;padding:0;color:inherit}.field-input{font:inherit;padding:9px 12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text)}.field-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.review-select{width:auto;min-width:128px;padding:7px 30px 7px 12px;font-size:14px}.more-fields{margin-top:4px;border-bottom:1px solid var(--line)}.more-fields>summary{list-style:none;cursor:pointer;padding:16px 0;color:var(--brand-ink);font-size:15px;font-weight:700}.more-fields>summary::-webkit-details-marker{display:none}.more-fields>summary:after{content:" ▾"}.more-fields[open]>summary:after{content:" ▴"}.rating{display:flex;gap:8px}.star{font-size:34px;line-height:1;background:none;border:0;color:var(--line-strong);padding:4px;transition:transform .05s ease}.star.on{color:var(--warn)}.star:active{transform:scale(1.15)}.card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;color:inherit;margin-bottom:12px}.card-thumb{width:56px;height:56px;border-radius:14px;object-fit:cover}.card-thumb.placeholder{background:var(--surface-muted)}.card-body{flex:1 1;min-width:0}.card-title{font-weight:600}.card-sub{font-size:14px}.card-rating{margin-left:auto;color:var(--warn);letter-spacing:1px}.notice{background:var(--warn-soft);color:var(--text);padding:12px 14px;border-radius:14px;margin-bottom:16px;font-size:14px}.primary-btn{display:block;width:100%;padding:16px;border:0;border-radius:16px;background:var(--brand);color:var(--on-brand);font-size:17px;font-weight:600;box-shadow:var(--shadow);transition:transform .05s ease,opacity .05s ease}.primary-btn:active:not(:disabled){transform:translateY(2px);opacity:.92}.primary-btn:disabled{opacity:.45}.secondary-btn{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;margin-top:14px;padding:13px 16px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);color:var(--brand-ink);font-size:16px;font-weight:700;text-align:center;text-decoration:none;box-shadow:var(--shadow);transition:transform .05s ease,opacity .05s ease,box-shadow .05s ease,border-color .05s ease}.secondary-btn:hover{border-color:var(--brand)}.secondary-btn:active{transform:translateY(2px);opacity:.9;box-shadow:none}.hero-btn{display:block;width:100%;padding:16px;border:0;border-radius:16px;background:var(--brand);color:var(--on-brand);font-size:17px;font-weight:700;text-align:center;text-decoration:none;box-shadow:0 6px 0 var(--brand-edge);transition:transform .05s ease,box-shadow .05s ease}.hero-btn:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 0 var(--brand-edge)}.hero-btn:disabled{opacity:.45}.screen-q{font-size:22px;font-weight:650;margin:8px 0 20px;letter-spacing:-.01em}.delete-btn{display:block;width:100%;margin-top:12px;padding:12px;border:0;background:none;color:var(--danger);font-size:15px;font-weight:600;border-radius:14px}.delete-btn:active:not(:disabled){background:var(--danger-soft,rgba(216,40,92,.1))}.uploader{display:inline-flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:8px;text-align:center;padding:14px 16px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);color:var(--brand-ink);font-weight:700;box-shadow:var(--shadow);cursor:pointer;margin-bottom:16px;transition:transform .05s ease,opacity .05s ease,box-shadow .05s ease,border-color .05s ease}.uploader:before{content:"+";display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:var(--brand-soft);color:var(--brand-ink);font-size:18px;line-height:1}.uploader:hover{border-color:var(--brand)}.uploader:active{transform:translateY(2px);opacity:.9;box-shadow:none}.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.thumb{width:84px;height:84px;object-fit:cover;border-radius:14px}.thumb-wrap{position:relative}.thumb-remove{position:absolute;top:-6px;right:-6px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:999px;background:var(--text);color:var(--surface);font-size:16px;line-height:1;box-shadow:var(--shadow)}.capture-hint{text-align:center;font-size:13px;margin-top:12px}.error{color:var(--danger)}.textarea{width:100%;resize:vertical;min-height:130px;line-height:1.5}.edit-section{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:24px 2px 10px}select.field-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:right 16px center,right 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.date-input{width:100%;min-height:44px}.text-link{display:block;text-align:center;margin-top:16px;color:var(--brand-ink);font-size:14px;font-weight:600;text-decoration:none}.manual-field{display:grid;grid-gap:6px;gap:6px}.manual-field span{color:var(--muted);font-size:14px;font-weight:600}.manual-rating{margin-top:28px}.memory-input{width:100%;min-height:156px;resize:vertical;line-height:1.45}.home-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.home-head .screen-q{margin:0}.home-actions{display:flex;align-items:center;gap:10px}.add-link{flex:none;font-size:26px;line-height:1;color:var(--brand-ink);width:44px;height:44px;display:grid;place-items:center;border-radius:14px}.add-link,.export-link{text-decoration:none;background:var(--surface);box-shadow:var(--shadow)}.export-link{flex:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;color:var(--brand-ink);font-size:14px;font-weight:700;transition:transform .05s ease,opacity .05s ease,box-shadow .05s ease,border-color .05s ease}.export-link:hover{border-color:var(--brand)}.export-link:active{transform:translateY(2px);opacity:.9;box-shadow:none}.empty{text-align:center;padding:48px 0;display:grid;grid-gap:20px;gap:20px}.map-card{background:var(--map-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;margin-bottom:14px;overflow:hidden}.map-card-lg{padding:18px 14px}.worldmap{display:block;width:100%;height:auto}.wm-land path{fill:var(--surface);stroke:var(--line-strong);stroke-width:.75;stroke-linejoin:round;vector-effect:non-scaling-stroke}.origin-list{list-style:none;margin:4px 0 0;padding:0}.origin-row{gap:12px;padding:13px 6px;border-bottom:1px solid var(--line);border-radius:10px}.origin-link,.origin-row{display:flex;align-items:center}.origin-link{gap:10px;width:100%;text-decoration:none;color:inherit}.origin-dot{flex:none;width:12px;height:12px;border-radius:50%}.origin-name{font-weight:600}.origin-stats{margin-left:auto;color:var(--muted);font-size:14px}.atlas-unmapped{font-size:13px;margin-top:16px;line-height:1.5}.insight-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.insight-big{font-size:20px;font-weight:700;letter-spacing:-.01em}.insight-head{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.insight-card p{margin:0;line-height:1.55}.insight-card strong{color:var(--brand-ink)}.insight-list{list-style:none;margin:0;padding:0}.insight-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.insight-list li:last-child{border-bottom:0}.insight-foot{font-size:13px;margin:10px 0 0}.palate{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 18px}.filter-chip,.palate strong{color:var(--brand-ink);font-weight:600}.filter-chip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-soft);border:0;font-size:13px;padding:6px 12px;border-radius:999px;margin-bottom:14px}.origin-group{margin-bottom:22px}.origin-head{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text);margin:0 2px 10px}.origin-head-btn{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.origin-meta{color:var(--muted);font-weight:600;letter-spacing:0}.view-toggle{display:inline-flex;gap:4px;padding:4px;margin-bottom:18px;background:var(--surface-muted);border-radius:14px}.view-toggle button{min-height:38px;padding:0 18px;border:0;border-radius:11px;background:none;color:var(--muted);font-size:14px;font-weight:700}.search-input{width:100%;margin-bottom:16px}.view-toggle button[aria-pressed=true]{background:var(--surface);color:var(--brand-ink);box-shadow:var(--shadow)}.detail-head{margin-bottom:18px}.detail-title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:2px 0}.detail-roaster{color:var(--muted);margin-bottom:8px}.detail-rating{font-size:24px;color:var(--warn);letter-spacing:2px;margin:0}.detail-logged{font-size:14px;margin-top:6px}.facts{margin:4px 0 0}.fact{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.fact-label{color:var(--muted);font-size:14px;margin:0}.fact-value{margin:0;font-weight:500;text-align:right}.chips,.fact-value{display:flex;align-items:center;gap:8px}.chips{flex-wrap:wrap;margin-bottom:18px}.chip{background:var(--brand-soft);color:var(--brand-ink);font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px}.meta-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface-muted);color:var(--text);font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong)}.unknowns{color:var(--muted);font-size:13px;margin-top:16px}.detail-note{margin-top:18px;padding:14px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow)}.taste-hint{margin-top:20px}.taste-hint-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.taste-hint-title{font-size:15px;font-weight:700;margin:0}.taste-hint-badge{color:var(--warn);border-color:var(--warn)}.taste-hint-body{margin:0;padding:14px;background:var(--warn-soft);border:1px dashed var(--warn);border-radius:14px;font-size:15px;line-height:1.5}.taste-hint-again{margin-top:10px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:999px;background:none;color:var(--muted);font-size:13px;font-weight:600}.taste-hint-again:disabled{opacity:.5}.taste-hint-error{margin:10px 0 0;color:var(--muted);font-size:13px}.bottom-nav{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:20;display:flex;gap:6px;padding:6px;background:var(--nav-bg);border:1px solid var(--line);box-shadow:0 8px 28px rgba(75,46,158,.15);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav,.nav-item,.scan-nav{align-items:center;border-radius:999px}.nav-item,.scan-nav{display:inline-flex;gap:7px;height:44px;padding:0 15px;text-decoration:none;font-size:13px;font-weight:650;color:var(--muted);background:transparent;transition:transform .05s ease,background .12s ease,color .12s ease;white-space:nowrap}.nav-item svg,.scan-nav svg{width:19px;height:19px;stroke-width:2.2;flex:none}.nav-item span{display:none}.nav-item.active span{display:inline}.nav-item.active{color:var(--brand-ink);background:var(--brand-soft)}.scan-nav{color:var(--on-brand);background:var(--brand);font-weight:700}.scan-nav.active{background:var(--brand-ink)}.nav-item:active,.scan-nav:active{transform:translateY(1px)}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.detail-back{gap:6px;font-weight:650}.detail-back,.edit-link{display:inline-flex;align-items:center;color:var(--brand-ink);text-decoration:none;font-size:14px}.edit-link{min-height:38px;justify-content:center;padding:0 12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);font-weight:700;box-shadow:var(--shadow);transition:transform .05s ease,opacity .05s ease,box-shadow .05s ease,border-color .05s ease}.edit-link:hover{border-color:var(--brand)}.edit-link:active{transform:translateY(2px);opacity:.9;box-shadow:none}.boundary-detail{font-size:13px;margin-top:12px;word-break:break-word}.skeleton{background:var(--surface-muted);border-radius:var(--radius);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-title{height:28px;width:60%;margin-bottom:24px;border-radius:10px}.skeleton-card{height:84px;margin-bottom:12px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}