*{box-sizing:border-box} :root{--bg:#0b0c0f;--card:#191c22;--field:#22262e;--border:#30353d;--text:#f2f3f4;--muted:#969da7;--orange:#f26a21;--orange-light:#ff985c}html{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:radial-gradient(circle at 85% -10%,#392014 0,transparent 28rem),var(--bg);color:var(--text);margin:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));height:100%;min-height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden}.card{width:min(100%,420px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);background:linear-gradient(150deg,#1d2027,#17191f);border:1px solid #282c33;border-radius:18px;padding:clamp(16px,4vw,24px);box-shadow:0 14px 36px #0008;overflow:hidden}.header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.actions{display:flex;gap:7px;align-items:center}.top-reset{height:34px;margin:0;padding:0 12px;display:grid;place-items:center;background:var(--orange);border-color:var(--orange);color:#211008;font-weight:700;font-size:.76rem}.top-reset:hover{background:var(--orange-light);border-color:var(--orange-light);color:#211008}h1{font-size:1.3rem;margin:0 0 4px;font-weight:700;letter-spacing:-.02em}.subtitle{font-size:.85rem;color:var(--muted);margin:0}.install{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#242830;color:var(--orange-light);font-size:20px;cursor:pointer}.install:hover{border-color:var(--orange)}label{display:block;font-size:.85rem;color:#c5cbd2;margin:14px 0 5px}input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:var(--field);color:#fff;font-size:1rem;appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus{outline:2px solid #f26a2166;border-color:var(--orange)}.extra{margin-top:14px;font-size:.85rem;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.extra strong{color:#e9ebee;font-weight:600;white-space:nowrap}.result{margin-top:22px;padding:18px;border-radius:13px;background:linear-gradient(135deg,#d95416,var(--orange));text-align:center;box-shadow:0 8px 22px #f26a2130}.result-label{font-size:.76rem;color:#2c1207;margin-bottom:5px;font-weight:700;letter-spacing:.02em}.valor{font-size:1.8rem;font-weight:750;color:#fff}.note{margin:18px 0 0;font-size:.75rem;color:#747c87;line-height:1.45}.reset{border:1px solid var(--orange);border-radius:10px;background:var(--orange);color:#211008;cursor:pointer;font:inherit;font-size:.82rem}.reset:hover{color:#211008;background:var(--orange-light);border-color:var(--orange-light)}.reset:hover{color:var(--text);border-color:#59616c}.offline{text-align:center;margin:18px 0 0;color:#59616e;font-size:.68rem}@media(max-width:380px){.card{padding:16px}.header{margin-bottom:12px}label{margin-top:9px}input{padding:9px 10px}.extra{margin-top:10px}.result{margin-top:15px;padding:13px}.note{margin-top:12px}.reset{margin-top:13px}.offline{margin-top:12px}}@media(max-height:700px){body{padding-top:8px;padding-bottom:8px}.card{padding-top:14px;padding-bottom:14px}.header{margin-bottom:8px}label{margin-top:7px;margin-bottom:3px}input{padding:7px 10px}.extra{margin-top:7px}.result{margin-top:12px;padding:10px}.valor{font-size:1.55rem}.note{margin-top:9px}.reset{margin-top:10px;padding:7px}.offline{margin-top:8px}}@media(max-height:600px){.card{padding:11px 14px}.header{margin-bottom:4px}.header h1{font-size:1.12rem}label{margin-top:4px;margin-bottom:2px;font-size:.78rem}input{padding:5px 9px;font-size:.92rem}.extra{margin-top:5px;font-size:.76rem}.result{margin-top:8px;padding:8px}.result-label{font-size:.68rem}.valor{font-size:1.35rem}.note{margin-top:6px;font-size:.68rem}.reset{margin-top:6px;padding:5px;font-size:.74rem}.offline{margin-top:5px;font-size:.62rem}.top-reset{margin-top:0;background:var(--orange);border-color:var(--orange);color:#211008}.top-reset:hover{background:var(--orange-light);border-color:var(--orange-light);color:#211008}}