:root { --bg:#0b1220; --card:#121a2b; --text:#f3f6ff; --muted:#a9b4cc; --accent:#6ee7b7; --accent2:#7dd3fc; --btn:#1e293b; --border:#243049; --red:#fca5a5; --amber:#fcd34d; }
    * { box-sizing: border-box; }
    html { font-size: 112.5%; }
    body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; background: radial-gradient(1200px 600px at 20% -10%, #16324a 0%, var(--bg) 55%); color:var(--text); line-height:1.55; min-height:100vh; }
    main { max-width: 760px; margin:0 auto; padding: 1.5rem 1rem 3rem; }
    a { color: var(--accent2); }
    a:focus-visible, button:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
    .avatar { width:72px; height:72px; border-radius:50%; display:block; margin:0 auto .8rem; object-fit:cover; border:2px solid var(--border); }
    h1 { font-size:1.6rem; text-align:center; margin:0 0 .4rem; line-height:1.25; }
    .tagline { text-align:center; color:var(--muted); margin:0 0 1.2rem; }
    nav.site-nav { display:flex; justify-content:center; flex-wrap:wrap; gap:.4rem; margin:0 0 1.2rem; }
    nav.site-nav a { text-decoration:none; color:var(--text); background:var(--btn); border:1px solid var(--border); border-radius:999px; padding:.45rem .9rem; font-size:.85rem; font-weight:600; }
    nav.site-nav a[aria-current="page"] { background: linear-gradient(90deg,#0f766e,#0369a1); border-color:transparent; }
    .draft-note { border:1px dashed var(--accent); border-radius:12px; padding:.7rem .9rem; color:var(--muted); margin:0 0 1rem; font-size:.92rem; }
    section, .card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:1.1rem 1rem; margin-bottom:1rem; }
    h2 { font-size:1.15rem; color:var(--accent2); margin:0 0 .6rem; }
    h3 { font-size:1.02rem; margin:1rem 0 .3rem; }
    p, li { color: var(--muted); }
    p { margin:.4rem 0; }
    ul, ol { padding-left:1.25rem; margin:.4rem 0; }
    li { margin:.3rem 0; }
    strong { color: var(--text); }
    .privacy { display:flex; gap:.6rem; align-items:flex-start; background:#0f2a24; border:1px solid #1f5f4f; border-radius:12px; padding:.7rem .85rem; margin:0 0 .8rem; color:#d1fae5; font-size:.95rem; }
    label { display:block; font-weight:700; margin-bottom:.4rem; }
    textarea { width:100%; min-height:9rem; resize:vertical; font:inherit; font-size:1rem; color:var(--text); background:#0b1322; border:1px solid var(--border); border-radius:12px; padding:.8rem; }
    .row { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.7rem; }
    button { font:inherit; font-weight:700; font-size:1.02rem; border-radius:12px; padding:.8rem 1.2rem; border:1px solid var(--border); background:var(--btn); color:var(--text); cursor:pointer; min-height:48px; }
    button.primary { background: linear-gradient(90deg,#0f766e,#0369a1); border-color:transparent; flex:1 1 12rem; }
    #result { display:none; }
    #result.show { display:block; }
    .verdict { border-radius:14px; padding:.9rem 1rem; margin-bottom:.8rem; font-size:1.25rem; font-weight:800; }
    .v-scam { background:#3b1219; border:2px solid var(--red); color:#fecaca; }
    .v-careful { background:#3a2a0b; border:2px solid var(--amber); color:#fde68a; }
    .v-none { background:#0f2a24; border:2px solid var(--accent); color:#d1fae5; }
    .verdict small { display:block; font-size:.92rem; font-weight:500; margin-top:.25rem; }
    .flag { border-left:4px solid var(--amber); padding:.4rem .7rem; margin:.5rem 0; background:#0e1626; border-radius:0 10px 10px 0; }
    .flag.hi { border-left-color: var(--red); }
    .flag b { display:block; color:var(--text); }
    .flag span { color:var(--muted); font-size:.95rem; }
    .flag code { color:#fde68a; word-break:break-all; }
    .tools a { display:block; text-decoration:none; background:var(--btn); border:1px solid var(--border); border-radius:12px; padding:.75rem .9rem; margin:.45rem 0; color:var(--text); font-weight:600; }
    .tools a span { display:block; font-weight:400; color:var(--muted); font-size:.9rem; }
    details { border:1px solid var(--border); border-radius:12px; padding:.2rem .9rem; margin:.5rem 0; background:#0e1626; }
    summary { cursor:pointer; font-weight:700; padding:.6rem 0; color:var(--text); min-height:44px; }
    #install { display:none; }
    #install.show { display:block; }
    footer { text-align:center; color:var(--muted); font-size:.88rem; margin-top:1.5rem; }
    footer p { margin:.3rem 0; }
    .sr { position:absolute; left:-9999px; }
    select { font:inherit; font-size:1rem; color:var(--text); background:#0b1322; border:1px solid var(--border); border-radius:10px; padding:.55rem .7rem; min-height:44px; max-width:100%; }
    .langrow { text-align:center; margin:0 0 1rem; } .langrow label { display:inline; margin-right:.4rem; }
    .small { font-size:.88rem; } #shot-btn { flex:1 1 12rem; }
    [dir=rtl] .flag { border-left:0; border-right:4px solid var(--amber); border-radius:10px 0 0 10px; } [dir=rtl] .flag.hi { border-right-color: var(--red); }

.golden { border:2px solid #c9a227; background:rgba(201,162,39,.12); color:inherit; border-radius:12px; padding:.7rem .9rem; margin-top:.8rem; font-size:.95rem; }
.golden b { display:block; margin-bottom:.25rem; color:#f2c94c; }
.golden ol { margin:0; padding-inline-start:1.3rem; }
.golden li { margin:.15rem 0; }
.walock { border-color:#3aa76d; background:rgba(58,167,109,.12); }
.walock b { color:#6fd39b; }
.walock .wanote { margin:.4rem 0 0; font-weight:600; }
.senderq { border-color:#5b8def; background:rgba(91,141,239,.12); }
.senderq b { color:#9dbbff; }
.sq-row { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.3rem; }
.sq-btn { background:#1c2533; color:#e8eef7; border:1px solid #5b8def; border-radius:8px; padding:.4rem .6rem; font:inherit; cursor:pointer; }
.sq-btn.on { background:#5b8def; color:#0b1220; font-weight:600; }
.sq-adv { margin:.5rem 0 0; font-weight:600; }