.rocks-id{max-width:1080px;margin:auto;color:var(--text,#233239)}.rocks-id nav,.rocks-filters,.rocks-question form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.rocks-id nav{margin:1rem 0}.rocks-id button{cursor:pointer;border:1px solid var(--border,#bac9c8);border-radius:.5rem;padding:.65rem .9rem;background:var(--surface,#fff);color:inherit;font:inherit}.rocks-id button[aria-pressed=true]{background:#23695d;color:white}.rocks-id button:disabled{opacity:.55;cursor:wait}.rocks-id label{display:flex;flex-direction:column;gap:.35rem;flex:1 1 180px}.rocks-id input,.rocks-id select,.rocks-id textarea{font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--border,#bac9c8);border-radius:.4rem;padding:.6rem;min-width:0}.rocks-id textarea{min-height:6rem}.rocks-id form{margin:1rem 0}.rocks-id h3{margin:1.25rem 0 .6rem}.rocks-id p,.rocks-id li{line-height:1.55}.rocks-specimen{width:100%;max-height:450px;object-fit:contain;background:#e9efed;border-radius:.75rem}.rocks-question aside,.rocks-feedback,.rocks-id article,.rocks-id details,.rocks-missed li{padding:1rem;border:1px solid var(--border,#bac9c8);border-radius:.65rem;margin:.8rem 0}.rocks-metrics,.rocks-observations{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.rocks-metrics section{background:var(--surface,#f1f5f3);padding:1rem;border-radius:.65rem;border:1px solid var(--border,#bac9c8)}.rocks-metrics strong{font-size:2rem}.rocks-missed{list-style:none;padding:0}.rocks-previews{display:flex;flex-wrap:wrap;gap:.5rem}.rocks-previews img{width:150px;height:130px;object-fit:contain}.rocks-library img{max-width:100%;max-height:320px;object-fit:contain}.rocks-library figure{display:inline-block;max-width:300px;margin:.5rem}.rocks-credit,.rocks-library figcaption{font-size:.85rem}.rocks-error{border-left:4px solid #b34535;padding:.75rem;background:#fff0ec;color:#722e26}.rocks-id summary{cursor:pointer;padding:.3rem;font-weight:600}.rocks-id :focus-visible{outline:3px solid #247fcb;outline-offset:3px}@media(max-width:600px){.rocks-id nav button{flex:1 1 40%}.rocks-filters{display:grid}.rocks-metrics,.rocks-observations{grid-template-columns:1fr}.rocks-id button{min-height:44px}}