:root{color-scheme:dark;--bg:#0d100b;--card:#151912;--line:#303529;--muted:#a3aa97;--yellow:#edff43;--text:#f1f4e9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 8%,#24301366,transparent 45%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.wrap{width:min(1100px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:32px 0}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--text);font-weight:900;letter-spacing:-.6px;font-size:21px}.brand b{color:var(--yellow)}.brand small{display:block;font-size:9px;letter-spacing:2.8px;color:var(--muted);margin-top:7px}.local{font-size:12px;color:#c5cfb3;display:flex;align-items:center;gap:9px}.local i{width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 15px #edff4355}.intro{text-align:center;padding:48px 0 32px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--yellow);font-weight:700}h1{font-size:clamp(38px,5.4vw,62px);letter-spacing:-2.8px;line-height:1.06;margin:22px 0}h1 em{color:var(--yellow);font-style:normal}.intro p{font-size:15px;color:var(--muted);line-height:1.7}.workspace{max-width:800px;margin:16px auto 44px;border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;box-shadow:0 30px 90px #0004}.tabs{display:flex;padding:9px;border-bottom:1px solid var(--line);gap:7px}.tabs button{flex:1;border:none;background:transparent;color:var(--muted);padding:14px;border-radius:12px;font-size:13px;font-weight:700}.tabs [aria-selected=true]{background:#292f1d;color:var(--yellow)}button,.button{cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:background .15s,transform .15s}button:disabled{opacity:.4;cursor:default}button:not(:disabled):hover,.button:hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,.button:focus-within{outline:2px solid var(--yellow);outline-offset:4px}button{border-radius:10px}.input-section{padding:28px 32px 24px}.section-label,.code-top,.time-row,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-label label,label[for=bulk]{font-size:14px;font-weight:700}.section-label span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.secret-row{position:relative;margin-top:13px}input,textarea{width:100%;background:#0f120c;border:1px solid #363d2b;border-radius:12px;color:var(--text);padding:17px;font-size:15px;font-family:monospace}input{padding-right:80px}textarea{resize:vertical;margin-top:14px}.icon-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:#242a1d;color:#dbe3cb;padding:8px;font-size:11px}.hint,.footnote{color:var(--muted);font-size:11px;line-height:1.6}.hint{margin:11px 0}.actions{margin-top:19px}.secondary,.button{background:#22281b;color:#dce4ce;border:1px solid #3a422f;padding:11px 15px;text-decoration:none;display:inline-block;border-radius:10px}.text-button{background:none;border:0;color:var(--muted);padding:9px}.primary{background:var(--yellow);border:1px solid var(--yellow);color:#1d230e;padding:13px 22px}.primary span{margin-left:18px}.error{color:#ffad98;font-size:12px;line-height:1.6;margin:10px 0 0}.error:empty{display:none}.code-section{background:linear-gradient(125deg,#202819,#171d12);border-top:1px solid var(--line);padding:27px 32px 30px}.code-top{font-size:9px;letter-spacing:1.6px;color:#b0bb9e}.code-top span:last-child{letter-spacing:.5px;color:#899478}.code{display:block;width:100%;padding:25px 0 18px;font-family:monospace;font-size:clamp(38px,7vw,64px);letter-spacing:7px;font-weight:700;background:none;border:0;color:var(--yellow)}.code:disabled{opacity:.35}.time-row{font-size:11px;color:#b6c3a2}.time-row span:last-child{color:#899478}progress{display:block;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;background:#343d29;accent-color:var(--yellow);margin:14px 0 25px}progress::-webkit-progress-bar{background:#343d29}progress::-webkit-progress-value{background:var(--yellow)}progress::-moz-progress-bar{background:var(--yellow)}.code-actions{display:flex;gap:10px}.code-actions>*{flex:1}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:850px;margin:auto}.trust-grid article>span{font-size:10px;color:var(--yellow);font-family:monospace;border-bottom:1px solid #3a4429;padding-bottom:8px;display:block}.trust-grid h2{font-size:14px;margin:16px 0 10px}.trust-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.footnote{text-align:center;margin:33px auto 50px;max-width:700px}footer{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer a{color:var(--muted);text-decoration:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--yellow);color:#202611;border-radius:12px;padding:13px 22px;font-size:13px;box-shadow:0 10px 40px #0008}#toast:empty{display:none}.bulk-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:18px 32px;gap:12px}.bulk-row strong{font-size:13px;overflow-wrap:anywhere}.bulk-row small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.bulk-code{font-family:monospace;font-size:25px;letter-spacing:3px;color:var(--yellow);background:#222a18;border:1px solid #3c482b;padding:10px 14px;white-space:nowrap}dialog{max-width:min(430px,calc(100% - 32px));background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:24px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;gap:16px;align-items:center;justify-content:space-between}.dialog-head h2{font-size:15px}dialog canvas{width:100%;height:auto;margin:20px 0;border-radius:10px}dialog p{font-size:12px;line-height:1.6;color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){.wrap{width:calc(100% - 32px)}header{padding:22px 0}.brand{font-size:17px}.brand img{width:36px;height:36px}.local{font-size:10px}.intro{padding:25px 0 15px}h1{letter-spacing:-1.5px}.input-section,.code-section{padding:24px 20px}.code{letter-spacing:4px}.time-row span:last-child{display:none}.trust-grid{grid-template-columns:1fr;gap:24px;padding:0 12px}.code-actions{flex-direction:column}.bulk-row{padding:16px 20px}.bulk-code{font-size:21px}footer{gap:20px}.brand small{letter-spacing:1.5px;font-size:8px}}
:is(.input-section .actions){flex-wrap:wrap}@media(max-width:600px){#generate{width:100%}}