:root{color-scheme:light;font-family:system-ui,'Myanmar Text',sans-serif;color:#16334a;background:#f0f6fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,480px);background:white;border:1px solid #deebf1;border-radius:24px;padding:32px;box-shadow:0 20px 65px #16334a12}h1{font-size:26px;margin:20px 0 8px}p{line-height:1.9;color:#486273}.badge{font-size:11px;letter-spacing:2px;font-weight:700;color:#087b79}.modes{display:flex;gap:8px;margin:24px 0}button,input{font:inherit;border-radius:12px;min-height:48px}button{cursor:pointer;padding:12px 16px;border:0;background:#087b79;color:white;font-weight:600}button:disabled{opacity:.55;cursor:wait}.modes button{flex:1;background:#eef4f7;color:#425c70}.modes .selected{background:#d9f3ed;color:#075e59;box-shadow:inset 0 0 0 2px #087b79}label{display:block;margin:16px 0 8px;font-size:14px}input{width:100%;border:1px solid #bfd1dd;padding:12px;color:#16334a;background:#fff}input:focus{outline:2px solid #087b79;outline-offset:2px}form>button{width:100%;margin-top:16px}.copy{display:flex;gap:8px}.copy input{min-width:0}.copy button{background:#e4f2f3;color:#075e59}a{display:block;color:#087b79;margin-top:16px}#notice{color:#9c382a;font-size:14px}#countdown{font-size:13px}#success p{color:#16334a;text-align:center}[hidden]{display:none!important}
