:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#102b47;--muted:#5d6e7f;--line:#d9e2ea;--mint:#35d6a5;--canvas:#f4f7fa;--warning:#8a4b00}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{min-height:48px}button{cursor:pointer}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(82px + env(safe-area-inset-bottom))}.app-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.brand{align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.brand-mark{background:var(--mint);width:27px;height:27px;color:var(--ink);border-radius:9px;place-items:center;display:grid}.safety-badge{color:#17664f;text-align:center;background:#e8fbf4;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:700}.coming-soon{z-index:3;background:var(--ink);color:#fff;border-radius:999px;margin:0;padding:9px 12px;font-size:13px;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #102b473d}.home-content{width:min(100%,620px);margin:auto;padding:28px 20px}.eyebrow{color:#17664f;letter-spacing:.09em;margin:0 0 8px;font-size:12px;font-weight:800}.home-content h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,9vw,45px);line-height:1.04}.intro{color:var(--muted);margin:14px 0 24px;line-height:1.5}.search-card,.result-card,.state-card{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 8px 28px #102b4712}.search-card{padding:16px}.search-card label{margin-bottom:10px;font-size:14px;font-weight:700;display:block}.search-row{gap:8px;display:flex}.search-row input{min-width:0;min-height:52px;color:var(--ink);border:1px solid #aebdca;border-radius:12px;flex:1;padding:0 12px}.search-row button,.primary-action{background:var(--ink);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.search-row button:disabled{opacity:.5;cursor:wait}.suggestions{flex-wrap:wrap;gap:8px;margin:13px 0 22px;display:flex}.suggestions button{color:#17664f;background:#effbf7;border:1px solid #bcd8d0;border-radius:999px;min-height:38px;padding:0 12px;font-size:13px}.result-area{min-height:130px}.state-card,.result-card{padding:18px}.state-card p,.result-card p{line-height:1.5}.pending{background:#fffaf0;border-color:#f0c989}.warning{background:#fff6f3;border-color:#eeb7aa}.result-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.result-top h2{margin:10px 0 0;font-size:25px}.verified,.risk{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-block}.verified{color:#17664f;background:#e8fbf4}.risk.low{background:#e8fbf4}.risk.medium{background:#fff2d7}.risk.high{color:#942e17;background:#fff0ec}.phone{letter-spacing:.02em;margin:18px 0 6px;font-size:24px;font-weight:800}.guidance,.safe-copy,.channels,.verified-date{color:var(--muted)}.next-action,.warning-box,.escalation{border-left:3px solid var(--mint);background:#f3fcf8;border-radius:0 10px 10px 0;padding:10px 12px}.warning-box{background:#fff8e9;border-color:#df8e1c}.escalation{background:#f1f7fc;border-color:#5a88b2}.actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.secondary-action{color:var(--ink);background:#fff;border:1px solid #9db1c1;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.bottom-nav{z-index:2;padding:7px max(12px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.nav-item.active{color:var(--ink);font-weight:800}.nav-item span{color:#22a77e;font-size:14px}@media (min-width:650px){.app-shell{padding-top:22px}.app-header{border:1px solid var(--line);border-radius:16px;width:min(100% - 32px,700px);margin:auto}.home-content{padding-top:36px}}@media (max-width:390px){.safety-badge{font-size:10px}.search-row{flex-direction:column}.search-row button{width:100%}}
