/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--ink:#14213d;--blue:#3157e8;--cream:#f7f3ea;--lime:#d9f36b;--line:#d9d9d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}main{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #14213d26;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(24px,5vw,76px);display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:11px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:31px;height:31px;color:var(--lime);border-radius:9px;place-items:center;padding-top:8px;font-size:26px;line-height:1;display:grid}.privacy-note{color:#5d6676;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.status-dot{background:#46a46a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #46a46a21}.hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(50px,7vw,96px);width:min(1260px,100% - 48px);margin:auto;padding:clamp(54px,8vw,108px) 0;display:grid}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 21px;font-size:12px;font-weight:900}h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,78px);font-weight:850;line-height:.98}h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.intro-copy{color:#586174;max-width:490px;margin:30px 0;font-size:18px;line-height:1.65}.tip{background:#ffffff73;border:1px solid #ded9ca;border-radius:13px;align-items:center;gap:13px;max-width:460px;padding:15px 18px;display:flex}.tip>span{background:var(--lime);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:grid}.tip p{color:#667083;margin:0;font-size:13px;line-height:1.4}.tip strong{color:var(--ink);display:block}.generator-card{background:#fff;border:1px solid #14213d21;border-radius:24px;min-width:0;padding:clamp(24px,3vw,38px);box-shadow:0 24px 70px #14213d1f}.password-box{border:2px solid var(--ink);background:#fafafa;border-radius:14px;align-items:center;gap:12px;min-height:90px;padding:15px 13px 15px 22px;display:flex}.password{overflow-wrap:anywhere;min-width:0;color:var(--ink);letter-spacing:.035em;white-space:normal;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(15px,1.55vw,21px);font-weight:800;line-height:1.3}.password-actions{flex:none;align-items:center;gap:8px;display:flex}.copy-button{flex:none}.privacy-disclaimer{color:#4e6255;background:#eef8f0;border:1px solid #bcdcc5;border-radius:13px;align-items:flex-start;gap:13px;max-width:460px;margin-top:14px;padding:17px 18px;font-size:14px;line-height:1.5;display:flex}.privacy-disclaimer span{color:#287343;background:#ccebd3;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:13px;font-weight:900;display:grid}.privacy-disclaimer p{margin:0}.privacy-disclaimer strong{color:#244832;margin-bottom:2px;font-size:14px;display:block}.copy-button{min-width:76px;height:48px;color:var(--ink);background:#e8ebf2;border:0;border-radius:10px;font-size:13px;font-weight:800;transition:all .18s}.copy-button:hover{background:#dce1ec;transform:translateY(-1px)}.copy-button.copied{background:var(--lime)}.refresh-button{border:2px solid var(--ink);width:42px;height:42px;color:var(--ink);background:#fff;border-radius:10px;font-size:22px;font-weight:800;line-height:1;transition:transform .28s,background .18s}.refresh-button:hover{background:var(--lime)}@media (prefers-reduced-motion:reduce){.refresh-button{transition:background .18s}}.refresh-button:focus-visible,.copy-button:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.style-picker{margin-top:26px}.style-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.style-options button{border:1px solid var(--line);min-height:68px;color:var(--ink);text-align:left;background:#fff;border-radius:11px;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 13px;display:flex}.style-options button:hover{background:#fafbff;border-color:#9aa9de}.style-options button.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#edf0ff}.style-options strong{font-size:13px}.style-options small{color:#7e8695;font-family:ui-monospace,monospace;font-size:10px}.style-options button.active small{color:#5369bc}.style-options button:focus-visible{outline-offset:2px;outline:3px solid #3157e840}.length-row{justify-content:space-between;align-items:center;margin-top:31px;font-size:14px;font-weight:800;display:flex}.length-input{width:62px;min-height:38px;color:var(--ink);text-align:center;background:#eef0f5;border:1px solid #cbd0da;border-radius:8px;padding:7px 6px 7px 9px;font-weight:800}.length-input:focus{border-color:var(--blue);outline:3px solid #3157e833}.range{--range-progress:33%;appearance:none;background:linear-gradient(to right,var(--blue) var(--range-progress),#dfe2e8 var(--range-progress));border-radius:10px;width:100%;height:5px;margin:20px 0 5px}.range::-webkit-slider-thumb{appearance:none;background:var(--blue);border:4px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 5px #14213d66}.range::-moz-range-thumb{background:var(--blue);border:4px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 5px #14213d66}.range-labels{color:#9a9fab;justify-content:space-between;font-size:11px;display:flex}.length-warning{color:#9a5a13;align-items:center;gap:7px;margin:10px 0 -10px;font-size:11px;font-weight:700;line-height:1.4;display:flex}.length-warning span{color:#9a5a13;background:#fff0cf;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-size:11px;font-weight:900;display:grid}fieldset{border:0;margin:28px 0 0;padding:0}legend{margin-bottom:13px;font-size:14px;font-weight:800}.include-menu{border:1px solid var(--line);background:#fafbff;border-radius:12px;margin-top:28px}.include-menu>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:68px;padding:13px 15px;list-style:none;display:flex}.include-menu>summary::-webkit-details-marker{display:none}.include-menu>summary>span:first-child{flex-direction:column;gap:4px;display:flex}.include-menu>summary strong{font-size:14px}.include-menu>summary small{color:#7e8695;font-size:11px;font-weight:500}.include-menu[open]>summary{border-bottom:1px solid var(--line)}.include-menu[open]>summary .chevron{transform:rotate(180deg)}.include-content{padding:12px}.include-content .nested-option,.symbol-option-row{margin-top:10px}.options-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option{border:1px solid var(--line);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;min-height:64px;padding:12px 13px;transition:border-color .18s,background .18s;display:flex}.option:hover{background:#fafbff;border-color:#9aa9de}.option>span:first-child{flex-direction:column;gap:3px;display:flex}.option strong{font-size:13px}.option small{color:#9298a4;font-family:ui-monospace,monospace;font-size:11px}.option input{opacity:0;pointer-events:none;position:absolute}.checkmark{color:#0000;border:1px solid #cbd0da;border-radius:6px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid}.option input:checked+.checkmark{border-color:var(--blue);background:var(--blue);color:#fff}.option input:focus-visible+.checkmark{outline-offset:2px;outline:3px solid #3157e840}.symbols-option{grid-column:2}.symbol-picker{border:1px solid var(--line);background:#fafbff;border-radius:11px;margin-top:10px}.symbol-picker summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:58px;padding:11px 14px;list-style:none;display:flex}.symbol-picker summary::-webkit-details-marker{display:none}.symbol-picker summary>span:first-child{flex-direction:column;gap:3px;display:flex}.symbol-picker summary strong{font-size:13px}.symbol-picker summary small{color:#7e8695;font-size:11px;font-weight:500}.chevron{color:var(--blue);font-size:22px;font-weight:800;transition:transform .18s}.symbol-picker[open] .chevron{transform:rotate(180deg)}.symbol-list{grid-template-columns:repeat(8,1fr);gap:7px;padding:4px 14px 12px;display:grid}.symbol-list button{aspect-ratio:1;color:#87909f;background:#fff;border:1px solid #cbd0da;border-radius:8px;font-family:ui-monospace,monospace;font-size:15px;font-weight:800;position:relative}.symbol-list button.selected{border-color:var(--blue);color:var(--blue);background:#edf0ff}.symbol-list button span{color:#0000;font-family:Arial,sans-serif;font-size:8px;position:absolute;top:2px;right:3px}.symbol-list button.selected span{color:var(--blue)}.symbol-list button:focus-visible{outline-offset:2px;outline:3px solid #3157e840}.symbol-picker>p{color:#7e8695;margin:0;padding:0 14px 13px;font-size:10px;line-height:1.4}.repeat-option{border:1px solid var(--line);cursor:pointer;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;min-height:66px;margin-top:12px;padding:12px 14px;display:flex}.repeat-option>span:first-child{flex-direction:column;gap:4px;display:flex}.repeat-option strong{font-size:13px}.repeat-option small{color:#7e8695;font-size:11px;line-height:1.35}.repeat-option input{opacity:0;pointer-events:none;position:absolute}.switch{background:#cbd0da;border-radius:20px;flex:none;width:40px;height:23px;padding:3px;transition:background .18s}.switch span{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .18s;display:block;box-shadow:0 1px 3px #14213d40}.repeat-option input:checked+.switch{background:var(--blue)}.repeat-option input:checked+.switch span{transform:translate(17px)}.repeat-option input:focus-visible+.switch{outline-offset:2px;outline:3px solid #3157e840}.generator-warning{color:#854d0e;background:#fff0dd;border-radius:9px;margin:12px 0 -10px;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.4}.generate-button{background:var(--blue);color:#fff;border:0;border-radius:12px;width:100%;height:58px;margin-top:24px;font-size:15px;font-weight:850;transition:all .18s;box-shadow:0 8px 18px #3157e840}.generate-button span{vertical-align:-1px;margin-right:8px;font-size:20px;display:inline-block}.generate-button:hover{background:#2748cb;transform:translateY(-2px);box-shadow:0 12px 24px #3157e847}.generate-button:active{transform:translateY(0)}.generate-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca7c8;transform:none}.reset-button{color:#687184;text-underline-offset:3px;background:0 0;border:0;width:100%;margin-top:12px;padding:10px;font-size:13px;font-weight:800;text-decoration:underline}.reset-button:hover{color:var(--ink)}.reset-button:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #3157e840}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14213d94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reset-modal{text-align:center;background:#fff;border-radius:20px;width:min(420px,100%);padding:30px;box-shadow:0 24px 70px #14213d4d}.warning-icon{color:#9a5a13;background:#fff0cf;border-radius:50%;place-items:center;width:46px;height:46px;margin:0 auto 17px;font-size:24px;font-weight:900;display:grid}.reset-modal h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:23px}.reset-modal p{color:#687184;margin:12px 0 24px;font-size:14px;line-height:1.55}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions button{border-radius:10px;min-height:46px;padding:9px 12px;font-size:13px;font-weight:850}.cancel-reset{color:var(--ink);background:#fff;border:1px solid #cbd0da}.confirm-reset{border:1px solid var(--blue);background:var(--blue);color:#fff}.cancel-reset:hover{background:#f4f5f8}.confirm-reset:hover{background:#2748cb}.modal-actions button:focus-visible{outline-offset:2px;outline:3px solid #3157e840}footer{color:#777e8b;border-top:1px solid #14213d1f;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:18px clamp(24px,5vw,76px);font-size:12px;display:flex}footer p{margin:0}.coming-soon{align-items:center;gap:10px;display:flex}.coming-soon span{background:var(--lime);color:var(--ink);letter-spacing:.1em;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:900}@media (width<=840px){.hero{grid-template-columns:1fr;padding:60px 0}.intro{text-align:center}.intro-copy,.tip{margin-left:auto;margin-right:auto}.tip{text-align:left}footer{text-align:center;flex-direction:column;justify-content:center}}@media (width<=560px){.site-header{height:70px;padding:0 18px}.privacy-note{font-size:0}.hero{gap:38px;width:min(100% - 28px,1180px);padding:44px 0}h1{font-size:clamp(44px,14vw,62px)}.intro-copy{font-size:16px}.generator-card{border-radius:18px}.style-options,.options-grid{grid-template-columns:1fr}.symbols-option{grid-column:auto}.symbol-list{grid-template-columns:repeat(4,1fr)}.password-box{padding-left:15px}.copy-button{min-width:67px}.coming-soon{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}