:root{color:#20242a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--text:#20242a;--muted:#606873;--border:#dfe2e6;--control-border:#bcc3cb;--primary:#28323c;--link:#245a8b;background:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;color:#69717b;background:#f0f2f4;border-color:#d8dce1}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #2f6fa6}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}a{color:var(--link)}.site-header{border-bottom:1px solid var(--border)}.site-header-inner{align-items:center;gap:36px;max-width:940px;min-height:68px;margin:0 auto;padding:0 20px;display:flex}.brand{color:var(--text);white-space:nowrap;align-items:baseline;gap:6px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.brand-online{font-size:11px;font-weight:400}.main-nav{align-self:stretch;align-items:stretch;gap:24px;display:flex}.main-nav button{color:#555d66;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:3px 0 0;font-size:14px;position:relative}.main-nav button.active{color:var(--text);border-bottom-color:var(--text)}.account-nav{align-items:center;gap:16px;min-width:0;margin-left:auto;display:flex}.signed-in-username{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;overflow:hidden}.account-nav .button{min-height:34px;padding:6px 12px;font-size:13px}.account-nav .text-button{white-space:nowrap;font-size:13px}.main-content{max-width:940px;margin:0 auto;padding:30px 20px 32px}.page-heading{margin-bottom:24px}h1{letter-spacing:-.35px;font-size:26px;font-weight:600;line-height:1.3}.page-heading p{color:var(--muted);margin-top:7px;font-size:14px}h2{font-size:16px;font-weight:600;line-height:1.4}h3{font-size:14px;font-weight:600;line-height:1.45}.heading-with-action{justify-content:space-between;align-items:center;gap:20px;display:flex}.button{border:1px solid var(--control-border);min-height:38px;color:var(--text);background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;line-height:1.3;text-decoration:none;display:inline-flex}.primary{background:var(--primary);border-color:var(--primary);color:#fff}.text-button{color:var(--link);background:0 0;border:0;padding:5px 0;font-size:14px;line-height:1.5}.text-button:disabled{color:var(--muted);background:0 0}.icon-button{color:#555d66;background:0 0;border:0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:scale(.98)}.full-width{width:100%}.inline-actions{flex-wrap:wrap;gap:10px;display:flex}.generator-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.generator-card,.code-card{border:1px solid var(--border);border-radius:5px;min-width:0;padding:22px}.generator-card{flex-direction:column;display:flex}.field-label-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}label,.standalone-label{font-size:14px;font-weight:600;display:block}label>span{color:var(--muted);font-weight:400}.text-input{border:1px solid var(--control-border);width:100%;min-width:0;height:42px;color:var(--text);background:#fff;border-radius:4px;padding:9px 11px;font-size:14px;display:block}.text-input::placeholder{color:#68717d;opacity:1}.text-input[aria-invalid=true]{border-color:#b42318}.secret-input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.secret-input::placeholder{font-family:Arial,Helvetica,sans-serif}.field-hint{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.6}.account-label-field{margin-top:18px}.account-label-field label{margin-bottom:8px}.generator-actions{align-items:center;gap:20px;margin-top:22px;display:flex}.generator-actions .text-button{font-size:13px}.generator-note{color:var(--muted);margin-top:24px;font-size:12px}.field-error{color:#a12119;margin-top:10px;font-size:13px;line-height:1.6}.demo-note{color:#76550e;background:#fff9e9;margin-top:15px;padding:9px 10px;font-size:12px;line-height:1.6}.code-card{background:#f8f9fa;flex-direction:column;display:flex}.code-center{flex-direction:column;flex:1;align-items:flex-start;display:flex}.code-identity{color:var(--muted);overflow-wrap:anywhere;margin-top:12px;font-size:13px}.large-code{letter-spacing:-1px;font-variant-numeric:tabular-nums;gap:14px;margin:13px 0 3px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:40px;font-weight:500;line-height:1.25;display:flex}.empty-code{color:var(--muted);margin-top:22px;font-size:16px}.code-waiting{color:var(--muted);max-width:30ch;margin-top:7px;font-size:13px}.countdown{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.copy-code{margin-top:17px}.code-card-bottom{color:var(--muted);margin-top:17px;font-size:12px}.code-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:14px;display:flex}.code-actions .button{min-height:34px;padding:7px 11px;font-size:13px}.help-section{margin-top:30px}.help-section p{max-width:80ch;margin-top:10px;font-size:14px;line-height:1.7}.faq-section{margin-top:28px}.faq-section h2{margin-bottom:8px}.faq-section details{border-bottom:1px solid var(--border)}.faq-section summary{cursor:pointer;padding:12px 0;font-size:14px;font-weight:500}.faq-section details p{color:#454d57;max-width:80ch;padding:0 0 15px;font-size:14px;line-height:1.7}.list-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.list-toolbar>span{color:var(--muted);font-size:13px}.search-field{width:min(310px,100%);font-weight:400}.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.vault-card{border:1px solid var(--border);border-radius:5px;min-width:0;padding:18px}.vault-card-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.vault-identity{min-width:0}.vault-identity h3{overflow-wrap:anywhere}.vault-identity p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px}.vault-card-top .countdown{margin-top:2px}.vault-code-row{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.vault-code{font-variant-numeric:tabular-nums;letter-spacing:-.5px;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:30px;line-height:1.3}.vault-code-row .button{min-height:34px;padding:7px 10px;font-size:13px}.vault-card-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding-top:9px;font-size:12px;display:flex}.vault-card-bottom>div{gap:20px;display:flex}.vault-card-bottom .text-button{font-size:13px}.danger-text{color:#a12119}.empty-state{border:1px solid var(--border);background:#f8f9fa;border-radius:5px;padding:24px}.empty-state p{max-width:66ch;color:var(--muted);margin:9px 0 18px}.loading-state{min-height:90px;color:var(--muted);align-items:center;gap:9px;display:flex}.page-note{max-width:80ch;color:var(--muted);margin-top:18px;font-size:12px;line-height:1.7}.share-list{border-top:1px solid var(--border)}.share-row{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:18px 0;display:flex}.share-row-details{flex:1;min-width:0}.share-row-details h3{overflow-wrap:anywhere}.share-row-details p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.7}.share-status{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px}.share-status.active{color:#27623f}.share-row>.button{min-height:34px;font-size:13px}.shared-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.shared-info{padding:5px 0}.shared-info p{color:#454d57;margin-top:12px;font-size:14px;line-height:1.7}.notice{border-radius:4px;padding:12px 14px;font-size:13px;line-height:1.65}.error-notice{color:#9b241c;background:#fff2f1;border:1px solid #f3cfca;margin-bottom:20px}.modal{width:min(440px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--text);background:#fff;border:1px solid #c8cdd3;border-radius:6px;padding:0;overflow:auto;box-shadow:0 12px 48px #0003}.modal::backdrop{background:#0006}.modal-content{padding:26px;position:relative}.modal-close{position:absolute;top:9px;right:9px}.modal h2{padding-right:22px;font-size:20px}.modal-subtitle{color:var(--muted);margin-top:8px;margin-bottom:22px;font-size:14px;line-height:1.6}.modal-form{flex-direction:column;display:flex}.modal-form label{margin:16px 0 8px}.modal-form label:first-child{margin-top:0}.modal-form>.primary{margin-top:21px}.modal-switch{margin-top:19px;font-size:13px}.modal-switch .text-button{font-size:13px}.modal-note{border-top:1px solid var(--border);color:var(--muted);margin-top:16px;padding-top:15px;font-size:12px}.standalone-label{margin-bottom:8px}.copy-input{border:1px solid var(--control-border);border-radius:4px;align-items:center;min-width:0;padding:3px 4px 3px 11px;display:flex}.copy-input input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;padding:6px 0;font-size:13px}.link-expiry{color:var(--muted);margin-top:9px;font-size:12px}.share-warning{color:#454d57;background:#f4f5f7;margin:17px 0 10px}.local-link-note{margin-bottom:20px}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.danger-button{color:#a12119;border-color:#d9a39e}.toast{z-index:100;width:max-content;max-width:calc(100% - 32px);color:var(--text);background:#fff;border:1px solid #b9c2ca;border-radius:5px;align-items:center;gap:14px;padding:9px 10px 9px 16px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #0002}.error-toast{color:#9b241c;border-color:#d9a39e}.spin{flex-shrink:0;animation:1s linear infinite spin}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.button:hover:not(:disabled){background:#f0f2f4}.primary:hover:not(:disabled){background:#141d25}.text-button:hover:not(:disabled){text-decoration:underline}.icon-button:hover:not(:disabled){background:#e9edf0}.main-nav button:hover{color:var(--text)}.danger-button:hover:not(:disabled){background:#fff2f1}.faq-section summary:hover{color:var(--link)}}@media (width<=850px){.site-header-inner{gap:24px}.main-nav{gap:18px}.account-nav{gap:12px}.signed-in-username{max-width:120px}.vault-code{font-size:26px}}@media (width<=700px){.site-header-inner{flex-wrap:wrap;gap:0 20px;padding-top:14px}.brand{font-size:19px}.main-nav{order:3;gap:26px;width:100%;min-height:48px;margin-top:8px}.main-nav button{min-height:44px;padding-top:0}.account-nav{margin-left:auto}.signed-in-username{max-width:170px}.main-content{padding-top:24px}.generator-grid,.shared-layout{grid-template-columns:1fr;gap:18px}.generator-card,.code-card{padding:20px}.generator-note{margin-top:18px}.code-center{align-items:flex-start}.empty-code{margin-top:15px}.large-code{font-size:38px}.heading-with-action{align-items:flex-start}.heading-with-action>.button{flex-shrink:0;margin-top:1px}.vault-grid{grid-template-columns:1fr;gap:16px}.vault-code{font-size:30px}.button,.icon-button{min-height:44px}.text-input{height:44px;min-height:44px;font-size:16px}.copy-input input{font-size:16px}.field-label-row{margin-bottom:5px}.account-nav .button{min-height:36px}.code-actions .button,.vault-code-row .button,.share-row>.button{min-height:40px}.field-hint,.page-note,.generator-note,.code-card-bottom,.countdown{font-size:13px}.shared-info{padding-top:8px}.help-section{margin-top:26px}}@media (width<=420px){.site-header-inner,.main-content{padding-left:16px;padding-right:16px}.site-header-inner{column-gap:12px}.brand{font-size:18px}.account-nav{gap:10px}.account-nav .button{padding:7px 9px;font-size:12px}.account-nav .text-button{font-size:12px}.signed-in-username{max-width:132px;font-size:12px}.main-nav{justify-content:space-between;gap:16px}.main-nav button{font-size:14px}h1{font-size:24px}.generator-card,.code-card{padding:18px}.generator-actions{gap:16px}.heading-with-action{flex-direction:column;gap:14px}.list-toolbar{gap:12px}.list-toolbar>span{white-space:nowrap;font-size:12px}.search-field{flex:1}.vault-card{padding:16px}.vault-card-top{flex-wrap:wrap;gap:5px 12px}.vault-code{font-size:28px}.share-row{gap:12px}.share-row-details p{font-size:12px}.modal-content{padding:24px 20px}.empty-state{padding:20px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.button:active:not(:disabled),.icon-button:active:not(:disabled){transform:none}}