*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;background:#05060a;color:#eee7d6;font-family:'Segoe UI',Tahoma,sans-serif;overflow-x:hidden;}
body{padding:max(12px,env(safe-area-inset-top)) 0 calc(28px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%,#1d1406 0%,#05060a 60%) fixed;}
.wrap{max-width:560px;margin:0 auto;padding:0 16px;}
.top{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.top h1{flex:1;margin:0;font-size:1.15rem;color:#f3d99a;min-width:0;} .top h1 small{display:block;font-size:.68rem;color:#a8a293;font-weight:600;margin-top:3px;}
.pill{flex:none;padding:8px 14px;border-radius:99px;background:#11141b;color:#eee7d6;border:1px solid rgba(233,199,126,.25);font-family:inherit;font-weight:700;font-size:.74rem;cursor:pointer;text-decoration:none;}
.card{position:relative;margin-bottom:12px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#0e1117,#090b10);border:1px solid rgba(233,199,126,.14);}
.card h2{margin:0 0 4px;font-size:1rem;color:#fff;} .card .sub{font-size:.68rem;color:#8f897b;margin-bottom:10px;line-height:1.7;}
.g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.g div{padding:11px 12px;border-radius:14px;background:#0d1016;border:1px solid rgba(233,199,126,.1);font-size:.64rem;color:#a8a293;min-width:0;}
.g b{display:block;font:800 1.05rem ui-monospace,Menlo,Consolas,monospace;color:#fff;direction:ltr;text-align:start;margin:3px 0;overflow-wrap:anywhere;}
.g b.up{color:#16c784;} .g b.dn{color:#ea3943;}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr;unicode-bidi:embed;overflow-wrap:anywhere;}
.row{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);margin-bottom:7px;font-size:.78rem;}
.row .tx{flex:1;min-width:0;} .row .tx b{display:block;color:#fff;} .row .tx small{display:block;color:#8f897b;font-size:.66rem;margin-top:2px;}
.ok{color:#16c784;} .bad{color:#ea3943;} .warn{color:#f5b301;} .dim{color:#8f897b;}
.verdict{padding:16px;border-radius:18px;text-align:center;font-weight:800;font-size:1.05rem;margin-bottom:12px;line-height:1.7;}
.verdict.ok{background:rgba(22,199,132,.1);border:1px solid rgba(22,199,132,.45);}
.verdict.bad{background:rgba(234,57,67,.1);border:1px solid rgba(234,57,67,.45);}
.verdict small{display:block;font-weight:600;font-size:.72rem;color:#cfc8b8;margin-top:4px;}
input.in{width:100%;padding:13px 14px;border-radius:14px;border:1px solid rgba(233,199,126,.3);background:#0d1016;color:#fff;font:700 1.05rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;text-align:center;direction:ltr;text-transform:uppercase;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:13px;border:0;border-radius:14px;background:linear-gradient(180deg,#f0d38f,#b98f47);color:#1a1307;font-family:inherit;font-weight:800;font-size:.86rem;cursor:pointer;text-decoration:none;margin-top:8px;}
.btn.line{background:#11141b;color:#eee7d6;border:1px solid rgba(233,199,126,.25);}
.btn:disabled{opacity:.5;}
.note{margin-top:14px;font-size:.68rem;color:#8f897b;line-height:1.8;text-align:center;}
.empty{text-align:center;padding:36px 18px;color:#a8a293;font-size:.82rem;line-height:1.9;} .empty .big{font-size:3rem;margin-bottom:6px;}
.sk{height:200px;border-radius:14px;background:linear-gradient(90deg,#0d1016 0%,#161a22 50%,#0d1016 100%);background-size:200% 100%;animation:sk 1.2s linear infinite;}
@keyframes sk{to{background-position:-200% 0}}
.bar{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;} .bar i{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#b98f47,#f0d38f);}
[dir=rtl] .bar i{inset:0 0 0 auto;}
.tag{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.62rem;font-weight:800;background:rgba(243,217,154,.12);color:#f3d99a;border:1px solid rgba(243,217,154,.3);}
a{color:#f3d99a;}