@font-face{font-family:Field Sans;src:url('assets/sans.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Field Serif;src:url('assets/serif.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Field Sans,Arial,sans-serif;color:#283d34;background:#faf9f5;font-synthesis:none;--green:#234b40;--ink:#283d34;--muted:#758078;--line:#e6e8df;--serif:Field Serif,Georgia,serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,label.file-label{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:3px solid #b28d56;outline-offset:4px}button{transition:background .18s,transform .18s,color .18s}button:hover{color:#527363}button.primary:hover{background:#36634f;color:white;transform:translateY(-1px)}button.secondary:hover,.oauth:hover{background:#edf0e7}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:450;letter-spacing:-1.3px}h1{font-size:39px;line-height:1.2}h2{font-size:28px;line-height:1.25}p{color:var(--muted);line-height:1.65}button .icon{flex-shrink:0}.icon{width:21px;height:21px;vertical-align:middle;flex-shrink:0}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#f3f4ec;border-right:1px solid var(--line);padding:33px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding:0 9px;font-family:var(--serif);font-size:23px;letter-spacing:-.8px;line-height:1.08;font-weight:550}.brand img{width:47px;height:47px}.brand-question{color:#8e9c66}.rail-label{font-size:9px;letter-spacing:1.7px;color:#959d8d;margin:54px 14px 17px}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:9px;width:100%;text-align:left;font-size:14px;color:#727d70}.nav-item .icon{width:20px;height:20px}.nav-item.active{background:#e1e8d9;color:#244b3a;font-weight:650}.nav-item:hover{background:#e9ece2}.nav-new{margin-left:auto;font-size:9px;letter-spacing:.5px;border:1px solid #d7dfcc;padding:2px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:42px}.credit-card{border:1px solid #dfe4d5;border-radius:12px;padding:17px 15px;background:linear-gradient(140deg,#eaf0df,#f1f2e8)}.credit-card>div{display:flex;gap:8px;align-items:center}.credit-card strong{font-size:12px;font-weight:600}.credit-card p{font-size:12px;margin:10px 0 14px}.credit-card button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;font-weight:650;padding:0}.credit-card .icon{width:16px;height:16px}.rail-help{font-size:11px;display:flex;align-items:center;gap:8px;margin:22px 4px}.rail-help .icon{width:16px}.rail-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;font-size:10px;color:#8c9585;margin:0 6px}.rail-footer .icon{width:15px}.workspace{margin-left:244px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 45px;background:#faf9f5ed;backdrop-filter:blur(12px);position:sticky;top:0;z-index:15}.breadcrumb{font-size:12px;color:#8a9185}.header-actions{display:flex;align-items:center;gap:19px}.preview-label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#8b9384}.credit-pill{background:#edf0e4;border:1px solid #e1e6d5;border-radius:30px;padding:8px 13px;font-size:11px;display:flex;align-items:center;gap:6px}.credit-pill .icon{width:16px;height:16px;color:#75865b}.profile-button{width:33px;height:33px;border:1px solid #e2e4db;background:#eeeee6;border-radius:50%;display:grid;place-items:center}.profile-button .icon{width:17px;height:17px}main{max-width:1460px;margin:auto;padding:37px 45px 35px}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#859075;margin-bottom:10px}.greeting p{font-size:13px;margin-top:11px}.small-emblem{height:45px;width:45px;border:1px solid #e1e6d7;border-radius:50%;display:grid;place-items:center;color:#9ca787}.hero{min-height:380px;display:grid;grid-template-columns:1.1fr 1fr;border-radius:17px;overflow:hidden;position:relative;background:#e9eddf;border:1px solid #e0e5d5}.hero-copy{padding:40px 36px;position:relative;z-index:2}.hero-kicker{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px;color:#78886a}.hero-kicker>span{width:5px;height:5px;border-radius:50%;background:#859b67}.hero h2{font-size:45px;line-height:1.12;margin:19px 0 17px;letter-spacing:-1.7px}.hero-copy p{font-size:12px;color:#71806b;margin-bottom:23px}.primary{background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:7px;font-size:12px;font-weight:550;line-height:1.5;min-height:44px;text-decoration:none}.primary .icon{width:18px;height:18px}.primary .icon:last-child:not(:first-child){margin-left:12px}.hero-note{font-size:9px;color:#7f8c73;display:flex;gap:5px;align-items:center;margin-top:13px}.hero-note .icon{width:12px;height:12px}.hero-visual{position:relative;isolation:isolate;background:#202e29;overflow:hidden}.hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;opacity:.95}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10211b9c,transparent 42%);pointer-events:none;z-index:0}.specimen-index{position:absolute;right:23px;top:23px;font-size:8px;letter-spacing:1.5px;color:white;text-shadow:0 1px 5px #000;background:#14241b5c;padding:7px 9px;border-radius:4px;z-index:2}.specimen-label{position:absolute;bottom:26px;left:24px;right:24px;display:flex;align-items:center;gap:11px;text-align:left;color:#fff;background:#f5f7ed18;backdrop-filter:blur(18px);padding:15px;border:1px solid #ffffff50;border-radius:9px;z-index:2}.specimen-label:hover{background:#f5f7ed30;color:#fff}.specimen-label strong{display:block;font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:-.4px}.specimen-label small{font-size:9px;color:#e1e5dc;display:block;margin-top:4px}.specimen-label>.icon{margin-left:auto;width:18px}.specimen-dot{width:6px;height:6px;border-radius:50%;background:#c6d6b1}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 39px}.quick-card{background:#fffefa;border:1px solid var(--line);border-radius:10px;padding:18px 15px;display:flex;align-items:center;gap:12px;text-align:left}.quick-card:hover{background:#f0f2e9;border-color:#c8d2be}.quick-icon{width:40px;height:40px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mint{background:#e9eee1;color:#68815a}.lavender{background:#eee9f2;color:#8c7a9d}.peach{background:#f5eade;color:#b49169}.quick-card strong{display:block;font-size:11px;font-weight:600;letter-spacing:-.1px}.quick-card small{display:block;font-size:10px;color:#8a9187;margin-top:5px}.quick-card>.icon{margin-left:auto;width:14px;height:14px;color:#8d9685}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:20px}.section-heading h2{font-size:25px;letter-spacing:-.7px}.section-heading .eyebrow{margin-bottom:8px;font-size:8px}.text-button{font-size:11px;display:inline-flex;align-items:center;gap:8px;padding:5px 0;line-height:1.5}.text-button .icon{width:16px;height:16px}.mineral-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.mineral-card{position:relative;min-width:0}.mineral-image{display:block;width:100%;height:210px;border-radius:12px;overflow:hidden;padding:0;position:relative;background:#e9e5e5}.mineral-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mineral-image:hover img{transform:scale(1.04)}.image-amethyst img{object-position:50% 45%}.image-pyrite img{object-position:50% 45%}.image-tag{position:absolute;bottom:12px;left:12px;background:#faf9f2e8;backdrop-filter:blur(6px);padding:4px 9px;border-radius:20px;font-size:9px;color:#54604b}.save-button{position:absolute;right:10px;top:10px;background:#fffdf3d9;backdrop-filter:blur(6px);border:1px solid #ffffff70;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#737d6b}.save-button .icon{width:14px;height:14px}.save-button.selected{background:var(--green);color:#fff}.card-copy{display:flex;justify-content:space-between;align-items:center;padding:14px 2px 0}.card-title{font-family:var(--serif);font-size:20px;letter-spacing:-.5px;padding:0;display:block}.card-copy>div>span{display:block;font-size:10px;margin-top:5px;color:#8b9388}.specimen-number{font-family:var(--serif);font-size:13px;color:#a2ab98}.field-note{background:#f0f1e7;border:1px solid #e4e7d8;border-radius:12px;margin-top:37px;padding:28px 32px;display:flex;align-items:center;gap:25px}.field-note h2{font-size:23px;letter-spacing:-.5px}.field-illustration{height:76px;width:76px;border:1px solid #d9dfcb;border-radius:50%;display:grid;place-items:center;color:#84956f}.field-illustration .icon{width:35px;height:35px}.field-note .secondary{margin-left:auto}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ced6c1;background:transparent;border-radius:7px;padding:12px 18px;font-size:11px;min-height:44px}.secondary .icon{width:16px;height:16px}.page-footer{max-width:1460px;margin:auto;display:flex;justify-content:space-between;padding:0 45px 25px;gap:20px;color:#9a9f91;font-size:9px}.page-footer button{font-size:9px;padding:0}.mobile-brand,.mobile-nav{display:none}.page-intro{margin:12px 0 34px}.page-intro p{font-size:14px;margin-top:12px}.identify-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:35px}.upload-panel{background:#fffefa;border-radius:15px;border:1px solid var(--line);padding:23px}.photo-area{border:1.5px dashed #c7d0bc;border-radius:12px;background:#f5f6ef;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 20px;gap:14px}.photo-area.dragging{background:#e1ead8;border-color:var(--green)}.upload-art{width:72px;height:72px;border:1px solid #dbe2d0;border-radius:22px;display:grid;place-items:center;background:#e9eedf;color:#72896b}.upload-art .icon{width:37px;height:37px}.photo-area h2{font-size:28px}.photo-area p{font-size:12px;max-width:320px}.photo-area small{font-size:10px;color:#8b9482}.file-label{position:relative;overflow:hidden;cursor:pointer}.file-label input,.camera-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.camera-label{position:relative;overflow:hidden;cursor:pointer;display:flex}.uploaded-photo{max-width:100%;height:230px;object-fit:contain;border-radius:8px}.photo-area>strong{max-width:100%;overflow-wrap:anywhere;font-size:12px}.upload-footer{display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;color:#7f8b74;padding:20px 0 0}.upload-footer .icon{width:14px;height:14px}.preview-notice{font-size:11px;line-height:1.6;padding:13px;background:#f0f1e9;border-radius:7px;color:#7d846f;margin-top:18px}.identify-aside{padding:20px 5px}.identify-aside h3{font-family:var(--serif);font-size:23px;font-weight:450;letter-spacing:-.5px}.tips{padding:0;list-style:none;display:grid;gap:26px;margin:28px 0}.tips li{display:flex;gap:16px}.tips li>span{font-family:var(--serif);color:#9ca78d}.tips strong{font-size:13px;font-weight:600}.tips p{font-size:12px;margin-top:5px}.sample-card{display:flex;text-align:left;background:#eeecef;border:1px solid #e4dfe7;border-radius:11px;padding:13px;gap:14px;width:100%;align-items:center}.sample-card img{width:74px;height:85px;object-fit:cover;border-radius:7px}.sample-card small{font-size:8px;letter-spacing:1px;color:#8b7b90}.sample-card strong{font-size:13px;display:block;margin:7px 0}.sample-card span>span{font-size:10px;color:#94879a}.sample-card .icon{width:15px;height:15px;margin-left:8px}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.collection-heading h2{font-size:25px}.count{font-family:Field Sans,sans-serif;font-size:12px;background:#e6ebdd;padding:4px 9px;border-radius:20px;margin-left:8px;vertical-align:middle}.empty-state{text-align:center;padding:70px 20px 90px;border:1px dashed #d8decd;border-radius:16px;background:#f6f6f0}.empty-state .quick-icon{width:60px;height:60px;margin-bottom:20px}.empty-state h2{font-size:30px}.empty-state p{font-size:14px;margin:14px 0 24px}.community-banner{background:#eaf0e2;border:1px solid #dce5cf;padding:16px 20px;border-radius:10px;display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.6;color:#718262}.community-banner strong{font-weight:600;color:#4b6542}.filter-bar{display:flex;justify-content:space-between;gap:20px;margin:29px 0 22px;align-items:center}.filters{display:flex;gap:8px}.filter{border:1px solid var(--line);border-radius:20px;padding:8px 17px;font-size:12px}.filter.active{background:var(--green);border-color:var(--green);color:white}.search{border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:10px;padding:10px 13px;background:#fffefb}.search .icon{width:16px;height:16px;color:#919b86}.search input{border:0;outline:none;background:none;font-size:12px;width:170px;color:var(--ink)}.community-meta{border-top:1px solid var(--line);margin-top:13px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#8b9482}.like-button{padding:6px}.like-button .icon{height:16px;width:16px}.like-button.selected{color:#b66676}.like-button.selected svg{fill:#efd2d9}.empty-search{grid-column:1/-1;padding:60px;text-align:center}.empty-search p{margin-top:10px;font-size:13px}
dialog{padding:0;border:1px solid #e5e6db;border-radius:19px;background:#faf9f4;color:var(--ink);width:540px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);box-shadow:0 24px 100px #10211640;overscroll-behavior:contain}dialog::backdrop{background:#11251eb0;backdrop-filter:blur(6px)}body:has(dialog[open]){overflow:hidden}.modal-close{position:absolute;right:15px;top:15px;width:32px;height:32px;display:grid;place-items:center;background:#fffdf0e8;border:1px solid #ececdf;border-radius:50%;z-index:5;color:#415640}.modal-close .icon{width:16px;height:16px}.welcome-art{height:165px;position:relative;overflow:hidden;background:#19291f}.welcome-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:.75}.welcome-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#162a2677,transparent)}.welcome-art span{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:9px;color:#fff;letter-spacing:2px;z-index:1}.welcome-copy{padding:26px 43px 25px;text-align:center}.welcome-copy h2{font-size:35px;line-height:1.15;letter-spacing:-1px}.welcome-copy>p{font-size:12px;margin-top:12px}.welcome-copy>p strong{font-weight:600;color:#536c48}.welcome-benefits{display:flex;justify-content:center;gap:14px;margin:15px 0 19px;font-size:10px;color:#8b947e}.welcome-benefits .icon{width:12px;height:12px}.oauth{border:1px solid #dce0d2;background:#fffef8;display:flex;align-items:center;justify-content:center;width:100%;gap:12px;border-radius:7px;padding:11px;font-size:12px;margin:9px 0;min-height:43px}.google-symbol{font:600 21px Arial;color:#4285f4}.apple{background:#253c31;color:#fff;border-color:#253c31}.apple:hover{background:#385344;color:white}.or{display:flex;gap:10px;align-items:center;justify-content:center;color:#a1a798;font-size:10px;margin:12px 0}.or span{height:1px;background:#e1e4d9;flex:1}.welcome-copy .auth-status{font-size:10px;line-height:1.5;margin:14px 0 6px}.explore-preview{margin-top:5px;font-size:11px}.simple-modal{padding:49px 37px 34px}.simple-modal h2{font-size:33px;margin:11px 0 17px}.simple-modal p{font-size:13px}.simple-modal .quick-icon{margin-bottom:25px}.full{width:100%;margin-top:12px}.simple-modal form{margin:24px 0 18px}.simple-modal form label{font-size:12px;display:block;margin-bottom:16px}.simple-modal form input{display:block;border:1px solid #d9dfcf;background:white;padding:12px;border-radius:7px;width:100%;margin-top:7px;color:var(--ink)}.simple-modal form .primary{width:100%}.simple-modal form p{font-size:11px;margin-top:12px}.detail-image{height:260px;position:relative;background:#e6e5e2;overflow:hidden}.detail-image img{height:100%;width:100%;object-fit:cover}.detail-image>span{position:absolute;left:20px;bottom:18px;font-size:8px;letter-spacing:1.3px;padding:8px 11px;border-radius:5px;background:#fffdf2e8}.detail-copy{padding:25px 30px}.detail-copy h2{font-size:38px}.detail-copy>p{font-size:12px;margin:14px 0}.detail-copy .detail-tag{font-size:15px;font-family:var(--serif);color:#6e7d60;margin:5px 0 16px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:17px 0;margin:20px 0}.facts small{display:block;font-size:8px;letter-spacing:.8px;color:#929c87}.facts strong{display:block;font-weight:500;font-size:16px;margin-top:7px}.detail-copy .mineral-note{background:#eff1e7;padding:12px;border-radius:7px;font-size:11px}.source-link{font-size:10px;color:#7e8d6d}.detail-actions{display:flex;gap:10px;margin-top:21px}.detail-actions>button{flex:1;font-size:11px;padding:12px 10px}.detail-copy .small-note{text-align:center;font-size:10px;color:#929b88;margin:13px 0 0}.guide h3{font-family:var(--serif);font-weight:450;font-size:20px;letter-spacing:-.3px;margin:25px 0 8px}.guide .primary{margin-top:25px}.image-credit{border-top:1px solid var(--line);padding:16px 0;margin-top:15px;font-size:12px;line-height:1.6}.image-credit>a:first-child{font-family:var(--serif);font-size:20px}.image-credit>div{font-size:10px;color:#828c76;margin:6px 0}.image-credit>a:last-child{font-size:10px}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);z-index:100;background:#234b40;color:#fff;padding:13px 22px;border:1px solid #5f7a61;border-radius:9px;max-width:calc(100vw - 30px);font-size:12px;box-shadow:0 8px 35px #10211624;opacity:0;visibility:hidden;transition:.2s;text-align:center;pointer-events:none}#toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:1600px){main{padding-top:45px}.hero{min-height:450px}.hero-copy{padding:48px}.hero h2{font-size:56px}.hero-copy p{font-size:14px}.mineral-image{height:260px}.quick-card{padding:23px 20px}.quick-card strong{font-size:13px}.quick-card small{font-size:12px}}
@media(max-width:1200px){.sidebar{width:210px;padding-inline:15px}.workspace{margin-left:210px}.topbar{padding-inline:28px}main{padding:30px 28px}.page-footer{padding-inline:28px}.hero h2{font-size:40px}.hero-copy{padding:33px 27px}.hero-kicker{font-size:7px;letter-spacing:1px}.breadcrumb{font-size:10px}.quick-card{padding:14px 10px;gap:9px}.quick-card>.icon{display:none}.quick-card strong{font-size:10px}.quick-card small{font-size:9px}.mineral-grid{gap:14px}.mineral-image{height:180px}.hero-note{font-size:8px}.section-heading h2{font-size:22px}.preview-label{display:none}.brand{font-size:21px}.brand img{width:41px;height:41px}.rail-label{font-size:8px}.credit-card{padding:14px 11px}.credit-card strong{font-size:11px}.identify-layout{gap:23px}.detail-actions{flex-wrap:wrap}}
@media(max-width:960px){.sidebar{width:185px;padding-inline:12px}.workspace{margin-left:185px}.brand{gap:8px;font-size:19px;padding:0 4px}.brand img{width:36px;height:36px}.rail-label{font-size:7px;margin-left:9px}.nav-item{padding:13px 10px;font-size:12px;gap:10px}.credit-card strong{font-size:10px}.rail-footer{font-size:8px}.rail-help{font-size:10px}.breadcrumb{max-width:200px;line-height:1.5}.topbar{height:72px;padding-inline:23px}main{padding:27px 23px}.greeting h1{font-size:32px}.greeting p{font-size:11px}.hero{grid-template-columns:1.1fr 1fr;min-height:360px}.hero h2{font-size:35px}.hero-copy{padding:30px 22px}.hero-copy p{font-size:11px}.hero-kicker{max-width:180px;font-size:6px;line-height:1.7}.hero-note{font-size:7px;max-width:200px;line-height:1.7}.specimen-label{left:15px;right:15px;bottom:18px;padding:11px}.specimen-label strong{font-size:19px}.specimen-label small{font-size:8px}.specimen-index{font-size:6px;right:10px;top:14px}.quick-grid{gap:8px}.quick-card{display:block;padding:14px}.quick-icon{margin-bottom:9px;width:32px;height:32px}.quick-icon .icon{width:18px;height:18px}.quick-card small{font-size:8px}.mineral-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}.mineral-image{height:230px}.section-heading{align-items:start}.section-heading h2{max-width:280px}.section-heading>.text-button{font-size:9px;flex-shrink:0;align-self:end}.field-note{padding:23px 20px;gap:16px}.field-illustration{display:none}.field-note h2{font-size:21px}.field-note .secondary{font-size:10px;white-space:nowrap}.identify-layout{grid-template-columns:1fr}.identify-aside{padding:8px 0}.tips{gap:18px}.filter-bar{flex-wrap:wrap}.search{flex:1}.search input{width:100%}.page-intro h1{font-size:35px}.page-intro p{font-size:12px}.page-footer{padding-inline:23px}.small-emblem{width:36px;height:36px}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:69px;padding:0 20px;gap:12px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:16px;letter-spacing:-.5px}.mobile-brand img{height:30px;width:30px}.header-actions{gap:9px}.credit-pill{font-size:9px;padding:7px 9px;gap:4px}.credit-pill .icon{width:13px;height:13px}.profile-button{display:none}main{padding:27px 20px 30px}.greeting{margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.6px}.greeting h1{font-size:32px;letter-spacing:-1.4px}.greeting p{font-size:11px;max-width:280px;line-height:1.6;margin-top:9px}.small-emblem{display:none}.hero{grid-template-columns:1fr;min-height:0;border-radius:14px}.hero-copy{padding:28px 26px}.hero-kicker{font-size:7px;max-width:none;letter-spacing:1.1px}.hero h2{font-size:40px;line-height:1.08;margin:16px 0 14px}.hero h2 br:nth-child(2){display:none}.hero-copy p{font-size:12px;margin-bottom:20px}.hero .primary{font-size:12px;padding:12px 18px}.hero-note{font-size:8px;max-width:none;margin-top:11px}.hero-visual{height:260px}.hero-visual>img{object-position:50% 43%}.specimen-index{font-size:7px;right:15px;top:15px}.specimen-label{left:19px;right:19px;bottom:17px;padding:12px 14px}.specimen-label strong{font-size:21px}.specimen-label small{font-size:9px}.quick-grid{margin:14px 0 31px;gap:9px}.quick-card{padding:15px 10px}.quick-card strong{font-size:10px;line-height:1.4}.quick-card small{font-size:9px;line-height:1.5}.quick-icon{width:33px;height:33px;margin-bottom:9px}.section-heading{display:block;margin-bottom:18px}.section-heading h2{font-size:25px;max-width:330px;line-height:1.25}.section-heading>.text-button{font-size:11px;margin-top:9px}.mineral-grid{gap:23px 13px}.mineral-image{height:185px;border-radius:10px}.card-title{font-size:20px}.image-tag{font-size:8px;padding:4px 8px;left:9px;bottom:9px}.save-button{width:30px;height:30px;right:8px;top:8px}.card-copy{padding-top:12px}.card-copy>div>span{font-size:9px}.field-note{margin-top:30px;padding:23px;display:block}.field-note h2{font-size:23px}.field-note .secondary{margin-top:18px}.field-note .eyebrow{font-size:7px}.page-footer{display:block;padding:0 20px 98px;font-size:8px}.page-footer button{margin-top:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fafaf4f5;backdrop-filter:blur(16px);border-top:1px solid #e1e5d7;padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:30;gap:6px}.mobile-nav .nav-item{display:flex;flex-direction:column;gap:5px;justify-content:center;text-align:center;padding:8px 5px;border-radius:8px;font-size:9px}.mobile-nav .nav-item .icon{width:20px;height:20px}.mobile-nav .nav-item.active{background:#eaf0e1}.page-intro{margin:5px 0 25px}.page-intro h1{font-size:34px}.page-intro p{font-size:12px}.upload-panel{padding:14px}.photo-area{min-height:340px;padding:25px 14px}.photo-area h2{font-size:26px}.upload-footer{font-size:9px;line-height:1.6}.preview-notice{font-size:10px}.identify-layout{gap:22px}.identify-aside{padding:8px 6px}.sample-card .icon{margin-left:4px}.collection-heading h2{font-size:22px}.collection-heading .primary{font-size:10px;padding:10px 12px}.collection-heading .icon{width:15px;height:15px}.empty-state{padding:50px 18px}.empty-state h2{font-size:28px}.empty-state p{font-size:12px}.community-banner{padding:14px;font-size:10px;align-items:flex-start}.filter-bar{gap:15px}.filters{gap:6px;width:100%}.filter{font-size:11px;padding:8px 15px}.search{padding:12px}.community-meta{font-size:8px;line-height:1.5}.like-button{padding:4px}.welcome-art{height:125px}.welcome-copy{padding:22px 25px}.welcome-copy h2{font-size:32px}.welcome-copy .eyebrow{font-size:7px;letter-spacing:1.1px}.welcome-benefits{font-size:9px;gap:10px}.welcome-copy>p{font-size:11px}.oauth{padding:10px;font-size:12px}.simple-modal{padding:48px 25px 30px}.simple-modal h2{font-size:30px}.detail-image{height:230px}.detail-copy{padding:23px}.detail-copy h2{font-size:35px}.facts small{font-size:7px}.facts strong{font-size:14px}.detail-actions{flex-direction:column}.detail-actions>button{font-size:12px}.detail-copy .small-note{font-size:9px}#toast{bottom:88px;font-size:11px;width:max-content;max-width:calc(100vw - 30px)}dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);border-radius:15px}}
@media(max-width:370px){main{padding-inline:15px}.topbar{padding-inline:15px}.mobile-brand{font-size:14px}.greeting h1{font-size:29px}.hero h2{font-size:36px}.quick-card{padding:12px 8px}.quick-card strong{font-size:9px}.quick-card small{font-size:8px}.mineral-image{height:165px}.credit-pill{font-size:8px}.card-title{font-size:18px}}
@media(max-width:700px){.quick-card strong{font-size:11px}.quick-card small{font-size:10px}.card-copy>div>span{font-size:11px}.page-footer>span{display:block}.page-footer button{margin-top:10px}.hero-note{font-size:9px}.welcome-copy .auth-status{font-size:11px}}
.account-balance{display:flex;align-items:baseline;gap:12px;background:#e9efdf;padding:24px;border-radius:12px;margin:24px 0}.account-balance strong{font-family:var(--serif);font-size:46px;font-weight:450}.account-balance span{font-size:13px}.live-dialog p{margin:14px 0}.live-dialog .small-note{font-size:11px}.live-detail-photo{width:100%;height:240px;object-fit:contain;background:#eeeee8;border-radius:12px;margin:14px 0}.live-dialog .facts strong{overflow-wrap:anywhere;font-size:13px;padding-right:10px}.auth-switches{display:flex;flex-direction:column;align-items:flex-start;gap:8px}#live-email .primary{width:100%}.favorites-heading{margin:30px 0 20px;font-family:var(--serif);font-size:23px;font-weight:450}#live-collection{margin-bottom:24px}#live-collection .community-banner{margin-bottom:20px}.photo-area:has(#identify-selected:disabled){opacity:.8}.live-dialog button:disabled{opacity:.65}#form-status{font-size:12px;color:#5f7457}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}