.folio-root,.bottom-sheet,body.folio-native-body{--canvas: #202020;--ink: #f4f4f4;--muted: #c3c3c3;--subtle: #adadad;--line: rgba(230, 230, 230, .16);--link: #dedede;--control-ink: #222222;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.22, .8, .24, 1);--radius-control: 20px;--radius-panel: 20px;--radius-sheet: 34px;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;--surface: rgba(225, 225, 225, .065);--control: rgba(225, 225, 225, .15);--control-border: rgba(235, 235, 235, .3);--accent: #cdcdcd;--glass-fill: linear-gradient(155deg, rgba(240, 240, 240, .1), rgba(240, 240, 240, .02) 65%), rgba(45, 45, 45, .88);--glass-control: linear-gradient(155deg, rgba(245, 245, 245, .1), rgba(245, 245, 245, .025) 65%), rgba(67, 67, 67, .78);--glass-sheet: linear-gradient(155deg, rgba(235, 235, 235, .065), transparent 48%), rgba(36, 36, 36, .94);--glass-border: rgba(235, 235, 235, .28);--glass-edge: inset 0 1px 0 rgba(250, 250, 250, .19);--glass-lift: 0 3px 6px rgba(0, 0, 0, .18), 0 10px 24px rgba(0, 0, 0, .24);--accent-fill: linear-gradient(145deg, #dedede, #bfbfbf)}.folio-root *,.bottom-sheet *{box-sizing:border-box}.folio-root{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 110% 65% at 100% 0%,rgba(240,240,240,.045),transparent 72%),radial-gradient(ellipse 90% 55% at 0% 100%,rgba(220,220,220,.025),transparent 70%),var(--canvas)}.folio-ambient{position:absolute;inset:0;pointer-events:none;background:none;z-index:-1}.folio-root button,.bottom-sheet button,.folio-root input,.bottom-sheet input,.bottom-sheet textarea,.folio-root select{font:inherit}.folio-root button,.bottom-sheet button,.folio-root a,.bottom-sheet a{-webkit-tap-highlight-color:transparent}.folio-root button,.bottom-sheet button{color:inherit;cursor:pointer}.folio-root button:disabled,.bottom-sheet button:disabled,.folio-root select:disabled{opacity:.42;cursor:default}.folio-root :focus-visible,.bottom-sheet :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.folio-root h1,.folio-root h2,.bottom-sheet h2,.folio-root p,.bottom-sheet p{margin:0}.bottom-sheet p{color:inherit}.folio-root h1{font-size:34px;line-height:1.12;font-weight:600;letter-spacing:-1.05px}.folio-root h2,.bottom-sheet h2{font-weight:610;letter-spacing:-.5px;line-height:1.2}.app-header{position:absolute;z-index:4;left:24px;right:24px;top:calc(var(--device-status-bar-height, 59px) + 10px);height:50px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:550;letter-spacing:-.5px}.brand-mark{display:block;width:36px;height:36px;flex-shrink:0;border-radius:11px;object-fit:contain;filter:grayscale(1);background:var(--canvas)}.vault-scroll{top:calc(var(--device-status-bar-height, 59px) + 89px)}.vault-content{padding:0 24px calc(var(--mobile-safe-area-height, 34px) + 100px);animation:folio-content-in .36s var(--ease-out) both}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.page-title>svg{width:25px;height:25px;color:var(--muted)}.icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:var(--radius-control);text-decoration:none}.icon-button svg{width:22px;height:22px}.glass-icon,.glass-button{position:relative;border:1px solid var(--glass-border);background:var(--glass-control);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-edge),0 5px 12px #00000026;transition:background .18s ease,border-color .18s ease,box-shadow .2s ease,filter .16s ease,transform .2s var(--ease-spring);color:var(--ink)}.glass-icon:not(:disabled):active,.glass-button:not(:disabled):active{transform:translateY(1px) scale(.96);filter:brightness(.94);box-shadow:inset 0 1px 3px #00000026,0 1px 3px #0000001a}.vault-row:active{transform:scale(.985)}.glass-button{width:100%;min-height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;font-weight:610!important;letter-spacing:-.15px;text-align:center;text-decoration:none}.glass-button svg{width:23px;height:23px;flex-shrink:0}.glass-button.primary{background:var(--accent-fill);border-color:#fafafa8c;box-shadow:var(--glass-edge),var(--glass-lift);color:var(--control-ink);text-shadow:none}.glass-button.small{width:auto;min-height:44px;font-size:14px!important;padding:8px 15px;border-radius:13px}.lock-button{width:45px;height:47px;border-radius:13px}.lock-button svg{width:24px;height:24px}.add-top{width:46px;height:46px;border-radius:13px;background:var(--accent-fill);color:var(--control-ink);border-color:#fafafa8c;box-shadow:var(--glass-edge),var(--glass-lift)}.flat{background:none;box-shadow:none;border:0;color:var(--muted)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 0;border:0;background:none;color:var(--link)!important;font-size:15px!important;font-weight:580!important;text-decoration:none}.text-button svg{width:17px;height:17px}.centered{display:flex;margin:9px auto}.back{margin:-2px 0 16px}.demo-line{display:flex;justify-content:space-between;margin:18px 0 0;font-size:12px;letter-spacing:.05px;color:var(--muted)}.demo-line button{background:none;border:0;padding:0;font-size:12px;color:var(--link);text-decoration:underline;text-underline-offset:3px}.search-field{display:flex;align-items:center;gap:11px;height:46px;margin:0 0 14px;padding:0 14px;border:1px solid transparent;border-radius:16px;background:var(--surface);box-shadow:none}.search-field>svg{width:24px;height:24px;color:var(--muted);flex-shrink:0}.search-field input{width:100%;min-width:0;height:100%;padding:0;border:0;background:none;outline:none!important;color:var(--ink);font-size:16px}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}.search-field input::-webkit-search-cancel-button{display:none}.search-field .icon-button{width:44px;height:44px;margin-right:-10px}.folio-root input::placeholder,.bottom-sheet input::placeholder{color:var(--subtle);opacity:1}.vault-list{display:grid;gap:0;overflow:hidden;border-radius:0;background:transparent}.vault-row{display:flex;align-items:center;gap:15px;width:100%;min-height:70px;padding:14px 0;text-align:left;border:0;border-radius:0;background:transparent;box-shadow:none;transition:transform .15s,background .15s}.folio-root .vault-row:focus-visible{outline-offset:-3px}.vault-row+.vault-row{border-top:1px solid var(--line)}.service-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:45px;height:45px;border-radius:13px;border:none;background:transparent;box-shadow:none;color:var(--link)}.service-icon svg{width:27px;height:27px;fill:currentColor}.row-copy{display:grid;min-width:0;gap:1px}.row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:590;letter-spacing:-.15px}.row-copy>span{font-size:15px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-chevron{margin-left:auto;width:19px;height:19px;color:var(--subtle);flex-shrink:0}.add-below{display:flex;margin:15px auto;color:var(--muted)!important}.bottom-nav{position:absolute;z-index:8;left:24px;right:24px;display:flex;gap:4px;padding:5px;min-height:53px;margin-bottom:11px;border:1px solid var(--glass-border);border-radius:29px;background:var(--glass-fill);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:var(--glass-edge),var(--glass-lift);isolation:isolate;animation:folio-dock-in .32s var(--ease-out) both}.nav-highlight{position:absolute;z-index:-1;top:5px;bottom:5px;left:5px;width:calc((100% - 18px) / 3);border:1px solid rgba(245,245,245,.3);border-radius:22px;background:var(--accent-fill);box-shadow:inset 0 1px #ffffff52,0 2px 5px #00000024;pointer-events:none;transition:transform .32s var(--ease-spring)}.bottom-nav button{flex:1;flex-basis:0;min-width:0;padding:10px 6px;min-height:44px;border:1px solid transparent;border-radius:13px;background:none;color:var(--muted);font-size:14px;font-weight:550;transition:color .16s ease,transform .18s var(--ease-spring)}.bottom-nav button.active{color:var(--control-ink);font-weight:650}.sheet-overlay{background:#06060633}.bottom-sheet{border:1px solid var(--glass-border);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--glass-sheet);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:var(--glass-edge),0 -12px 48px #0000003d;color:var(--ink)}.sheet-handle-zone{min-height:28px;height:28px;flex-shrink:0}.sheet-handle{width:36px;height:4px;background:#e4e4e438;box-shadow:none}.sheet-header,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sheet-content{padding:12px 28px 43px;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y}.sheet-content::-webkit-scrollbar{display:none}.detail-heading{display:flex;align-items:center;gap:13px;margin:0 0 12px}.detail-heading h2{flex:1;min-width:0;overflow-wrap:anywhere;font-size:25px}.detail-heading .service-icon{width:48px;height:48px;background:transparent;border-radius:14px}.detail-heading .service-icon svg{width:30px;height:30px}.detail-heading-actions{display:flex;flex-shrink:0;align-items:center;gap:8px;margin-left:auto}.detail-heading-actions .text-button{color:var(--link)!important;font-weight:680!important;text-shadow:none}.close-button{width:44px;height:44px;border-radius:50%}.detail-field{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:75px;padding:10px 0;border-bottom:1px solid var(--line)}.detail-field>div{min-width:0}.detail-field span,.detail-notes>span{font-size:14px;color:var(--muted)}.detail-field p{margin:3px 0 0;font-size:20px;font-weight:450;letter-spacing:-.3px;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;color:var(--ink);text-shadow:none}.detail-field .secret{font-size:20px;line-height:1.35;letter-spacing:2px;white-space:nowrap}.detail-field .secret.revealed{white-space:normal;font-size:16px;line-height:1.45;letter-spacing:.3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.detail-field.last{border-bottom:0}.detail-copy{margin-top:20px}.detail-copy .glass-button{min-height:60px;font-size:18px}.detail-copy .glass-button svg{width:25px;height:25px}.detail-notes{margin-top:12px}.detail-notes p{font-size:15px;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}.sheet-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:24px}.sheet-toolbar h2{font-size:24px}.page-intro{color:var(--muted);font-size:16px;line-height:1.5;max-width:29em;margin:0 0 25px!important}.auth-panel{padding-top:8px}.auth-symbol{display:flex;align-items:center;justify-content:center;width:62px;height:66px;margin:6px 0 32px;color:#e9e9e9;border:0;border-radius:20px;background:transparent;box-shadow:none}.auth-symbol svg{width:29px;height:29px}.auth-panel h1,.create-panel h1{margin-bottom:18px;font-size:35px}.welcome .page-intro{margin-bottom:33px!important}.stack-actions{display:grid;gap:12px;margin-top:24px}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0!important;color:var(--muted);font-size:12px}.secure-note svg{width:13px;height:13px;flex-shrink:0}.welcome-links{display:grid;justify-items:center;gap:2px;margin-top:28px}.quiet{color:var(--subtle)!important;font-size:12px!important}.welcome>.quiet{text-align:center;margin-top:24px!important}.auth-form,.field-stack,.entry-form{display:grid;gap:18px}.auth-form{margin-top:24px}.field{display:grid;gap:8px;min-width:0;font-size:14px;color:var(--ink)}.field>input,.field textarea,.input-wrap{width:100%;min-width:0;min-height:52px;border:1px solid var(--line);border-radius:13px;background:#0e0e0e47;box-shadow:none;color:#fff;font-size:16px}.field>input,.field textarea{padding:12px 14px}.input-wrap{display:flex;align-items:center;padding-left:14px}.input-wrap>input{min-width:0;width:100%;border:0;outline:none;background:none;color:#fff;padding:13px 0;font-size:16px}.input-wrap:focus-within{outline:2px solid var(--accent);outline-offset:3px}.input-wrap .icon-button{width:45px;color:#e6e6e6}.input-wrap input:focus-visible{outline:none}.field textarea{resize:vertical;min-height:75px}.field-note{margin:9px 0 18px!important;font-size:12px;color:var(--muted);line-height:1.55}.bottom-sheet .field{color:#eaeaea}.bottom-sheet .field-note{color:#e9e9e9}.bottom-sheet .field-stack>p{color:#f3f3f3;font-size:15px;margin:0 0 4px}.bottom-sheet .field>input,.bottom-sheet .input-wrap,.bottom-sheet .field textarea{background:#0e0e0e47;border-color:var(--line)}.notice,.inline-confirm{font-size:13px;line-height:1.5;padding:15px;border:1px solid rgba(255,213,162,.29);border-radius:14px;color:#f7dab4;background:#593c2333;margin:14px 0!important}.inline-confirm .text-button{display:flex;margin:4px auto}.inline-confirm p{margin-bottom:12px}.or-divider{display:flex;align-items:center;gap:15px;color:var(--subtle);font-size:12px}.or-divider:before,.or-divider:after{content:"";height:1px;flex:1;background:var(--line)}.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:15px;background:#0707072e;margin:0 0 24px}.segmented button{flex:1;min-height:44px;padding:9px 5px;border:1px solid transparent;border-radius:11px;font-size:14px;background:none;color:var(--muted);transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .18s var(--ease-spring)}.segmented button.selected{color:var(--control-ink);border-color:#fafafa73;background:var(--accent-fill);box-shadow:var(--glass-edge),0 2px 6px #00000026;font-weight:650}.generated-glass{padding:21px 17px 11px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:none}.generated-glass output{display:block;min-height:70px;overflow-wrap:anywhere;word-break:break-all;font-size:22px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.7;letter-spacing:.5px;color:var(--link);-webkit-user-select:text;user-select:text}.generator-actions{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.generator-actions .text-button{font-size:13px!important}.generator-actions .glass-icon{width:44px;height:44px;border-radius:12px}.generator-actions .glass-icon svg{width:19px;height:19px}.length-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;font-size:14px;color:var(--muted)}.stepper{display:flex;align-items:center;gap:2px;border:0;border-radius:16px;background:transparent;padding:2px}.stepper .icon-button{width:44px;height:44px}.stepper .icon-button svg{width:15px;height:15px}.stepper output{min-width:30px;text-align:center;font-variant-numeric:tabular-nums;color:#fff;font-size:15px}.range{width:100%;margin:0;height:44px;accent-color:var(--accent);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:2px 0 18px}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;font-size:14px;color:#e0e0e0;border-top:1px solid var(--line)}.toggle-row strong{display:block;font-size:15px;font-weight:560}.toggle-row small{display:block;margin-top:4px;color:var(--subtle);font-size:12px}.toggle-row input{position:absolute;right:0;width:44px;height:28px;opacity:0;cursor:pointer;z-index:1}.toggle{display:block;position:relative;width:44px;height:27px;flex-shrink:0;border:1px solid var(--line);background:#424242;border-radius:20px;box-shadow:none;transition:background-color .18s ease,border-color .18s ease}.toggle:after{content:"";display:block;position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#eaeaea;box-shadow:none;transition:transform .24s var(--ease-spring)}.toggle-row input:checked+.toggle{background:var(--accent);border-color:transparent}.toggle-row input:checked+.toggle:after{transform:translate(17px);background:var(--control-ink)}.toggle-row input:focus-visible+.toggle{outline:2px solid var(--accent);outline-offset:3px}.second-toggle{margin-top:21px}.check-row{display:flex;align-items:flex-start;gap:10px;margin:23px 0;color:var(--muted);font-size:13px;line-height:1.5}.check-row input{margin:2px 0 0;width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.settings-group{overflow:hidden;border:0;background:transparent;border-radius:0;margin:0 0 20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:82px;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.setting-row:last-child{border-bottom:0}.setting-row strong{display:block;font-size:15px;font-weight:550}.setting-row small{display:block;margin-top:4px;color:var(--muted);font-size:13px;line-height:1.4}.setting-row>svg{width:19px;height:19px;color:var(--muted);flex-shrink:0}.setting-value{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.setting-row select{padding:8px;min-height:44px;max-width:115px;border-radius:12px;border:0;background:transparent;color:#dfdfdf;font-size:12px}.setting-row select option{background:var(--canvas);color:#fff}.privacy-copy{padding:8px 2px}.privacy-copy h2{font-size:15px;margin:0 0 12px;font-weight:550}.privacy-copy p{font-size:13px;color:var(--accent);line-height:1.6;margin:0 0 13px}.install-copy{font-size:15px;line-height:1.7;color:#f4f4f4}.install-copy ol{margin:22px 0;padding-left:22px}.install-copy li{margin-bottom:18px;padding-left:6px}.install-copy .glass-button{margin-top:26px}.danger{color:#ffd3d5!important}.error-toast{position:absolute;z-index:29;left:18px;right:18px;top:calc(var(--device-status-bar-height, 59px) + 68px);padding:13px 10px 13px 16px;display:flex;align-items:center;gap:10px;border:1px solid rgba(248,212,188,.5);border-radius:15px;background:#2b2b2bf5;color:#fff0e3;box-shadow:0 10px 30px #05050566;font-size:13px;line-height:1.5}.error-toast .icon-button{width:44px;height:44px;color:#ead6c9}.empty-state{padding:42px 8px;text-align:center}.empty-state>svg{width:33px;height:33px;color:var(--muted);margin-bottom:17px}.empty-state h2{font-size:21px}.empty-state p{margin:12px 0 25px;color:var(--muted);font-size:14px}.loading-state{padding:70px 0;text-align:center;color:var(--muted)}.spin{animation:folio-spin 1s linear infinite}@keyframes folio-spin{to{transform:rotate(360deg)}}@keyframes folio-content-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes folio-dock-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes folio-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes folio-fade-in{0%{opacity:0}to{opacity:1}}@keyframes folio-copy-confirm{0%{opacity:0;transform:scale(.65)}65%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes folio-regenerate{0%{transform:rotate(-180deg)}to{transform:rotate(0)}}.auth-panel,.create-panel{animation:folio-content-in .36s var(--ease-out) both}.native-sheet[data-state=open]{animation:folio-sheet-in .32s var(--ease-out) both}.sheet-overlay[data-state=open]{animation:folio-fade-in .2s ease both}.error-toast,.sheet-error{animation:folio-content-in .18s var(--ease-out) both}[data-copied=true] svg{animation:folio-copy-confirm .22s var(--ease-out)}.bottom-nav button:active,.text-button:active,.stepper .icon-button:not(:disabled):active{transform:scale(.97)}.text-button,.stepper .icon-button{transition:color .16s ease,transform .18s var(--ease-spring)}.vault-row{animation:folio-content-in .3s var(--ease-out) backwards;animation-delay:calc(min(var(--row-index, 0),5)*28ms)}.password-value{display:block;animation:folio-content-in .24s var(--ease-out) both}.regenerate-action[data-regenerated=true] svg{animation:folio-regenerate .42s var(--ease-out)}button.setting-row{transition:background-color .18s ease,transform .18s var(--ease-spring)}button.setting-row:active,.segmented button:active{transform:scale(.985)}@media(hover:hover){.glass-button:not(:disabled):hover,.glass-icon:not(:disabled):hover{filter:brightness(1.08);border-color:#f5f5f580;transform:translateY(-2px)}.glass-button:not(:disabled):active,.glass-icon:not(:disabled):active{transform:translateY(1px) scale(.96)}.vault-row:hover,button.setting-row:hover{background-color:var(--surface)}}.device-screen:has(.folio-root) .status-bar{color:#eee}.device-screen:has(.folio-root) .status-indicator-svg{filter:invert(1)}.device-screen:has(.folio-root) .home-indicator-svg{filter:invert(1)}body.folio-native-body{width:100%;height:100%;min-width:320px;margin:0;overflow:hidden;background:var(--canvas)}.folio-native-body #root{width:100%;height:100dvh;margin:0}.native-app{position:fixed;max-width:520px;margin:auto;--device-status-bar-height: env(safe-area-inset-top, 0px);--mobile-safe-area-height: env(safe-area-inset-bottom, 0px)}.native-app .app-header{top:calc(env(safe-area-inset-top,0px) + 23px)}.native-app .vault-scroll{top:calc(env(safe-area-inset-top,0px) + 89px)}.native-scroll{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.native-app .bottom-nav{margin-bottom:calc(env(safe-area-inset-bottom,0px) + 15px)}.folio-native-body .sheet-overlay{position:fixed;z-index:20;inset:0}.folio-native-body .native-sheet{position:fixed;z-index:21;bottom:0;left:0;right:0;max-width:520px;margin:auto;max-height:88dvh;display:flex;flex-direction:column;overflow:hidden}.native-sheet .sheet-handle-zone{display:grid;place-items:center}.native-sheet .sheet-content{overflow:auto;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 46px)}.native-sheet .sheet-handle{border-radius:10px}.native-app .error-toast{top:calc(env(safe-area-inset-top,0px) + 82px)}@media(min-width:600px){.native-app{border-left:1px solid rgba(213,213,213,.1);border-right:1px solid rgba(213,213,213,.1)}}@media(prefers-reduced-motion:reduce){.folio-root,.folio-root *,.folio-root *:before,.folio-root *:after,.bottom-sheet,.bottom-sheet *,.bottom-sheet *:before,.bottom-sheet *:after,.sheet-overlay{transition:none!important;animation:none!important}.folio-root button,.folio-root a,.bottom-sheet button,.bottom-sheet a{transform:none!important}}.bottom-sheet .edit-action{min-height:44px;border-radius:14px;padding:8px 12px;font-size:14px!important;color:#fff}.sheet-error{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 13px;border:1px solid rgba(255,214,177,.5);border-radius:14px;background:#262626c2;color:#fff0e3;font-size:13px;line-height:1.5}.sheet-error .text-button{flex-shrink:0;color:#fff0e3!important;font-size:12px!important}.glass-button{border-radius:var(--radius-control)}.glass-button.small,.lock-button,.add-top{border-radius:14px}.generated-glass{border-radius:var(--radius-panel)}.bottom-sheet .glass-icon{background:var(--glass-control);border-color:var(--glass-border);box-shadow:var(--glass-edge),0 5px 12px #00000026}.bottom-sheet .close-button{border-radius:50%}.detail-field .glass-icon{width:48px;height:48px}.detail-heading.long-title{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px}.detail-heading.long-title h2{grid-column:1 / -1;grid-row:2;font-size:23px;line-height:1.25}.detail-heading.long-title .detail-heading-actions{grid-column:3;grid-row:1}.detail-field>div{flex:1}.sheet-toolbar h2{min-width:0;overflow-wrap:anywhere}.demo-line{align-items:center;margin-top:8px;font-size:13px}.demo-line button{min-height:44px;font-size:13px}.add-below{margin-top:4px}.bottom-nav button{border-radius:23px}.generator-actions .regenerate-action{font-size:14px!important;gap:8px;padding:9px 12px}.generator-actions .regenerate-action svg{width:17px;height:17px}.length-title{gap:12px;margin-bottom:2px}.stepper .icon-button{border-radius:12px}.stepper .icon-button:not(:disabled){color:var(--ink);background:var(--glass-control)}.stepper output{font-size:17px}.range{display:block;appearance:none;-webkit-appearance:none;background:transparent;border-radius:12px}.range::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(to right,var(--accent) var(--range-fill),var(--line) var(--range-fill));box-shadow:none}.range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-8.5px;border:0;border-radius:50%;background:var(--ink);box-shadow:none}.range::-moz-range-track{height:5px;border-radius:8px;background:var(--line)}.range::-moz-range-progress{height:5px;border-radius:8px;background:var(--accent)}.range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:0;background:var(--ink);box-shadow:none}.range-labels{margin-top:-2px}.setting-row>:first-child{min-width:0}.setting-value,.setting-row select{flex-shrink:0}.check-row{min-height:44px;align-items:center}.toggle-row{min-height:64px}[data-copied=true]{color:var(--link);border-color:var(--accent)}.glass-button.primary[data-copied=true]{color:var(--control-ink);background:#e8e8e8}.welcome-links{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}.welcome-links .glass-button{width:100%;min-height:52px;font-size:14px!important}.entry-form .regenerate-action{justify-self:start}@media(max-width:360px){.native-app .app-header{left:20px;right:20px}.native-app .vault-content{padding-left:20px;padding-right:20px}.folio-native-body .sheet-content{padding-left:22px;padding-right:22px}.folio-native-body .detail-heading{gap:10px;flex-wrap:wrap}.folio-native-body .detail-heading h2{font-size:23px}.folio-native-body .detail-heading-actions{gap:6px}.folio-native-body .detail-field .secret{font-size:17px;letter-spacing:1px}.folio-native-body .setting-row{gap:8px;padding-left:0;padding-right:0}.folio-native-body .setting-row select{max-width:103px}}.header-actions{display:flex;align-items:center;gap:10px}.app-header h1{font-size:30px;letter-spacing:-.8px}.app-header .lock-button{width:44px;height:46px}.app-header .lock-button svg{width:20px;height:20px}.privacy-copy summary{min-height:44px;padding:12px 0;color:var(--muted);cursor:pointer;font-size:14px}.privacy-copy[open] summary{margin-bottom:8px}@media(max-width:360px){.native-app .app-header h1{font-size:27px}}@media(prefers-reduced-transparency:reduce){.bottom-nav,.bottom-sheet,.glass-icon,.bottom-sheet .glass-icon,.glass-button{background:#373737;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-button.primary,.add-top,.nav-highlight{background:var(--accent)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bottom-nav,.bottom-sheet,.glass-icon,.bottom-sheet .glass-icon,.glass-button{background:#373737}.glass-button.primary,.add-top,.nav-highlight{background:var(--accent)}}@media(forced-colors:active){.glass-button,.glass-icon,.bottom-nav,.bottom-sheet{border:1px solid ButtonText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.bottom-nav button.active{color:HighlightText;background:Highlight;outline:1px solid Highlight}}.sync-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--muted);box-shadow:0 0 0 3px #ffffff0f;transition:background .25s ease,box-shadow .25s ease}.sync-dot.ok{background:#58c98f}.sync-dot.syncing{background:#b9a86c;animation:sync-pulse 1.1s ease-in-out infinite}.sync-dot.conflict{background:#e0a24c;box-shadow:0 0 0 3px #e0a24c2e}.sync-dot.error{background:#d96f5e;box-shadow:0 0 0 3px #d96f5e2e}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.sync-dot.syncing{animation:none}}
