/* Explore a State (states.js) — navy glass + gold, matches styles.css tokens */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#cook-sheet[data-mode^="state"] .glass,.st-wrap .glass{background:rgba(28,46,80,.46);border:1px solid rgba(230,190,106,.38);border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.st-search{display:flex;align-items:center;height:50px;border-radius:25px;padding:0 16px;background:rgba(22,36,61,.96);border:1.5px solid var(--gold)}
.st-search input{flex:1;min-width:0;background:none;border:0;color:var(--text);font-size:17px;outline:none}
.st-search:focus-within{box-shadow:0 0 0 4px rgba(212,166,74,.22)}
.st-list{list-style:none;margin:8px 0 0;padding:6px}.st-list:empty{display:none}
.st-row{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;cursor:pointer;min-height:44px}
.st-row.sel,.st-row:hover{background:rgba(212,166,74,.16);outline:1px solid rgba(212,166,74,.45)}
.st-ab{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--navy);background:linear-gradient(160deg,#f2cf80,#c9973f)}
.st-t{flex:1}.st-t b{display:block}.st-t span{font-size:.8rem;color:var(--muted)}.st-row mark{background:none;color:var(--gold-2);font-weight:800}
.st-empty{padding:12px;color:var(--muted)}
.st-hint{margin:10px 2px}.st-az{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.st-chip,.st-dish{min-height:40px;padding:8px 12px;border-radius:999px;border:1px solid rgba(212,166,74,.5);background:rgba(22,36,61,.85);color:var(--text);font:inherit;font-size:.86rem;cursor:pointer}
.st-dish.m{background:linear-gradient(180deg,rgba(232,200,96,.22),rgba(201,151,63,.18));border-color:var(--gold-2)}.st-dish small{color:var(--gold-2)}
.st-dishes{display:flex;flex-wrap:wrap;gap:8px}
.st-page h2{font-family:var(--serif);font-size:1.25rem;margin:18px 0 10px}
.st-roll{display:grid;grid-template-columns:auto 1fr;column-gap:10px;width:100%;margin-top:10px;padding:12px;text-align:left;color:var(--text);font:inherit;cursor:pointer}
.st-roll .legend{grid-column:2}
.st-dish-note:not(:empty){margin-top:10px;padding:10px 12px;border-left:3px solid var(--gold);background:rgba(10,18,34,.45);border-radius:0 12px 12px 0}
.st-card{padding:14px;margin-bottom:12px}.st-card h3{font-family:var(--serif);font-size:1.25rem;margin:0}
.st-meta{margin:2px 0 0;color:var(--muted);font-size:.82rem}
.st-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.st-bdg{min-height:32px;padding:5px 11px;border-radius:999px;border:0;font:inherit;font-size:.78rem;font-weight:800;color:var(--navy);background:linear-gradient(180deg,#f2cf80,#d4a64a);cursor:pointer}
.st-q{margin:8px 0 0;padding:8px 10px;border-left:3px solid var(--gold);background:rgba(10,18,34,.4);border-radius:0 10px 10px 0;font-size:.82rem;font-style:italic}
.st-q cite{display:block;font-style:normal;font-size:.72rem;margin-top:3px}.st-q cite a{color:var(--gold-2)}
.st-why{margin:10px 0 0;font-size:.88rem;line-height:1.4}.st-why b{color:var(--gold-2)}
.st-srcs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.st-src{font-size:.75rem;padding:4px 9px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#dfe6f3;text-decoration:none}
.st-acts{display:flex;gap:8px;margin-top:12px}.st-acts>*{flex:1;text-align:center}
.st-first{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(212,166,74,.45);color:var(--muted)}
.st-first b{color:var(--text)}
.st-yours{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(47,123,255,.12);border:1px solid rgba(120,170,255,.4);font-size:.85rem}
.st-avg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.st-avg div{padding:9px 6px;border-radius:12px;text-align:center;background:rgba(10,18,34,.5);border:1px solid rgba(212,166,74,.4)}
.st-avg b{display:block;font-size:1.25rem;color:var(--gold-2)}.st-avg span{font-size:.7rem;color:var(--muted)}
.st-cm{margin-top:8px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.05);font-size:.85rem}
.st-live{display:grid;grid-template-columns:auto 1fr;column-gap:10px;margin-top:6px;padding:14px;color:var(--text);text-decoration:none}.st-live .legend{grid-column:2}
.st-sources{margin:16px 0 8px;font-size:.8rem;color:var(--muted)}.st-sources a{color:var(--gold-2)}
.st-rrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.st-rrow small{display:block;color:var(--muted);font-size:.72rem;font-weight:400}
.st-pip{width:40px;height:40px;margin-left:4px;border-radius:10px;border:1px solid rgba(212,166,74,.5);background:rgba(10,18,34,.5);color:var(--text);font:inherit;font-weight:800}
.st-pip.on{background:linear-gradient(180deg,#f2cf80,#c9973f);color:var(--navy);border:0}
.st-pip:focus-visible,.st-bdg:focus-visible,.st-chip:focus-visible,.st-dish:focus-visible{outline:2px solid #fff;outline-offset:2px}
.st-rate textarea{width:100%;min-height:72px;margin-top:12px;border-radius:12px;border:1px solid rgba(212,166,74,.45);background:rgba(10,18,34,.55);color:var(--text);padding:10px;font:inherit}
.st-cnt{text-align:right}.st-photo{display:flex;gap:10px;align-items:center;margin:8px 0 12px;padding:10px 12px;border-radius:12px;border:1px dashed rgba(212,166,74,.55);cursor:pointer}
.st-ok{padding:10px 12px;border-radius:12px;background:rgba(60,170,110,.15);border:1px solid rgba(120,220,160,.4)}
.st-choice{display:block;margin-top:10px;padding:13px;border-radius:16px;border:1px solid rgba(212,166,74,.5);background:rgba(10,18,34,.45)}
.st-prev{margin:6px 0 8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);font-family:ui-monospace,Menlo,monospace;font-size:.8rem}
.st-cb{display:flex;gap:9px;align-items:flex-start;margin-top:9px;font-size:.85rem}.st-cb input{width:20px;height:20px;accent-color:var(--gold)}
#st-nick{width:100%;margin-top:9px;padding:10px 12px;border-radius:10px;border:1px solid rgba(212,166,74,.45);background:rgba(10,18,34,.55);color:var(--text);font:inherit}
@media (prefers-reduced-motion:reduce){.st-row,.st-pip,.st-bdg{transition:none}}