:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17251f;--muted:#66736b;--paper:#f6f5ef;--card:#fffefa;--line:#d8ddd4;--moss:#4f715b;--moss-dark:#2f4f3b;--clay:#c47752;--shadow:0 24px 70px #2235281c}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif}button,input{font:inherit}button{cursor:pointer}.rock-app{width:min(100%,1280px);min-height:100svh;margin:0 auto;padding:28px clamp(20px,5vw,72px) 24px}.app-header,.app-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.app-header{padding-bottom:46px}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:30px;height:30px;color:var(--card);background:var(--moss-dark);border-radius:50%;place-items:center;font-size:.95rem;display:grid}.version-note,.app-footer{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:.72rem}.favorites-button{color:var(--moss-dark);border:1px solid var(--line);background:0 0;border-radius:99px;padding:9px 13px;font-family:Arial,Helvetica,sans-serif;font-size:.76rem;font-weight:700}.favorites-button:hover,.favorites-button:focus-visible{border-color:var(--moss);background:#eef2eb;outline:none}.hero{max-width:820px}.eyebrow,.result-label{color:var(--clay);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-family:Arial,Helvetica,sans-serif;font-size:.7rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.075em;max-width:780px;margin-bottom:19px;font-size:clamp(2.65rem,5.8vw,5.25rem);font-weight:400;line-height:.9}h1 em{color:var(--moss);font-style:italic}.hero-copy{max-width:47ch;color:var(--muted);margin-bottom:30px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55}.search-form{max-width:720px}.search-form label{color:var(--ink);margin-bottom:9px;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:700;display:block}.search-controls{position:relative}.search-row{gap:10px;display:flex}.search-row input{min-width:0;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:5px;outline:none;flex:1;padding:16px 18px}.search-row input:focus{border-color:var(--moss);box-shadow:0 0 0 3px #4f715b29}.search-row button{color:#fff;background:var(--moss-dark);border:0;border-radius:5px;padding:0 23px;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:700}.search-row button:disabled{cursor:wait;opacity:.65}.suggestions{z-index:2;background:var(--card);border:1px solid var(--line);border-radius:6px;width:min(100% - 100px,520px);position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 16px 30px #2235281f}.suggestions button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Arial,Helvetica,sans-serif;font-size:.84rem;display:flex}.suggestions button:last-child{border-bottom:0}.suggestions button:hover,.suggestions button:focus-visible{color:var(--moss-dark);background:#eef2eb;outline:none}.suggestions button span:last-child{color:var(--clay)}.example-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;display:flex}.example-row button{color:var(--moss-dark);border:1px solid var(--line);background:0 0;border-radius:99px;padding:4px 9px;font-size:.75rem}.example-row button:hover{border-color:var(--moss);background:#eef2eb}.result-section{min-height:340px;padding:48px 0 70px}.status-panel{min-height:120px;color:var(--muted);border:1px solid var(--line);background:#fffefa94;border-radius:8px;align-items:center;gap:13px;padding:24px;font-family:Arial,Helvetica,sans-serif;display:flex}.error-panel{flex-direction:column;justify-content:center;align-items:flex-start}.error-panel strong{color:var(--ink)}.spinner{border:2px solid var(--line);border-top-color:var(--moss);border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rock-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);display:grid;overflow:hidden}.rock-media-column{min-width:0}.rock-image-wrap{background:#d9d8ce;min-height:360px;position:relative}.rock-image{object-fit:cover;width:100%;height:100%;min-height:360px;display:block}.image-placeholder{color:#808b7e;place-items:center;height:100%;min-height:360px;font-size:5rem;display:grid}.favorite-heart{z-index:1;width:42px;height:42px;color:var(--moss-dark);background:#fffefaeb;border:0;border-radius:50%;place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:1.55rem;line-height:1;display:grid;position:absolute;top:16px;right:16px;box-shadow:0 5px 16px #17251f2e}.favorite-heart:hover,.favorite-heart:focus-visible{color:var(--clay);outline:3px solid #fffefacc;transform:scale(1.05)}.favorite-heart.is-favorite{color:var(--clay)}.image-caption{color:#fff;text-shadow:0 1px 4px #000000a6;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;position:absolute;bottom:13px;right:15px}.related-rocks{border-top:1px solid var(--line);background:#f0f1e9;padding:22px 20px 24px}.related-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.related-heading p{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:.75rem;font-weight:700}.related-heading span{color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:.68rem}.related-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.related-rock{min-width:0;color:var(--ink);background:var(--card);border:1px solid var(--line);text-align:left;border-radius:5px;align-items:center;gap:7px;padding:10px 9px;display:flex}.related-rock:hover,.related-rock:focus-visible{border-color:var(--moss);color:var(--moss-dark);outline:none}.related-mark{color:var(--clay);font-size:.75rem}.related-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:700;overflow:hidden}.related-arrow{color:var(--muted);font-size:.8rem}.rock-details{flex-direction:column;justify-content:center;padding:clamp(30px,6vw,72px);display:flex}.rock-details h2{letter-spacing:-.07em;margin-bottom:8px;font-size:clamp(2.7rem,5vw,5.2rem);font-weight:400;line-height:.92}.rock-description{color:var(--moss);text-transform:capitalize;margin-bottom:24px;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:700}.value-guide{border-left:3px solid var(--clay);background:#f0f1e9;margin:0 0 24px;padding:14px 16px}.value-guide>div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.value-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;font-weight:700}.value-guide strong{color:var(--moss-dark);font-family:Arial,Helvetica,sans-serif;font-size:1.2rem}.value-guide p{color:var(--ink);margin:5px 0 8px;font-family:Arial,Helvetica,sans-serif;font-size:.75rem}.value-guide small{color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:.68rem;line-height:1.45;display:block}.rock-extract{max-width:50ch;color:var(--muted);margin-bottom:30px;font-size:1.05rem;line-height:1.65}.source-link{color:var(--moss-dark);font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none}.source-link:hover{text-decoration:underline}.app-footer{border-top:1px solid var(--line);padding-top:20px}.favorites-page{max-width:980px;position:relative}.favorites-close{width:42px;height:42px;color:var(--moss-dark);border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;font-family:Arial,Helvetica,sans-serif;font-size:1.65rem;line-height:1;display:grid;position:absolute;top:0;right:0}.favorites-close:hover,.favorites-close:focus-visible{color:var(--clay);border-color:var(--clay);outline:none}.favorites-page h1{margin-bottom:18px}.empty-panel{max-width:720px}.favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 0 70px;display:grid}.favorite-card{background:var(--card);border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden;box-shadow:0 12px 30px #22352812}.favorite-card-main{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;align-items:stretch;padding:0;display:flex}.favorite-card-main img,.favorite-card-placeholder{object-fit:cover;width:125px;min-height:140px}.favorite-card-placeholder{color:#808b7e;background:#d9d8ce;place-items:center;font-size:2.4rem;display:grid}.favorite-card-main>span{flex-direction:column;flex:1;gap:8px;padding:24px 42px 22px 20px;display:flex}.favorite-card-main strong{font-size:1.4rem;font-weight:400}.favorite-card-main small{color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:.72rem;line-height:1.4}.favorite-card-main:hover strong,.favorite-card-main:focus-visible strong{color:var(--moss)}.favorite-card-main:focus-visible{outline-offset:-3px;outline:3px solid #4f715b4d}.remove-favorite{color:var(--clay);background:0 0;border:0;font-size:1.05rem;position:absolute;top:10px;right:10px}.remove-favorite:hover,.remove-favorite:focus-visible{color:var(--moss-dark);outline:none}@media (max-width:700px){.rock-app{padding-top:20px}.app-header{padding-bottom:38px}.version-note{display:none}.favorites-button{margin-left:auto}h1{font-size:clamp(2.75rem,14vw,4.6rem)}.search-row{flex-direction:column}.search-row button{min-height:50px}.result-section{padding:50px 0 60px}.rock-card{grid-template-columns:1fr}.rock-image-wrap,.rock-image,.image-placeholder{height:260px;min-height:260px}.rock-details{padding:34px 26px 40px}.related-list,.favorites-grid{grid-template-columns:1fr}.app-footer{flex-direction:column;align-items:flex-start;gap:8px}}