:root{--bg: #f5f5f7;--surface: #ffffff;--surface-2: #f5f5f7;--fill: #e8e8ed;--text: #1d1d1f;--muted: #6e6e73;--separator: #d2d2d7;--primary: #0071e3;--primary-press: #0077ed;--on-primary: #ffffff;--low: #34c759;--possible: #ff9500;--urgent: #ff3b30;--radius-card: 18px;--radius-btn: 12px;--radius-pill: 980px;--maxw: 640px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .05)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.47;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.app{max-width:var(--maxw);margin:0 auto;padding:0 20px 40px}.app-header{display:flex;align-items:center;justify-content:space-between;margin:0 -20px 22px;padding:16px 20px 14px;position:sticky;top:0;z-index:10;background:#f5f5f7cc;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--separator)}.app-header h1{font-size:1.05rem;font-weight:600;letter-spacing:-.02em;margin:0}.app-header .tag{font-size:.72rem;color:var(--muted);display:block;margin-top:1px}.progress{height:4px;background:var(--fill);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:24px}.progress>span{display:block;height:100%;background:var(--primary);border-radius:var(--radius-pill);transition:width .35s cubic-bezier(.4,0,.2,1)}.card{background:var(--surface);border-radius:var(--radius-card);padding:22px;margin-bottom:16px;box-shadow:var(--shadow)}h2{margin:0 0 6px;font-size:1.55rem;font-weight:700;letter-spacing:-.025em}h3{font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--muted);text-transform:none;margin:20px 0 8px}p.lead{color:var(--muted);font-size:1rem;margin:0 0 16px}.hero-title{margin-bottom:4px}.hero-sub{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--primary);margin:0 0 12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-btn);padding:14px 20px;font-size:1.02rem;font-weight:500;letter-spacing:-.01em;cursor:pointer;background:var(--fill);color:var(--text);width:100%;min-height:50px;transition:background .15s ease,transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.985)}.btn.primary{background:var(--primary);color:var(--on-primary);font-weight:600}.btn.primary:active{background:var(--primary-press)}.btn.ghost{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 1px var(--separator)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-row{display:flex;gap:12px;margin-top:8px}.btn-row .btn{width:auto;flex:1}.option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px transparent;cursor:pointer;margin-bottom:10px;transition:box-shadow .15s ease,background .15s ease}.option:last-child{margin-bottom:0}.option.selected{background:#0071e314;box-shadow:inset 0 0 0 1.5px var(--primary)}.option input{margin-top:2px;accent-color:var(--primary);width:20px;height:20px;flex-shrink:0}.option .opt-label{font-weight:500}.option .opt-hint{font-size:.88rem;color:var(--muted)}.material .presence{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.chip{border:none;background:var(--fill);color:var(--text);border-radius:var(--radius-pill);padding:8px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,transform .05s ease}.chip:active{transform:scale(.96)}.chip.active{background:var(--primary);color:var(--on-primary)}.risk-tag{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:var(--radius-pill);margin-left:8px;vertical-align:middle}.risk-tag.high{background:#ff3b301f;color:#c70015}.risk-tag.medium{background:#ff950024;color:#b35a00}.banner{border-radius:14px;padding:16px 18px;margin-bottom:16px;font-weight:500;font-size:.95rem;line-height:1.4}.banner.urgent{background:#ff3b301a;color:#c70015}.banner.warn{background:#ff95001f;color:#8a4b00}.result-badge{display:inline-block;padding:6px 14px;border-radius:var(--radius-pill);font-weight:600;font-size:.85rem;margin-bottom:12px}.result-badge.low-concern{background:#34c75924;color:#1d8a3f}.result-badge.possible-suspect-material{background:#ff950024;color:#b35a00}.result-badge.urgent-professional-review{background:#ff3b301f;color:#c70015}ul.clean{padding-left:20px;margin:8px 0}ul.clean li{margin-bottom:8px}.disclaimer{font-size:.8rem;color:var(--muted);margin-top:24px;padding:16px 4px 0;border-top:1px solid var(--separator);line-height:1.5}.mineral{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--separator)}.mineral:last-child{border-bottom:none}.mineral .group{font-size:.72rem;font-weight:500;color:var(--muted);white-space:nowrap;text-transform:capitalize;background:var(--fill);padding:4px 10px;border-radius:var(--radius-pill)}.note{font-size:.88rem;color:var(--muted);margin:6px 0 0}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:6px 0}.link-btn:active{opacity:.6}.scan-item{display:flex;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--separator)}.scan-thumb{width:96px;height:96px;object-fit:cover;border-radius:12px;flex-shrink:0;background:var(--fill)}.scan-body{flex:1;min-width:0}.scan-body .result-badge{margin:6px 0 4px}.scan-actions{display:flex;gap:16px;margin-top:8px}.partner{display:flex;align-items:center;gap:12px;padding:12px;margin:6px 0 14px;border-radius:12px;background:var(--surface-2)}.partner-logo{width:44px;height:44px;border-radius:10px;flex-shrink:0}.card.cta{background:linear-gradient(180deg,rgba(0,113,227,.06),var(--surface) 60%);box-shadow:var(--shadow),inset 0 0 0 1px #0071e326}.mineral .group.danger{background:#ff3b301f;color:#c70015}@media (prefers-color-scheme: dark){.mineral .group.danger{color:#ff6961}}@media (prefers-color-scheme: dark){:root{--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--fill: #2c2c2e;--text: #f5f5f7;--muted: #98989d;--separator: #38383a;--primary: #0a84ff;--primary-press: #409cff;--low: #30d158;--possible: #ff9f0a;--urgent: #ff453a;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}.app-header{background:#000000b3}.option.selected{background:#0a84ff2e}.risk-tag.high,.result-badge.urgent-professional-review,.banner.urgent{color:#ff6961}.risk-tag.medium,.result-badge.possible-suspect-material,.banner.warn{color:#ffb340}.result-badge.low-concern{color:#30d158}}