*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0d0c0a;--paper:#f4ede0;--red:#c8002a;--muted:#8a7f6e;--rule-weight:1.5px}html,body{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:IBM Plex Mono,monospace}body:after{content:"";opacity:.04;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{flex-direction:column;min-height:100svh;display:flex}.page{flex-direction:column;width:100%;max-width:1400px;min-height:100svh;margin:0 auto;padding-inline:clamp(20px,6vw,96px);display:flex;overflow-x:hidden}.header{justify-content:space-between;align-items:baseline;padding:32px 0 22px;display:flex}.header-title{letter-spacing:.25em;text-transform:uppercase;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}.header-meta{letter-spacing:.15em;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.rule{border:none;border-top:var(--rule-weight) solid var(--ink)}.stage{flex-direction:column;flex:1;justify-content:center;gap:0;padding:8vh 0 6vh;display:flex}.output-wrap{position:relative}.output{letter-spacing:-.03em;color:var(--ink);word-break:break-word;overflow-wrap:break-word;max-width:100%;padding-bottom:.12em;font-family:Playfair Display,serif;font-size:clamp(52px,15vw,220px);font-weight:900;line-height:.9;transition:color 80ms;display:block}.output.is-word{font-style:italic}.output.is-number{font-variant-numeric:tabular-nums;font-style:normal}.output.is-idle,.output.is-loading{color:#c9bda8}@keyframes reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}.output-meta{align-items:center;gap:10px;margin-top:28px;display:flex}.output-dot{background:var(--red);opacity:0;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:opacity .2s}.output-dot.visible{opacity:1}.output-type{letter-spacing:.22em;text-transform:uppercase;color:var(--red);min-height:14px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.controls{border-top:var(--rule-weight) solid var(--ink);display:flex}.btn{border:none;border-right:1px solid var(--ink);cursor:pointer;color:var(--ink);letter-spacing:.15em;text-transform:uppercase;text-align:left;background:0 0;flex:1;align-items:center;gap:18px;padding:26px 28px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative;overflow:hidden}.btn--last{border-right:none}.btn:after{content:"";background:var(--ink);transform-origin:0;z-index:0;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleX(0)}.btn:hover:after{transform:scaleX(1)}.btn:hover{color:var(--paper)}.btn:hover .btn-index{color:var(--red)}.btn-index,.btn-label{z-index:1;position:relative}.btn-index{color:var(--muted);letter-spacing:.05em;min-width:20px;font-size:10px;transition:color .12s}.footer-bar{border-top:var(--rule-weight) solid var(--ink);justify-content:space-between;padding:18px 0;display:flex}.footer-note{letter-spacing:.15em;color:var(--muted);text-transform:uppercase;font-size:10px}.rate-limit{margin-top:20px}.rate-limit-text{letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500}.stage--password{justify-content:flex-start;gap:20px;padding-top:5vh}.pw-display{border:var(--rule-weight) solid var(--ink);align-items:center;gap:0;width:100%;display:flex}.pw-text{letter-spacing:.04em;color:var(--ink);word-break:break-all;flex:1;padding:20px 24px;font-family:IBM Plex Mono,monospace;font-size:clamp(16px,2.5vw,26px);font-weight:400}.pw-copy{border:none;border-left:var(--rule-weight) solid var(--ink);text-align:center;letter-spacing:.12em;width:90px;color:var(--ink);cursor:pointer;background:0 0;flex-shrink:0;padding:20px 24px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;transition:color .15s}.pw-copy--done{color:var(--red)}.pw-strength{align-items:center;gap:16px;width:100%;display:flex}.pw-strength-track{background:#d8cfc0;flex:1;height:3px;position:relative}.pw-strength-fill{height:100%;transition:width .3s cubic-bezier(.16,1,.3,1),background .3s;position:absolute;inset:0}.pw-strength-fill--weak{background:#c8002a}.pw-strength-fill--fair{background:#b07020}.pw-strength-fill--good{background:#2a7a3a}.pw-strength-fill--strong{background:var(--ink)}.pw-strength-label{letter-spacing:.2em;text-align:right;min-width:52px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.pw-strength-label--weak{color:#c8002a}.pw-strength-label--fair{color:#b07020}.pw-strength-label--good{color:#2a7a3a}.pw-strength-label--strong{color:var(--ink)}.pw-panel{border:var(--rule-weight) solid var(--ink);flex-direction:column;width:100%;display:flex}.pw-row{border-bottom:1px solid var(--ink);align-items:center;gap:20px;padding:18px 24px;display:flex}.pw-row:last-child{border-bottom:none}.pw-label{letter-spacing:.22em;color:var(--muted);min-width:64px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.pw-length-val{color:var(--ink);cursor:text;border-bottom:1.5px solid #0000;min-width:28px;font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:500;transition:border-color .15s}.pw-length-val:hover{border-bottom-color:var(--ink)}.pw-length-input{color:var(--ink);border:none;border-bottom:1.5px solid var(--ink);-moz-appearance:textfield;background:0 0;outline:none;width:52px;padding:0 0 2px;font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:500}.pw-length-input:focus{border-bottom-color:var(--red)}.pw-length-input::-webkit-outer-spin-button{-webkit-appearance:none}.pw-length-input::-webkit-inner-spin-button{-webkit-appearance:none}.pw-slider{appearance:none;background:var(--ink);cursor:pointer;outline:none;flex:1;height:2px}.pw-slider::-webkit-slider-thumb{appearance:none;background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:18px;height:18px}.pw-slider::-moz-range-thumb{background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:18px;height:18px}.pw-toggles{flex-wrap:wrap;gap:8px;display:flex}.pw-toggle{border:1.5px solid var(--ink);letter-spacing:.15em;color:var(--muted);cursor:pointer;background:0 0;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;transition:background .1s,color .1s}.pw-toggle--on{background:var(--ink);color:var(--paper)}@media (width<=600px){.header{padding:20px 0 14px}.header-title{font-size:10px}.header-meta{letter-spacing:.08em;font-size:10px}.stage{padding:6vh 0 4vh}.output-meta{margin-top:20px}.btn{gap:12px;min-height:64px;padding:20px 16px;font-size:11px}.footer-bar{padding:14px 0}.pw-text{padding:16px;font-size:14px}.pw-row{flex-wrap:wrap;gap:12px;padding:14px 16px}.pw-label{min-width:auto}.pw-slider{min-width:0}}