:root{color-scheme:light dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#dce9f4;background:#0b1527}*{box-sizing:border-box}body{margin:0;padding:24px 16px}main{max-width:660px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge{font-size:11px;letter-spacing:.13em;color:#70e5ce}a{color:#8cebd9}h1{font-size:clamp(25px,5vw,36px);letter-spacing:-.04em;margin:22px 0 10px}.lead,small,.notice{color:#b1c3d4;line-height:1.6}.lead{margin-top:0}label{display:block;font-size:14px;margin-bottom:8px}input,select,button{font:inherit;border:1px solid #4b627b;border-radius:9px;padding:11px;color:inherit;background:#14243b;min-width:0}input,select{width:100%}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #70e5ce;outline-offset:3px}.input-row{display:flex;gap:8px}.input-row input{flex:1}button{cursor:pointer;white-space:nowrap}button:hover:not(:disabled){border-color:#70e5ce}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#70e5ce;color:#102239;border-color:#70e5ce;font-weight:650}small{display:block;font-size:12px;margin:8px 0 16px}details{margin-bottom:16px}summary{cursor:pointer;font-size:13px;color:#c8d7e6}.settings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}.settings label{font-size:12px}.settings span{display:block;margin-bottom:7px}.actions{display:flex;flex-wrap:wrap;gap:8px}.result{margin-top:20px;padding:20px 16px 8px;border:1px solid #354c66;border-radius:14px;background:#101f35;text-align:center}#code{display:block;font-family:ui-monospace,monospace;font-size:clamp(30px,7vw,48px);font-weight:700;letter-spacing:.12em;user-select:all;overflow-wrap:anywhere}#countdown{font-size:13px;color:#bed0df;margin:10px 0}progress{display:block;width:100%;height:6px;accent-color:#70e5ce;margin:0 0 18px}#status{min-height:2.8em;font-size:13px;color:#ffdc97;line-height:1.4;margin-bottom:0}.notice{font-size:12px;margin:16px 0 0}@media(max-width:380px){body{padding:16px 12px}.settings{gap:6px}.badge{font-size:9px}button{padding:10px 9px}}@media(prefers-color-scheme:light){:root{color:#102239;background:#f6f9fc}input,select,button{background:#fff;border-color:#72879c}.lead,small,.notice{color:#425b73}.result{background:#fff;border-color:#bacbd9}summary,#countdown{color:#425b73}#status{color:#795000}a{color:#006a5b}.badge{color:#006a5b}}