pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#ffffff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}#app{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}.attachment-card{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin:6px 6px 6px 0;padding:8px 10px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;vertical-align:middle;transition:all .2s}.attachment-card:hover{border-color:#667eea;background:#eef2ff;box-shadow:0 4px 12px #667eea24}.attachment-view{display:inline-flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}.attachment-icon{font-size:26px;line-height:1;flex-shrink:0}.attachment-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-name{font-size:14px;font-weight:600;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.attachment-ext{font-size:11px;font-weight:700;color:#667eea;letter-spacing:.3px}.attachment-download{flex-shrink:0;padding:6px 12px;border-radius:8px;background:#667eea;color:#fff;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s}.attachment-download:hover{background:#5561d6}@media (max-width: 767px){.attachment-card{display:flex;width:100%}.attachment-view{flex:1}.attachment-name{max-width:none}}.secret-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:16px 0;padding:24px 20px;border:1.5px dashed #f59e0b;border-radius:12px;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.secret-block:hover{border-color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);box-shadow:0 4px 16px #f59e0b33;transform:translateY(-1px)}.secret-lock-icon{font-size:32px;line-height:1;display:block}.secret-label{font-size:14px;font-weight:700;color:#92400e;display:block}.secret-hint{font-size:12px;color:#b45309;display:block}.secret-unlocked{margin:16px 0;border:1.5px solid #10b981;border-radius:12px;overflow:hidden}.secret-unlocked-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#d1fae5;color:#065f46;font-size:12px;font-weight:700;border-bottom:1px solid #a7f3d0;width:100%}.secret-unlocked-body{padding:16px 20px;background:#f0fdf4}.decrypt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.decrypt-dialog{background:white;border-radius:16px;padding:28px 24px 24px;width:min(400px,100%);box-shadow:0 20px 60px #00000040;animation:decrypt-dialog-in .2s ease}@keyframes decrypt-dialog-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.decrypt-dialog-title{font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.decrypt-dialog-hint{font-size:13px;color:#6b7280;margin-bottom:18px;line-height:1.5}.decrypt-input{width:100%;padding:11px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-size:15px;margin-bottom:12px;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.decrypt-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.decrypt-error-msg{font-size:13px;color:#dc2626;margin:0 0 12px;padding:8px 12px;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.decrypt-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.decrypt-btn-cancel{padding:9px 18px;border-radius:8px;background:#f3f4f6;color:#374151;font-size:14px;font-weight:600;border:1px solid #e5e7eb;cursor:pointer;transition:background .15s}.decrypt-btn-cancel:hover{background:#e5e7eb}.decrypt-btn-confirm{padding:9px 20px;border-radius:8px;background:#667eea;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:background .15s,opacity .15s}.decrypt-btn-confirm:hover:not(:disabled){background:#5561d6}.decrypt-btn-confirm:disabled{opacity:.45;cursor:not-allowed}.note-locked-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-radius:12px;border:1.5px dashed #f59e0b;height:100%;box-sizing:border-box}.note-locked-icon{font-size:48px;line-height:1;animation:lock-bounce 1.8s ease-in-out infinite}@keyframes lock-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.note-locked-title{font-size:18px;font-weight:700;color:#92400e}.note-locked-hint{font-size:13px;color:#b45309;margin-bottom:8px}.note-locked-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:0}.note-lock-badge{font-size:13px;margin-right:4px;vertical-align:middle;flex-shrink:0}.btn-lock{padding:8px 14px;border-radius:8px;background:#fff8ec;color:#92400e;font-size:13px;font-weight:600;border:1.5px solid #fbbf24;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.btn-lock:hover{background:#fef3c7;border-color:#f59e0b}.btn-lock.btn-lock-active{background:#fef3c7;color:#78350f;border-color:#f59e0b}.btn-lock.btn-lock-active:hover{background:#fde68a}.preview-unlock-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);min-height:0}.encrypt-row{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fafbff;border-bottom:1px solid #eee;flex-wrap:wrap}.encrypt-toggle-label{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;color:#374151;white-space:nowrap}.encrypt-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.encrypt-toggle-text{font-size:13px}.encrypt-password-area{display:flex;align-items:center;gap:8px;flex:1;min-width:0;flex-wrap:wrap}.encrypt-doc-input{flex:1;min-width:160px;max-width:280px;padding:6px 12px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.encrypt-doc-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.encrypt-doc-btn{padding:6px 14px;border-radius:8px;background:#667eea;color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:background .15s}.encrypt-doc-btn:hover:not(:disabled){background:#5561d6}.encrypt-doc-btn:disabled{opacity:.45;cursor:not-allowed}.encrypt-doc-error{font-size:12px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:3px 10px;white-space:nowrap}.encrypt-doc-ok{font-size:12px;color:#059669;background:#d1fae5;border:1px solid #a7f3d0;border-radius:6px;padding:3px 10px;white-space:nowrap}.encrypt-fade-enter-active,.encrypt-fade-leave-active{transition:opacity .18s,transform .18s}.encrypt-fade-enter-from,.encrypt-fade-leave-to{opacity:0;transform:translate(-6px)}