:root{color-scheme:dark;font:16px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",system-ui,sans-serif;background:#101b2b;color:#eef4fb;--panel:#19283b;--muted:#bacbde;--line:#354b62;--accent:#9be2ed;--input:#101d2e}
*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0}main{max-width:720px;margin:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(30px,env(safe-area-inset-bottom))}
header{display:flex;align-items:center;gap:13px;margin:0 0 18px}header img{border-radius:12px}header p,header h1{margin:0}header p{color:var(--accent);font-size:.85rem;font-weight:700}
h1{font-size:1.65rem}h2{font-size:1.15rem;margin:.1rem 0 .8rem}
section,details{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin:0 0 12px}
p{margin:.3rem 0 .7rem}.muted,small,footer{color:var(--muted)}.muted,small{font-size:.85rem}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.stats div{background:#102032;padding:8px;border-radius:9px}
.stats small,.stats strong{display:block}.stats strong{color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
button{min-height:42px;padding:8px 13px;border:1px solid transparent;border-radius:9px;background:#9be2ed;color:#09202b;font:inherit;font-weight:680;cursor:pointer}
button.secondary{color:#e3f3fb;background:#172c43;border-color:#536c87}button:disabled{color:#b5c2cf;background:#34445a;cursor:default}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #f9c971;outline-offset:2px}
form{display:grid;gap:10px;margin-top:10px}form button{justify-self:start}label{display:block;font-size:.9rem;color:#d7e5f3}
input,textarea,select{width:100%;margin-top:5px;padding:8px;border:1px solid #687f98;border-radius:8px;background:var(--input);color:#f4f8ff;caret-color:#aef1ff;font:inherit}
input:disabled,select:disabled{background:#26364a;color:#bacbde}::selection{background:#8ad9e8;color:#0b2634}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border-top:1px solid var(--line);padding:10px 0}.card:last-child{padding-bottom:0}
.card h3{font-size:1rem;margin:0;color:#eff7ff}.card p{font-size:.88rem;margin:.22rem 0}
summary{font-weight:700;cursor:pointer}footer{padding:10px 2px;font-size:.85rem}
#feedback:not(:empty){padding:10px 12px;background:#283f55;border-radius:9px;margin-bottom:10px;color:#fff}
@media(max-width:380px){.grid{grid-template-columns:1fr}.stats strong{font-size:.86rem}}