:root{--bg: #f6f3ea;--bg-card: #fffdf8;--bg-card-hi: #f0f7f8;--line: #d8d0bf;--text: #20312f;--text-dim: #65746f;--accent: #1f6f8b;--accent-dark: #164f63;--sand: #e9ddc7;--error: #b54a3d}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);background:linear-gradient(180deg,#d6e8e8d9,#f6f3ea00 180px),radial-gradient(circle at 10% 0%,rgba(31,111,139,.08),transparent 240px)}.header{padding:14px 4px 6px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;letter-spacing:.04em;color:var(--accent-dark);font-size:15px}.header__link{background:none;border:none;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;padding:6px 4px}.main{flex:1;padding:8px 0 16px}.title{font-size:30px;font-weight:700;margin:18px 4px 10px;line-height:1.2}.rank-status{min-height:20px;margin:0 4px 14px;color:var(--text-dim);font-size:13px;font-weight:600}.rank-status--done{color:var(--accent-dark)}.rank-status--error{color:var(--error)}.context-controls{display:grid;gap:10px;margin-bottom:14px}.segmented{display:grid;gap:6px}.segmented__label{color:var(--text-dim);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.segmented__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented__button{min-height:38px;border-radius:10px;border:1px solid var(--line);background:#fffdf8bf;color:var(--text);font-size:13px;font-weight:800;cursor:pointer}.segmented__button--on{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.chips{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chip{padding:14px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-card);color:var(--text);font-size:15px;font-weight:500;cursor:pointer;min-height:88px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;text-align:left;transition:background .15s,border-color .15s,transform .15s;box-shadow:0 1px #20312f0a}.chip--on{border-color:var(--accent-dark);box-shadow:0 0 0 2px #1f6f8b29;font-weight:600}.chip--hot{background:#eef8ee;border-color:#78ad72}.chip--good{background:#fff8df;border-color:#d7b84e}.chip--fair{background:#fcebd8;border-color:#c98242}.chip--poor{background:#f8e2dd;border-color:#c16455}.chip--nearly_impossible{background:#e5e2db;border-color:#79766d;color:#595b56}.chip__top{display:flex;justify-content:space-between;gap:8px}.chip__name{display:block;line-height:1.2}.fish-icon{width:78px;max-width:44%;height:54px;flex:0 0 auto;object-fit:contain;object-position:center;mix-blend-mode:multiply}.chip__rank{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.footer{position:sticky;bottom:0;padding:12px 0 18px;background:linear-gradient(transparent,var(--bg) 30%)}.go{width:100%;padding:18px;border-radius:14px;border:none;background:var(--accent);color:#fff;font-size:18px;font-weight:700;cursor:pointer}.go:disabled{opacity:.7}.go--secondary{background:var(--sand);color:var(--accent-dark);margin-top:16px}.error{margin-top:16px;color:var(--error);font-size:14px;text-align:center}.result{display:flex;flex-direction:column;gap:10px;padding-top:6px}.result__head{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px 4px}.result__species{font-size:20px;font-weight:700}.result__conf{color:var(--accent);font-size:13px;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 1px #20312f0a}.card--primary{background:var(--bg-card-hi);border-color:#1f6f8b47}.card__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px}.card__engine{float:right;font-size:11px;letter-spacing:.04em;color:var(--accent-dark);cursor:help}.card__big{font-size:24px;font-weight:700;color:var(--accent-dark)}.card__val{font-size:15px;font-weight:600}.card__sub{font-size:13px;color:var(--text-dim);margin-top:4px}.card__text{font-size:14px;line-height:1.55}.condition-line{color:var(--text);font-size:14px;font-weight:650;line-height:1.45}.pattern-actions{display:grid;grid-template-columns:1fr;gap:8px}.pattern-actions button{min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--sand);color:var(--accent-dark);font-size:13px;font-weight:800;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sources{font-size:11px;color:var(--text-dim);text-align:center;padding:4px 0}.spot-add{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.spot-add__input{padding:14px;border-radius:12px;border:1px solid var(--line);background:#fffaf1;color:var(--text);font-size:15px}.spots-list{display:flex;flex-direction:column;gap:8px}.spot-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.spot-row__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.spot-row__fish{min-height:34px;border-radius:9px;border:1px solid rgba(31,111,139,.28);background:var(--bg-card-hi);color:var(--accent-dark);font-size:12px;font-weight:800;cursor:pointer;padding:6px 9px}.spot-row__delete{background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:6px 10px}.spots-empty{color:var(--text-dim);font-size:14px;padding:8px 4px}