:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2ec;--surface:#f9faf7;--subtle:#e2e8df;--input:#fdfefb;--text:#27322c;--muted:#405047;--border:#69786f;--primary:#155e63;--primary-hover:#0d494d;--on-primary:#fff;--focus:#774600;--danger:#8b2924;--danger-bg:#f2dedb;--success-bg:#dfece6;--success-border:#487565;--warning-bg:#f1ead9;--shadow:0 .375rem 1.5rem #27322c12;--radius:.625rem;--card-radius:.875rem;--control-height:3rem}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121817;--surface:#192220;--subtle:#24302d;--input:#151d1b;--text:#e6ece8;--muted:#b9c5bf;--border:#66736d;--primary:#9ed8c2;--primary-hover:#bce8d7;--on-primary:#15231e;--focus:#f0c46c;--danger:#f1aaa4;--danger-bg:#3b2421;--success-bg:#20332c;--success-border:#739c8d;--warning-bg:#332f23;--shadow:0 .375rem 1.5rem #0005}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:100%}body{background:var(--bg);min-width:20rem;min-height:100vh;margin:0;line-height:1.6}.app{background:var(--bg);min-height:100vh;color:var(--text)}.app__skip-link{z-index:100;background:var(--focus);color:#171000;border-radius:var(--radius);padding:.75rem 1rem;font-weight:800;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.app__skip-link:focus{transform:none}.app-header{border-bottom:1px solid var(--border);background:var(--surface)}.app-header__inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,76rem);min-height:4.5rem;margin:auto;padding:.75rem 1rem;display:flex}.app-header__actions,.brand{align-items:center;gap:.65rem;display:flex}.brand{letter-spacing:-.015em;font-weight:800}.brand__mark{background:var(--primary);border-radius:.25rem;width:.875rem;height:.875rem;display:block;transform:rotate(12deg)}.offline{color:var(--muted);font-size:.875rem;font-weight:700;display:none}.offline__dot{background:var(--primary);border-radius:50%;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block}.main{width:min(100%,76rem);margin:auto;padding:2rem 1rem 4rem}.hero{margin-bottom:2rem}.hero__eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8125rem;font-weight:800}.hero__title{letter-spacing:-.04em;max-width:17ch;margin:0;font-size:clamp(2rem,9vw,3.5rem);line-height:1.08}.hero__description{max-width:43rem;color:var(--muted);margin:1rem 0 0;font-size:1.0625rem}.privacy{border:1px solid var(--success-border);border-radius:var(--radius);background:var(--success-bg);align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.privacy>span{color:var(--primary);font-weight:900}.privacy strong,.privacy small{display:block}.privacy small{color:var(--muted);font-size:.875rem}.workspace,.sidebar{gap:1.5rem;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow)}.panel__header{border-bottom:1px solid var(--border);padding:1.25rem}.panel__header h2{margin:0;font-size:1.25rem;line-height:1.3}.panel__header p{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.panel__body{padding:1.25rem}.form{gap:2rem;display:grid}.form-step{border:0;margin:0;padding:0}.step-header{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.step-header__number{background:var(--primary);height:2rem;color:var(--on-primary);border-radius:50%;flex:0 0 2rem;place-items:center;font-weight:900;display:grid}.step-header h3{margin:0;font-size:1rem;line-height:1.35}.step-header p{color:var(--muted);margin:.2rem 0 0;font-size:.875rem}.fields{gap:1rem;display:grid}.field label,.character-options legend{margin-bottom:.4rem;font-size:.9375rem;font-weight:750;display:block}.field small,.character-options>small{color:var(--muted);margin-top:.4rem;font-size:.8125rem;display:block}.field input[type=text],.field input[type=password],.field input[type=number],.forbidden input{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius);background:var(--input);color:var(--text);font:inherit;padding:.7rem .8rem}.field input::placeholder,.forbidden input::placeholder{color:var(--muted);opacity:1}.field__secret{position:relative}.field__secret input{padding-right:5.5rem!important}.field__secret .button{min-height:2.5rem;position:absolute;top:.25rem;right:.25rem}.field--spaced,.character-options{margin-top:1rem}.character-options{border:0;padding:0}.character-options>small{margin:0 0 .65rem}.character-options__grid{gap:.5rem;display:grid}.checkbox{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius);background:var(--input);align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.checkbox input{width:1.375rem;height:1.375rem;accent-color:var(--primary)}.checkbox label{flex:1;font-weight:650}.forbidden{gap:.5rem;display:grid}.chips{flex-wrap:wrap;gap:.5rem;min-height:1.5rem;margin-top:.65rem;display:flex}.chip{border:1px solid var(--border);background:var(--subtle);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .25rem .25rem .7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;display:inline-flex}.chip .button{border-radius:50%;width:2.25rem;min-height:2.25rem;padding:0}.form__actions{gap:.65rem;display:grid}.result{border:1px solid var(--success-border);border-radius:var(--radius);background:var(--success-bg);margin-top:1rem;padding:1rem}.result__header{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;font-weight:750;display:flex}.result p{letter-spacing:.05em;word-break:break-all;margin:.75rem 0 0;font:1.0625rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.status{min-height:var(--control-height);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.status__message{color:var(--muted);margin:0;font-size:.875rem}.status__message--error{color:var(--danger)}.record-list{gap:.65rem;max-height:26rem;display:grid;overflow:auto}.record{border:1px solid var(--border);border-radius:var(--radius);background:var(--input);gap:.75rem;padding:.85rem;display:grid}.record strong,.record small{display:block}.record small{color:var(--muted)}.record__actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.empty,.note{color:var(--muted);font-size:.875rem}.empty{margin:0}.note{margin:1rem 0 0}.notice{border-left:4px solid var(--focus);background:var(--warning-bg);margin:0 0 1rem;padding:.75rem;font-size:.875rem}.guide{color:var(--muted);margin:0 0 1rem;padding-left:1.25rem;font-size:.9rem}.guide li+li{margin-top:.4rem}.backup-actions{gap:.65rem;display:grid}.button{min-height:var(--control-height);border-radius:var(--radius);background:var(--primary);color:var(--on-primary);font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:750;display:inline-flex}.button:hover{background:var(--primary-hover)}.button--secondary{background:var(--subtle);color:var(--text);border-color:var(--border)}.button--secondary:hover{filter:brightness(.96)}.button--quiet{color:var(--text);background:0 0}.button--danger{color:var(--danger);border-color:var(--danger);background:0 0}.button--danger:hover{background:var(--danger-bg)}.file-button input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible,.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}@media (min-width:34rem){.offline{display:block}.fields--two,.character-options__grid{grid-template-columns:1fr 1fr}.forbidden,.form__actions,.backup-actions{flex-wrap:wrap;display:flex}.forbidden input{flex:1;min-width:13rem}.backup-actions>*{flex:1}.record{grid-template-columns:minmax(0,1fr) auto;align-items:center}.record__actions{display:flex}}@media (min-width:52rem){.main{padding-top:3rem}.hero{grid-template-columns:1.618fr 1fr;align-items:end;gap:3rem;margin-bottom:3rem;display:grid}.privacy{margin:0}.workspace{grid-template-columns:minmax(0,1.618fr) minmax(19rem,1fr);align-items:start;gap:2rem}.panel__header,.panel__body{padding:1.5rem}.sidebar{position:sticky;top:1.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.workspace,.panel,.panel__body,.form,.form-step,.fields,.field,.field__secret,.forbidden,.periodicity,.periodicity__fields{min-width:0;max-width:100%}.field input,.field select,.forbidden input{width:100%;min-width:0;max-width:100%}.field select{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius);background:var(--input);color:var(--text);font:inherit;padding:.7rem .8rem}.periodicity{gap:1rem;display:grid}.periodicity__fields{border:1px solid var(--border);border-radius:var(--radius);background:var(--subtle);padding:1rem}body{min-width:0;overflow-x:hidden}.panel__body{container-type:inline-size}.fields--two{grid-template-columns:minmax(0,1fr)}@container (min-width:32rem){.fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}}#service{width:100%;min-width:0;max-width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius);background:var(--input);color:var(--text);font:inherit;padding:.7rem .8rem}#service::placeholder{color:var(--muted);opacity:1}