:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#20252a;--muted:#8a9097;--line:#e9ecee;--accent:#718268}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#fff;margin:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .15s,color .15s,transform .15s}button:disabled{cursor:default;opacity:.35}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #879681}button:active:not(:disabled){transform:translateY(1px)}button svg{flex-shrink:0}.brand{letter-spacing:-1.8px;-webkit-user-select:none;user-select:none;font-size:31px;font-weight:720;line-height:1}.brand>span{color:#829276}.domain{color:var(--muted);letter-spacing:-.1px;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.boot{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.lock-page{flex-direction:column;min-height:100dvh;display:flex}.lock-header{justify-content:space-between;align-items:center;padding:31px 43px;display:flex}.lock-panel{text-align:center;width:320px;max-width:calc(100% - 48px);margin:auto;padding:38px 0 55px}.lock-symbol{color:#73836a;background:#f6f8f4;border:1px solid #e5e9e2;border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 26px;display:grid;box-shadow:0 3px 4px #20252a03}.lock-panel h1{letter-spacing:-1px;margin:0 0 9px;font-size:27px;font-weight:600}.lock-caption{color:var(--muted);margin:0;font-size:13px}.pin-input{background:#fafbfa;border:1px solid #e5e8e9;border-radius:12px;width:278px;height:58px;margin:29px auto 0;transition:border-color .15s;display:block;position:relative}.pin-input:focus-within{border-color:#a6b59d;box-shadow:0 0 0 3px #edf0e9}.pin-input.has-error{border-color:#d99b91}.pin-input input{z-index:2;opacity:0;cursor:text;width:100%;height:100%;position:absolute;inset:0}.pin-dots{pointer-events:none;justify-content:center;align-items:center;gap:17px;height:100%;display:flex}.pin-dots i{background:#dce0dd;border-radius:50%;width:7px;height:7px;transition:background .1s,transform .1s}.pin-dots i.filled{background:#363f33;transform:scale(1.1)}.pin-feedback{color:#b34f42;min-height:41px;padding:12px 6px 0;font-size:12px}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:264px;margin:0 auto;display:grid}.keypad button{background:#fafafa;border:1px solid #f0f1ef;border-radius:13px;height:58px;font-size:22px;font-weight:450}.keypad button:hover{background:#f0f3ed;border-color:#e4e9de}.keypad .erase-key{color:#93998f;background:0 0;border-color:#0000;place-items:center;display:grid}.lock-footnote{color:#979d94;justify-content:center;align-items:center;gap:7px;margin-top:35px;font-size:11px;display:flex}.lock-footnote span,.tiny-dot{background:#91a382;border-radius:50%;width:5px;height:5px;display:inline-block}.lock-footer{color:#afb3b6;justify-content:center;align-items:center;gap:8px;padding:0 20px 25px;font-size:11px;display:flex}.app{flex-direction:column;height:100dvh;min-height:460px;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:82px;padding:0 38px;display:flex}.header-brand,.header-actions{align-items:center;display:flex}.header-brand{gap:22px}.header-divider{background:#e5e8e9;width:1px;height:19px}.header-actions{gap:22px}.sync-status{color:#929991;align-items:center;gap:7px;padding:8px 0;font-size:11px;display:flex}.sync-status>span{background:#9caa91;border-radius:50%;width:5px;height:5px}.sync-status.saving>span,.sync-status.loading>span{animation:1s infinite pulse}.sync-status.offline{color:#b38748}.sync-status.offline>span,.sync-status.pending>span{background:#c59d62}@keyframes pulse{50%{opacity:.3}}.icon-button{color:#8c9399;border-radius:8px;justify-content:center;align-items:center;width:33px;height:33px;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){color:#343d32;background:#f3f4f2}.lock-button{border:1px solid var(--line);width:34px;height:34px}.workspace{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--line);background:#fbfcfb;flex-direction:column;flex-shrink:0;width:300px;display:flex}.sidebar-heading{justify-content:space-between;align-items:center;padding:29px 22px 19px 26px;display:flex}.sidebar-heading h1{letter-spacing:-.15px;align-items:center;gap:9px;margin:0;font-size:13px;font-weight:600;display:flex}.sidebar-heading h1>span{color:#929890;background:#eef1ec;border-radius:5px;padding:3px 6px;font-size:10px;font-weight:500}.new-button{color:#708267;background:#fff;border:1px solid #e5e9e1;width:28px;height:28px}.search{color:#a2a8ad;background:#fff;border:1px solid #e7eae5;border-radius:7px;align-items:center;gap:8px;height:36px;margin:0 24px 20px;padding:0 10px;display:flex}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search input::placeholder{color:#a1a7ac}.search:focus-within{border-color:#a6b59d}.search button{color:#939b91;padding:0;display:flex}.snippet-list{scrollbar-width:thin;scrollbar-color:#e0e5dd transparent;flex:1;padding:0 12px;overflow:auto}.snippet{text-align:left;border:1px solid #0000;border-radius:10px;width:100%;margin-bottom:6px;padding:16px 14px 18px;display:block;position:relative}.snippet:hover{background:#f3f5f1}.snippet.selected{background:#edf2e8;border-color:#e0e8d9}.snippet-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.file-icon{color:#9aa391}.snippet-top time{color:#98a18f;font-size:10px}.snippet strong{color:#444b40;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;padding-right:14px;font-size:12px;font-weight:550;display:block;overflow:hidden}.snippet p{color:#8f9789;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.7;display:-webkit-box;overflow:hidden}.snippet-arrow{color:#a3af99;opacity:0;position:absolute;top:51px;right:12px}.snippet.selected .snippet-arrow{opacity:1}.list-empty{color:#a7afa1;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:200px;font-size:12px;display:flex}.sidebar-new{color:#8b9782;border:1px dashed #dce2d7;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin:16px 24px 24px;padding:11px;font-size:11px;display:flex}.sidebar-new:hover{background:#eef2e9}.sidebar-foot{color:#a0a79b;align-items:center;gap:7px;padding:23px 26px;font-size:10px;display:flex}.editor-pane{flex-direction:column;flex:1;min-width:0;display:flex}.editor-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:92px;padding:0 42px;display:flex}.editor-title{color:#70777e;align-items:center;gap:10px;font-size:12px;display:flex}.type-icon{color:#a0a6ac;display:flex}.editor-actions{align-items:center;gap:16px;display:flex}.paste-button{color:#81878d;border-radius:7px;align-items:center;gap:7px;padding:9px 7px;font-size:12px;display:flex}.paste-button:hover{background:#f7f8f6}.copy-button{color:#fff;background:#242a2e;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:93px;height:36px;padding:0 16px;font-size:12px;font-weight:500;display:flex;box-shadow:0 2px 3px #00000006}.copy-button:hover:not(:disabled){background:#394332}.copy-button.copied{background:#607455}.copy-button:disabled{color:#a5aca0;opacity:1;background:#e9ece7}.text-area-wrap{flex:1;min-height:0;padding:12px 42px 22px;display:flex;position:relative}.text-area-wrap textarea{resize:none;width:100%;box-shadow:none;color:#41464b;tab-size:2;scrollbar-width:thin;scrollbar-color:#e7eae4 transparent;background:#fff;border:0;outline:none;flex:1;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.95;display:block}.text-area-wrap textarea:focus-visible{outline:none}.text-area-wrap textarea::placeholder{color:#b5babd;letter-spacing:-.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:22px;font-weight:400}.empty-hint{color:#bac0c3;pointer-events:none;font-size:12px;position:absolute;top:56px;left:42px}.editor-loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.editor-footer{color:#a5abb0;border-top:1px solid #edf0eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:66px;margin:0 42px;font-size:10px;display:flex}.editor-footer-right{align-items:center;gap:18px;display:flex}.delete-button:hover:not(:disabled){color:#b25747;background:#faf1ef}.mobile-back{display:none}.toast{z-index:10;color:#fff;background:#303830;border-radius:10px;align-items:center;gap:18px;width:max-content;max-width:min(560px,100vw - 32px);padding:14px 17px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #242a2e15}.toast button{color:#c5cec0;padding:0;display:flex}.text-button{color:#718268;align-items:center;gap:7px;padding:6px;font-size:12px;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#252a2530;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-dialog{background:#fff;border-radius:18px;width:350px;max-width:100%;padding:30px;box-shadow:0 15px 50px #00000010}.dialog-icon{color:#b7796c;background:#faf1ef;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:22px;display:grid}.delete-dialog h2{letter-spacing:-.5px;margin:0 0 10px;font-size:18px;font-weight:600}.delete-dialog p{color:#999e97;margin:0 0 25px;font-size:12px;line-height:1.6}.delete-dialog>div:last-child{justify-content:flex-end;gap:8px;display:flex}.cancel-button,.confirm-delete{border-radius:7px;padding:10px 15px;font-size:12px}.cancel-button{border:1px solid var(--line);color:#7b8178}.confirm-delete{color:#fff;background:#ac6456}@media (width>=1600px){.sidebar{width:330px}.editor-toolbar,.text-area-wrap{padding-left:60px;padding-right:60px}.empty-hint{left:60px}.editor-footer{margin:0 60px}}@media (width<=900px){.app-header{height:72px;padding:0 24px}.sidebar{width:258px}.editor-toolbar{padding:0 26px}.text-area-wrap{padding-left:26px;padding-right:26px}.empty-hint{left:26px}.editor-footer{margin:0 26px}.editor-actions{gap:8px}.header-brand{gap:16px}}@media (width<=640px){.lock-header{padding:26px}.lock-panel{padding-top:26px;padding-bottom:38px}.lock-footer{padding-bottom:max(24px, env(safe-area-inset-bottom))}.app{min-height:0}.app-header{height:72px;padding:0 22px}.header-brand{gap:12px}.header-brand .domain{font-size:10px}.header-divider{height:16px}.brand{font-size:29px}.header-actions{gap:12px}.sync-status{font-size:10px}.sidebar{border:0;width:100%}.sidebar-heading{padding:25px 23px 18px}.sidebar-heading h1{font-size:15px}.search{height:40px;margin-bottom:19px}.search input{font-size:13px}.snippet-list{padding:0 16px}.snippet{margin-bottom:9px;padding:18px}.snippet strong{margin-bottom:7px;font-size:14px}.snippet p{font-size:12px}.snippet-top time{font-size:11px}.snippet-arrow{top:56px;right:18px}.sidebar-new{padding:13px;font-size:12px}.sidebar-foot{padding-bottom:max(22px, env(safe-area-inset-bottom));justify-content:center}.list-empty{min-height:210px}.editor-pane,.show-editor .sidebar{display:none}.show-editor .editor-pane{display:flex}.editor-toolbar{height:76px;padding:0 20px 0 14px}.editor-title{gap:7px;font-size:12px}.type-icon{display:none}.mobile-back{color:#818a7b;margin-right:4px;display:flex}.editor-actions{gap:7px}.paste-button{padding:7px}.paste-button span{display:none}.copy-button{min-width:85px;height:35px;padding:0 12px;font-size:11px}.text-area-wrap{padding:7px 24px 20px}.text-area-wrap textarea{font-size:16px;line-height:1.85}.text-area-wrap textarea::placeholder{font-size:21px}.empty-hint{font-size:11px;top:48px;left:24px}.editor-footer{height:59px;padding-bottom:env(safe-area-inset-bottom);margin:0 24px}.autosave-label{font-size:9px}.editor-footer-right{gap:10px}.updated-time{font-size:9px}.toast{bottom:max(20px, env(safe-area-inset-bottom))}.delete-dialog{padding:27px}}@media (height<=710px){.lock-panel{padding:15px 0 25px}.lock-symbol{margin-bottom:15px}.pin-input{margin-top:20px}.keypad button{height:48px}.lock-footnote{margin-top:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}