[hidden]{display:none!important}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eaf3f3;background:#09131d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse 640px 500px at 76% 4%,#173a3b 0%,transparent 72%),radial-gradient(ellipse 500px 380px at 0% 44%,#142a37 0%,transparent 75%),#09131d}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.page{max-width:840px;min-height:100vh;margin:auto;padding:30px 24px 28px}.topbar{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #4ad9b0;border-radius:11px;color:#6ce2bf;font-size:26px;line-height:1}.brand-text{display:flex;flex-direction:column;line-height:1.24}.brand-text strong{font-size:15px;letter-spacing:.02em}.brand-text span{font-size:11px;color:#8ca6ad;margin-top:3px}.local-badge{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid #35575a;color:#a2dbcb;background:#183234;border-radius:999px;padding:8px 12px;font-size:12px;white-space:nowrap}.badge-dot{width:7px;height:7px;border-radius:50%;background:#65dfb5;box-shadow:0 0 12px #65dfb5}.intro{margin:66px 0 38px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;color:#58d6b3;margin:0 0 18px}.intro h1{font-size:clamp(35px,5.6vw,56px);line-height:1.17;letter-spacing:-.045em;margin:0;font-weight:750}.intro h1 span{color:#70ddbb}.intro-copy{max-width:570px;color:#a0b2bb;font-size:15px;line-height:1.75;margin:20px 0 0}.panel{background:#12212d;border:1px solid #29414d;border-radius:22px;box-shadow:0 18px 50px #03101840}.generator{padding:28px}.section-heading{display:flex;align-items:center;gap:13px}.step{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#214b48;color:#80e3c2;font-size:12px;font-weight:750}.section-heading h2,.history-title{font-size:18px;font-weight:700;margin:0}.generator label{display:block;font-size:13px;font-weight:650;margin:29px 0 10px}.secret-wrap{display:flex;align-items:center;border:1px solid #47606b;background:#0c1a25;border-radius:12px;transition:border-color .2s,box-shadow .2s}.secret-wrap:focus-within{border-color:#63dbb7;box-shadow:0 0 0 3px #4cdbad22}.secret-wrap input{min-width:0;flex:1;padding:15px 16px;background:none;border:0;outline:0;color:#effaf6;letter-spacing:.06em;font-size:15px}.secret-wrap input::placeholder{color:#68818d;letter-spacing:0}.icon-button{background:none;border:0;color:#80ddc2;padding:12px 17px;font-size:13px;font-weight:650}.helper,.history-intro{color:#8fa5af;font-size:12px;line-height:1.6;margin:10px 0 0}.error{color:#ffb4a9;font-size:12px;margin:9px 0 0}.code-card{margin-top:28px;padding:24px;background:linear-gradient(120deg,#183a3b,#14313b);border:1px solid #386b67;border-radius:16px;display:flex;justify-content:space-between;gap:18px;align-items:center}.code-label{margin:0 0 9px;color:#a8ceca;font-size:12px;font-weight:650}.code{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(30px,6vw,49px);font-weight:700;line-height:1.1;letter-spacing:.08em;color:#f2fffa;white-space:nowrap}.code-note{font-size:12px;color:#a0c1c0;margin:10px 0 0}.code-actions{display:flex;align-items:center;gap:18px}.timer{width:72px;height:72px;position:relative;display:grid;place-items:center;flex:none}.timer svg{position:absolute;inset:0;width:72px;height:72px;transform:rotate(-90deg)}.timer circle{fill:none;stroke-width:5}.timer .track{stroke:#315956}.timer .progress{stroke:#66e2b8;stroke-linecap:round;stroke-dasharray:175.93;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}.timer span{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.primary-button{border:0;border-radius:10px;background:#70e2bb;color:#0c2a28;padding:12px 17px;font-size:13px;font-weight:750;white-space:nowrap}.primary-button:not(:disabled):hover{background:#9bf5d4}.history{margin-top:18px;padding:0 28px}.history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px 0;background:none;border:0;color:inherit;text-align:left}.history-toggle:focus-visible,.icon-button:focus-visible,.primary-button:focus-visible,.text-button:focus-visible,.small-button:focus-visible{outline:2px solid #7be6c2;outline-offset:3px}.count{font-size:12px;color:#7fe1c0;background:#244a48;border-radius:999px;padding:3px 8px;margin-left:4px}.chevron{font-size:24px;line-height:1;color:#9fc8bf;transition:transform .2s}.history-toggle[aria-expanded="true"] .chevron{transform:rotate(180deg)}#history-body{border-top:1px solid #29414d;padding:0 0 24px}.history-intro{margin:20px 0}.history-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.history-controls label{color:#abc0c6;font-size:13px}.history-controls input{width:70px;margin:0 5px;background:#0d1c28;color:#e8faf4;border:1px solid #45606b;border-radius:8px;padding:8px;text-align:center}.text-button{background:none;border:0;color:#fbafa3;font-size:12px;font-weight:650;padding:8px}.empty-state{border:1px dashed #38535c;border-radius:14px;min-height:166px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center}.empty-icon{font-size:24px;color:#76dabc}.empty-state strong{font-size:14px}.empty-state span{font-size:12px;color:#8ba2ac}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;background:#0d1c28;border:1px solid #2b4650;border-radius:13px;padding:15px}.history-meta{min-width:0}.history-secret{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:#b8d6d3;overflow-wrap:anywhere}.history-date{font-size:11px;color:#7f98a2;margin-top:7px}.history-code{align-self:start;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;letter-spacing:.08em;font-weight:700;color:#8de9c6;font-variant-numeric:tabular-nums}.history-buttons{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.small-button{border:1px solid #385660;border-radius:7px;background:#172d38;color:#b6d5d5;font-size:11px;padding:7px 10px}.small-button:hover{border-color:#75d7ba}.small-button.danger{margin-left:auto;color:#f0a99e}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,10px);padding:10px 16px;background:#e1fff1;color:#113d32;border-radius:9px;font-size:13px;font-weight:650;box-shadow:0 10px 35px #0008;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;gap:12px;color:#718b96;font-size:11px;margin:27px 4px 0}@media(max-width:680px){.page{padding:20px 16px 26px}.local-badge{font-size:0;padding:9px}.badge-dot{width:8px;height:8px}.intro{margin:55px 0 31px}.intro-copy{font-size:14px}.generator{padding:20px}.history{padding:0 20px}.code-card{padding:19px;align-items:flex-start;flex-direction:column}.code-actions{width:100%;justify-content:space-between}.timer,.timer svg{width:58px;height:58px}.code{font-size:clamp(31px,8vw,43px)}footer{flex-direction:column;line-height:1.5}}@media(max-width:390px){.brand-text strong{font-size:14px}.intro h1{font-size:30px}.history-item{grid-template-columns:1fr}.history-code{grid-row:2}.history-buttons{grid-row:3}}

/* Compact multi-key generator */
.page{padding-top:24px}
.secret-wrap textarea{display:block;width:100%;min-height:150px;resize:vertical;padding:16px;background:none;border:0;outline:0;color:#effaf6;font:15px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}
.secret-wrap textarea::placeholder{color:#68818d;letter-spacing:0}
.code-card{display:block}
.code-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.code-card-head .code-label{margin:0}
.code-card-head .timer,.code-card-head .timer svg{width:58px;height:58px}
.current-results{margin-top:12px}
.current-results .code-note{margin:0}
.current-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid #37625f;padding:12px 0}
.current-row:first-child{border-top:0;padding-top:0}
.current-row:last-child{padding-bottom:0}
.current-line{font-size:12px;color:#a8ceca;white-space:nowrap}
.current-row .code{font-size:clamp(25px,4.5vw,37px)}
.current-row .primary-button{padding:10px 13px}
@media(max-width:680px){.page{padding-top:16px}.secret-wrap textarea{min-height:160px}.code-card{padding:18px}.current-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.current-line{grid-column:1/-1}.current-row .code{font-size:clamp(26px,7.5vw,35px)}}
/* Single-line history entries */
.history-item{display:flex;align-items:center;gap:11px;padding:10px 12px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.history-secret{flex:none;overflow-wrap:normal;white-space:nowrap;font-size:12px}
.history-date{flex:none;margin:0;color:#7f98a2;font-size:11px}
.history-item .small-button{flex:none;padding:7px 9px}
.history-item .small-button.danger{margin-left:auto}
.history-code{flex:none;align-self:center;padding:4px 2px;background:none;border:0;color:#8de9c6;font-size:17px;line-height:1.2;cursor:pointer}
.history-code:hover{text-decoration:underline}
.history-code:focus-visible{outline:2px solid #7be6c2;outline-offset:2px;border-radius:4px}
@media(max-width:390px){.history-item{grid-template-columns:none;gap:9px}}