:root{--ink:#21362a;--muted:#7d887e;--line:#e5e9e1;--green:#406440;--lime:#c2eb7c;--canvas:#f6f8f3;--white:#fff;--red:#ae453e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;line-height:1.5;background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9cc966;outline-offset:4px}input:focus,select:focus{outline:0;border-color:#83a965;box-shadow:0 0 0 3px #b5d58b22}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.site-header{background:#ffffffd9;border-bottom:1px solid var(--line)}.header-inner{max-width:1176px;padding:0 28px;margin:auto;min-height:88px;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand strong{display:block;font-size:17px;letter-spacing:-.4px}.brand small{font-size:8px;letter-spacing:2.25px;color:#8a9489;display:block;margin-top:2px}.brand-divider{color:#c1c9ba;margin:0 10px;font-weight:400}.brand-product{font-size:15px;font-weight:500}.header-inner nav{align-self:stretch;display:flex;gap:29px;margin-left:auto;font-size:13px}.header-inner nav a{display:flex;align-items:center;position:relative;color:var(--muted)}.header-inner nav a[aria-current]{color:var(--ink);font-weight:600}.header-inner nav a[aria-current]:after{content:"";position:absolute;height:3px;border-radius:2px;bottom:0;left:0;right:0;background:#71984f}.header-inner nav a span{margin-left:6px}.local-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:6px 10px;border:1px solid #dbe6cf;border-radius:20px;background:#f4f8eb;color:#587546;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#79a752;display:inline-block;vertical-align:middle;flex-shrink:0}.workspace{max-width:1176px;padding:0 28px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:49px 0 31px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#809071;margin:0 0 13px;display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;background:#89a86c;border-radius:50%}h1{font-size:34px;line-height:1.3;letter-spacing:-1.4px;font-weight:650;margin:0 0 12px}h1>span{color:#758b65}.intro-copy{margin:0;color:#838c80;font-size:13px}.intro-note{display:flex;align-items:center;gap:13px;margin-top:11px}.intro-note>svg{width:34px;height:34px;color:#7b965a;stroke-width:1.15}.intro-note strong{display:block;font-size:12px;font-weight:500}.intro-note span{display:block;font-size:10px;color:#8c9685;margin-top:4px;letter-spacing:.3px}.main-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:stretch}.panel{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 6px #233f1c02}.entry-panel{padding:26px 27px 0;overflow:hidden}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}.heading-icon{width:37px;height:37px;background:#eff5e8;display:grid;place-items:center;border:1px solid #e3ecd8;border-radius:10px;font-size:27px;font-weight:300;color:#6c8a49}.panel-heading h2{font-size:16px;margin:0;font-weight:600;letter-spacing:-.4px}.panel-heading p{font-size:11px;margin:3px 0 0;color:#929a8c}.step{margin-left:auto;font-size:27px;font-weight:300;color:#e4e9de;font-family:ui-monospace,monospace;letter-spacing:-2px}.field{margin-bottom:21px}.field>label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:550;margin-bottom:9px}.field>label>span{font-weight:400;font-size:10px;color:#a0a89a;background:#f4f6f0;border-radius:3px;padding:0 4px}.field>label>.required{color:#80916d}.field input,.field select{width:100%;min-width:0;height:43px;border:1px solid #e3e8dd;border-radius:8px;padding:0 12px;background:#fcfdfb;color:var(--ink);font-size:12px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#b0b6a8;font-size:11px}.secret-field{display:flex;position:relative}.secret-field input{padding-right:54px}.reveal-button{position:absolute;right:7px;top:8px;border:0;background:#edf2e5;color:#748365;font-size:10px;height:27px;padding:0 8px;border-radius:5px}.field-hint{font-size:10px;color:#9aA18f;margin:7px 0 0;line-height:1.65}.advanced{margin-top:-3px;margin-bottom:23px}.advanced summary{font-size:11px;color:#6d7b62;cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:5px}.advanced summary:before{content:"›";font-size:17px;line-height:1;margin-right:3px}.advanced[open] summary:before{transform:rotate(90deg)}.advanced summary>span{font-size:9px;letter-spacing:.1px;color:#a2aa98;margin-left:auto}.advanced-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:9px;padding-top:15px}.advanced-grid .field{margin:0}.advanced .field-hint{margin-top:9px}.advanced-grid .field input,.advanced-grid .field select{padding:0 7px;height:37px;font-size:11px}.advanced-grid label{font-size:10px;margin-bottom:7px}.remember{display:flex;align-items:center;gap:9px;margin-bottom:19px;cursor:pointer}.remember input{width:15px;height:15px;accent-color:#65864b;margin:0}.remember strong{font-size:11px;font-weight:500;display:block}.remember small{font-size:9px;display:block;color:#a0a696;margin-top:3px}.remember svg{margin-left:auto;color:#a4af97;width:19px;height:19px}.button{height:45px;border:0;border-radius:9px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:15px;transition:background .15s,transform .15s}.button:hover{filter:brightness(.97)}.button:active{transform:translateY(1px)}.primary{background:var(--lime);color:#304a23;width:100%;justify-content:space-between;padding:0 17px;border:1px solid #b9e473;box-shadow:0 3px 7px #9bc35b16}.primary>span{font-size:19px;font-weight:400}.demo-button{display:block;margin:13px auto 18px;padding:5px;border:0;background:transparent;color:#94a085;font-size:10px}.demo-button:hover{color:#587546}.demo-button span{margin-left:3px}.entry-footnote{border-top:1px solid #edf0e8;margin:0 -27px;padding:13px 20px;text-align:center;font-size:9px;letter-spacing:.2px;color:#a4ad98;background:#fdfefb;display:flex;align-items:center;justify-content:center;gap:7px}.entry-footnote>span{font-size:18px;color:#9aa98b;line-height:14px}.current-panel{background:radial-gradient(ellipse at 50% 30%,#fff 0%,#fbfdf7 78%);position:relative;display:flex;flex-direction:column;padding:27px 32px 0}.current-heading{display:flex;align-items:center;justify-content:space-between}.current-heading .eyebrow{color:#728363;font-size:11px;letter-spacing:1px;margin:0}.subtle-tag{font-size:9px;color:#8c9a7e;padding:4px 9px;border-radius:5px;border:1px solid #e5ecd9;background:#f7faef}.current-empty{display:flex;flex:1;min-height:365px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-code{display:flex;align-items:center;gap:8px;margin:0 0 26px}.empty-code span{height:52px;width:37px;border:1px solid #e7eddf;border-radius:8px;background:#f3f7ed;color:#c4d0b8;font-weight:300;font-size:21px;display:grid;place-items:center}.empty-code i{width:8px}.current-empty h2{font-size:18px;font-weight:500;margin:0 0 10px;letter-spacing:-.6px}.current-empty p{font-size:11px;line-height:1.9;color:#9aa590;margin:0}.empty-status{font-size:9px;color:#a4af98;margin-top:29px;display:flex;align-items:center;gap:6px}.empty-status .status-dot{width:4px;height:4px;background:#b2c693}.current-footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#9ca98e;border-top:1px solid #e9efdf;font-size:9px;padding:16px 0;margin-top:auto}.current-footer svg{width:12px;height:12px}.current-active{flex:1;display:flex;flex-direction:column;justify-content:center;padding:25px 10px 20px}.active-name{display:flex;align-items:center;gap:11px}.account-avatar{width:37px;height:37px;display:grid;place-items:center;border:1px solid #dfe9d2;background:#edf4e5;border-radius:11px;color:#7c965e;font-weight:600;font-size:15px;flex-shrink:0}.active-name h2{margin:0;max-width:330px;overflow-wrap:anywhere;font-size:15px;font-weight:550}.active-name p{font-size:10px;color:#9ba88d;margin:3px 0 0}.code-button{background:transparent;border:0;text-align:center;width:100%;padding:23px 0 24px;border-radius:10px;color:#34502e;cursor:copy}.code-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;font-size:61px;line-height:1.2;letter-spacing:3px;white-space:pre;display:block;transition:color .15s}.copy-caption{display:flex;justify-content:center;align-items:center;gap:5px;color:#91a27e;font-size:9px;margin-top:12px}.copy-caption svg{width:12px;height:12px}.countdown-info{display:flex;justify-content:space-between;font-size:10px;color:#99a78c;margin:0 0 11px}.countdown-info>span{display:flex;align-items:center;gap:5px}.countdown-info strong{font-weight:400;color:#82966e}.countdown-info strong>span{font-family:ui-monospace,monospace;font-weight:600;color:#688d4c}progress{display:block;width:100%;height:5px;border:0;appearance:none;-webkit-appearance:none;background:#e8efdd;color:#a6ce78;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#e8efdd;border-radius:10px}progress::-webkit-progress-value{background:#a6ce78;border-radius:10px}progress::-moz-progress-bar{background:#a6ce78;border-radius:10px}.expiring .code-value,.expiring .countdown-info strong,.expiring .countdown-info strong>span{color:#ae8542}.expiring progress::-webkit-progress-value{background:#dfbb7a}.expiring progress::-moz-progress-bar{background:#dfbb7a}.active-save-status{text-align:center;font-size:9px;color:#a0ac92;margin:19px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{margin:0;font-size:17px;font-weight:600;display:flex;align-items:center;gap:9px;letter-spacing:-.4px}.section-heading h2 span{font-size:10px;letter-spacing:0;color:#83936e;min-width:20px;text-align:center;background:#e9efdf;border-radius:5px;padding:1px 5px;font-weight:500}.section-heading p{font-size:10px;color:#9ca590;margin:5px 0 0}.saved-section{margin-top:35px}.saved-tools{display:flex;align-items:center;gap:18px}.search-field{display:flex;align-items:center;gap:7px}.search-field svg{width:14px;height:14px;color:#a2ac96}.search-field input{width:120px;height:32px;border:0;border-bottom:1px solid #dde5d3;background:transparent;font-size:10px;color:#6a7d58;border-radius:0;padding:0 2px}.search-field input::placeholder{color:#a3ac98}.text-button{padding:4px 0;border:0;background:transparent;color:#92a17f;font-size:10px}.text-button:hover{color:#a94a42}.saved-empty{display:flex;align-items:center;gap:20px;border:1px dashed #dbe3d0;border-radius:13px;padding:27px 30px;background:#f9fbf6}.empty-storage-icon{width:46px;height:46px;display:grid;place-items:center;font-size:31px;color:#bac9a7;background:#f1f5e9;border-radius:12px}.saved-empty h3{font-size:12px;font-weight:500;margin:0 0 6px;color:#7c8c6d}.saved-empty p{font-size:10px;color:#a3ad97;margin:0}.empty-arrow{font-size:32px;color:#dae4cb;margin-left:auto}.storage-note{font-size:9px;color:#9ca78f;line-height:1.8;margin:11px 2px 0}.accounts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.account-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;min-width:0}.account-card.selected{border-color:#c2d7a5;background:#fcfef8}.account-card-head{display:flex;align-items:center;gap:8px}.account-card-head .account-avatar{width:30px;height:30px;font-size:12px;border-radius:9px}.account-label{border:0;background:transparent;text-align:left;min-width:0;flex:1;padding:0;color:#526747}.account-label strong{display:block;font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-label small{display:block;color:#a6b098;font-size:9px;margin-top:2px}.delete-account{border:0;background:transparent;color:#afb8a4;font-size:17px;line-height:1;padding:6px;border-radius:4px}.delete-account:hover{background:#fbefed;color:var(--red)}.saved-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:block;width:100%;background:transparent;border:0;text-align:left;padding:16px 0 12px;color:#49653a;font-size:29px;letter-spacing:2px;line-height:1;cursor:copy}.card-bottom{display:flex;align-items:center;gap:12px}.card-bottom progress{height:3px;flex:1}.card-time{color:#a1ae92;font-size:9px;font-family:ui-monospace,monospace;white-space:nowrap}.account-card.expiring .saved-code{color:#ae8542}.search-empty{padding:30px;text-align:center;border:1px dashed var(--line);border-radius:13px;color:#8b9b7b;font-size:12px}.how-it-works{margin:29px 0 30px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:25px}.how-it-works article{display:flex;align-items:center;gap:12px}.how-it-works article>span{font-size:20px;font-family:ui-monospace,monospace;font-weight:300;color:#bcc8af}.how-it-works h3{font-size:10px;font-weight:500;color:#738365;margin:0 0 4px}.how-it-works p{font-size:9px;color:#a4ae98;margin:0}.site-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:28px;font-size:9px;letter-spacing:.3px;color:#a9b29e}.footer-dot{margin:0 6px}.notice{border:1px solid #e8c8c1;border-radius:9px;background:#fff6f3;padding:12px 16px;color:#a05248;font-size:12px;margin:0 0 15px;line-height:1.7}.form-error{color:var(--red);font-size:11px;line-height:1.7;margin:0 0 12px;overflow-wrap:anywhere}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 36px);padding:12px 20px;background:#273f2b;color:#edf5e4;box-shadow:0 8px 30px #1c301625;border:1px solid #49613e;border-radius:10px;z-index:100;font-size:12px;text-align:center}dialog{padding:0;border:1px solid #e0e6d6;border-radius:17px;max-width:min(400px,calc(100vw - 32px));width:400px;box-shadow:0 25px 70px #17281220;color:var(--ink)}dialog::backdrop{background:#25331c55;backdrop-filter:blur(3px)}.dialog-content{padding:27px}.dialog-icon{width:38px;height:38px;display:grid;place-items:center;background:#fcf0ed;color:#b66c5e;border-radius:10px;font-size:24px}.dialog-content h2{font-size:18px;font-weight:600;margin:16px 0 9px}.dialog-content p{font-size:12px;line-height:1.8;color:#8d967f;overflow-wrap:anywhere;margin:0}.dialog-actions{display:flex;gap:10px;margin-top:24px}.dialog-actions .button{flex:1}.secondary{background:#eef2e7;color:#758266}.danger{background:#b95b4e;color:#fff}@media(min-width:1500px){.workspace,.header-inner{max-width:1220px}.intro{margin-top:62px}.main-grid{grid-template-columns:420px minmax(0,1fr);gap:28px}.entry-panel{padding-top:30px}.current-empty{min-height:380px}}@media(max-width:900px){.header-inner{gap:20px}.local-badge{display:none}.main-grid{grid-template-columns:340px minmax(0,1fr);gap:18px}.entry-panel{padding:24px 22px 0}.entry-footnote{margin:0 -22px;padding:13px 10px}.current-panel{padding:26px 23px 0}.code-value{font-size:46px;letter-spacing:1px}.empty-code{gap:5px}.empty-code span{width:27px;height:44px}.intro-note{display:none}.accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-name h2{max-width:210px}.advanced summary>span{font-size:8px}}@media(max-width:700px){.header-inner{min-height:72px;padding:0 20px;gap:10px;justify-content:space-between}.brand{gap:9px}.brand img{width:33px;height:33px}.brand strong{font-size:15px}.brand-product{font-size:12px}.brand-divider{margin:0 6px}.brand small{font-size:6px;letter-spacing:1.8px}.header-inner nav{gap:0;margin:0;font-size:10px}.header-inner nav a[aria-current]{display:none}.workspace{padding:0 20px}.intro{margin:31px 0 24px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:27px;letter-spacing:-1px;margin-bottom:10px}.intro-copy{font-size:11px;line-height:1.8}.main-grid{grid-template-columns:1fr;gap:18px}.entry-panel{padding:24px 23px 0;border-radius:14px}.panel-heading{margin-bottom:23px}.entry-footnote{margin:0 -23px;padding:13px}.current-panel{min-height:343px;border-radius:14px;padding:23px 25px 0}.current-empty{min-height:255px;padding:15px 0}.empty-code{gap:6px;margin-bottom:22px}.empty-code span{width:33px;height:45px}.empty-status{margin-top:17px}.current-empty h2{font-size:16px}.current-footer{padding:13px 0;font-size:8px}.current-active{padding:22px 0}.code-value{font-size:54px;letter-spacing:1.5px}.code-button{padding:18px 0 22px}.active-name h2{max-width:255px}.active-save-status{margin-top:15px}.saved-section{margin-top:27px}.section-heading{gap:10px}.section-heading h2{font-size:15px}.section-heading p{font-size:9px}.saved-tools{gap:12px}.search-field input{width:90px;font-size:9px}.saved-empty{padding:20px 16px;gap:12px}.empty-storage-icon{width:35px;height:35px;font-size:25px;flex-shrink:0;border-radius:9px}.saved-empty h3{font-size:11px}.saved-empty p{font-size:9px;line-height:1.8}.empty-arrow{display:none}.accounts-grid{grid-template-columns:1fr;gap:11px}.account-card{padding:17px 19px}.saved-code{font-size:32px;letter-spacing:3px}.how-it-works{gap:12px;padding:20px 0;margin:24px 0}.how-it-works article{display:block}.how-it-works article>span{font-size:16px;display:block;margin-bottom:9px}.how-it-works h3{font-size:10px}.how-it-works p{font-size:8px;line-height:1.8}.site-footer{font-size:8px;display:block;line-height:2;margin-bottom:25px}.site-footer>span{display:block}.storage-note{font-size:8px;line-height:1.9}.advanced summary>span{font-size:9px}.field input,.field select{font-size:16px}.advanced-grid .field input,.advanced-grid .field select{font-size:14px}.field input::placeholder{font-size:11px}.search-field input{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.clipboard-fallback{position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0}

/* Readable helper text and resilient eight-digit layouts. */
.field-hint,.panel-heading p,.remember small,.demo-button,.copy-caption,.storage-note,.section-heading p,.saved-empty p,.countdown-info,.account-label small,.card-time{font-size:11px;color:#6f7f63}
.entry-footnote,.current-footer,.active-save-status,.site-footer,.how-it-works p{font-size:10px;color:#77866b}
.field>label,.remember strong,.button,.advanced summary,.text-button{font-size:12px}
.advanced summary>span{font-size:10px}
.active-name>div{min-width:0}.active-name h2{max-width:100%}
.current-active[data-digits="8"] .code-value{font-size:clamp(28px,4.5vw,49px);letter-spacing:1px}
.reveal-button{top:0;right:0;height:43px;min-width:44px;background:transparent;font-size:11px}
.delete-account{min-width:36px;min-height:36px}.account-label{min-height:36px}
@media(max-width:700px){.code-value{font-size:clamp(38px,13vw,54px)}.current-active[data-digits="8"] .code-value{font-size:clamp(28px,10vw,44px)}.brand-product{font-size:11px}.advanced summary{flex-wrap:wrap}.advanced summary>span{font-size:9px}.delete-account,.account-label{min-height:44px}.delete-account{min-width:44px}.how-it-works p{font-size:10px}.field-hint,.remember small,.section-heading p,.saved-empty p,.storage-note{font-size:11px}.saved-tools{gap:9px}.search-field input{width:82px}}

.share-actions{margin-top:19px;display:flex;flex-direction:column;align-items:center;gap:8px}
.share-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid #d8e5c7;border-radius:8px;background:#f1f7e8;color:#536f3e;font-size:12px;max-width:100%}
.share-button svg{width:15px;height:15px}.share-button:hover{background:#e8f1dc}
.share-actions p{font-size:11px;line-height:1.7;color:#7b8b6e;margin:0;text-align:center;overflow-wrap:anywhere}
@media(max-width:700px){.share-button{min-height:44px}.share-actions{margin-top:16px}}

.image-import{padding:14px;border:1px dashed #cadaba;border-radius:10px;background:#f7faf2;margin:0 0 20px;transition:background .15s,border-color .15s}
.image-heading{display:flex;align-items:center;gap:7px;color:#536f3e}.image-heading strong{font-size:12px;font-weight:550}.image-heading svg{width:17px;height:17px}
.image-import>p{font-size:11px;line-height:1.7;margin:8px 0 0;color:#78896a}.image-import p.form-error{color:var(--red)}
.image-buttons{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.import-button{min-height:34px;border:1px solid #d4e0c5;border-radius:6px;background:#fff;color:#5e7848;font-size:11px;padding:0 13px}
.import-button:hover{background:#ebf3e0}.image-import>p.image-hint{font-size:10px;color:#8d9b80}.image-import>p.image-status{color:#507638}.image-import.drag-over{background:#e9f4da;border-color:#83ac54}.image-import[aria-busy="true"]{border-style:solid}
.share-input-button{width:100%;border:1px solid #dbe6ce;background:#f8fbf4;color:#587641;margin-top:10px;justify-content:space-between;padding:0 16px;font-size:12px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.import-button{min-height:44px}.image-import{padding:13px}.image-import>p{font-size:11px}}