:root{--bg:#f6f4ef;--card:#fff;--fg:#1f2933;--mut:#616e7c;--line:#e4e0d8}@media (prefers-color-scheme:dark){:root{--bg:#12171c;--card:#1b232b;--fg:#edf0f2;--mut:#9aa5b1;--line:#2b3640}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,-apple-system,PingFang SC,Noto Sans SC,sans-serif}main{max-width:760px;margin:0 auto;padding:16px}h1{margin:0;font-size:1.1rem}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}form.sel{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}select,input,button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:8px;padding:6px 10px}input[type=number]{width:5.5rem}button{cursor:pointer;background:var(--fg);color:var(--bg)}.hero{color:#fff;border-radius:16px;margin:8px 0 16px;padding:20px}.hero .n{font-size:3.4rem;font-weight:700;line-height:1}.hero small{opacity:.9}.regions{grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 0;display:grid}.regions div{text-align:center;color:#fff;border-radius:10px;padding:8px 4px;font-weight:600}.regions span{opacity:.9;text-transform:capitalize;font-size:.7rem;font-weight:400;display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:8px 0;padding:12px 14px}.row{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.row:last-child{border:0}.dot{border-radius:50%;flex:none;width:12px;height:12px;margin-top:7px}.go{background:#2e9e5b}.caution{background:#e0a100}.avoid{background:#b3261e}.mut{color:var(--mut);font-size:.85rem}h2{margin:20px 0 4px;font-size:1rem}a{color:inherit}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.tile .v,.cause .v{font-size:1.15rem;font-weight:600}.cause{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.cause:last-child{border:0}.tag{border:1px solid var(--line);color:var(--mut);border-radius:99px;padding:1px 8px;font-size:.75rem;display:inline-block}.tag.warn{color:#e5601f;background:#e5601f22;border-color:#e5601f}.verdict{margin:6px 0 0;font-size:1rem;font-weight:600}
