:root{color-scheme:light;--navy:#071a35;--muted:#647083}*{box-sizing:border-box}body{margin:0;background:#f5f8fa;color:var(--navy);font-family:Arial,sans-serif}header{background:var(--navy);color:white;padding:20px 5%;display:flex;justify-content:space-between;gap:15px}header a{color:white;font-size:.85rem}main{max-width:560px;margin:28px auto;padding:28px;background:white;border:1px solid #e1e7ee;border-radius:20px}.tag{color:#b43a00;background:#fff3e9;padding:7px 10px;border-radius:20px;font-size:.7rem;font-weight:bold}h1{font-size:1.8rem;margin:20px 0 10px}p,li{line-height:1.5}#intro,.note{color:var(--muted)}.benefits{background:#eef5eb;border:1px solid #d8e7cf;border-radius:12px;padding:15px;margin:20px 0}.benefits p{margin:5px 0 0;font-size:.85rem}label{display:grid;gap:8px;margin:16px 0;font-size:.88rem;font-weight:bold}input,select{width:100%;min-height:48px;padding:12px;border:1px solid #ccd5df;border-radius:9px;font:inherit;color:var(--navy)}#code{font-size:1.7rem;text-align:center;letter-spacing:8px}button,.button{display:block;width:100%;min-height:46px;padding:12px;margin:10px 0;border:1px solid var(--navy);border-radius:9px;background:var(--navy);color:white;font:700 .9rem Arial;text-align:center;text-decoration:none;cursor:pointer}button:disabled{opacity:.6}.secondary,#copy,#backup,#others{background:white;color:var(--navy)}#qr{display:block;width:220px;max-width:100%;margin:15px auto}#secret{font-family:monospace;font-size:.75rem}.note{font-size:.77rem}#status{font-size:.85rem;color:#a72c1d}ol{padding-left:20px;font-size:.86rem}[hidden]{display:none!important}:focus-visible{outline:3px solid #e69d43;outline-offset:2px}@media(max-width:620px){main{margin:14px 12px;padding:22px}header{padding:16px}h1{font-size:1.6rem}}