*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--morandi-bg:#f5f0eb;--morandi-brown:#7a4a38;--morandi-rose:#c49a89;--morandi-border:#d6c9be;--morandi-cream:#ede0d9;--morandi-warm:#c4a898;--morandi-text:#3d2b1f;--morandi-muted:#9e8070;--morandi-card:#faf6f2;--radius-sm:8px;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 4px #7a4a3814;--shadow:0 4px 16px #7a4a381f;--shadow-lg:0 8px 32px #7a4a3829}html,body{height:100%}body{background:var(--morandi-bg);color:var(--morandi-text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--morandi-brown);text-decoration:none}a:hover{color:var(--morandi-rose)}button{cursor:pointer;border:none;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{outline:none;font-family:Inter,sans-serif;font-size:.95rem}.home{background:linear-gradient(145deg,#1e1208 0%,#2a1a1a 50%,#2a2030 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.home__canvas{pointer-events:none;position:absolute;inset:0}.home__content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1.2rem;display:flex;position:relative}.home__brand{flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.home__title{color:#ede0d9;letter-spacing:.06em;font-family:Noto Serif TC,serif;font-size:clamp(3.5rem,8vw,6rem);font-weight:700;line-height:1}.home__sub{letter-spacing:.55em;color:#c4a898;font-family:Inter,sans-serif;font-size:clamp(.75rem,2vw,1rem);font-weight:300}.home__tagline{color:#b8937f;letter-spacing:.05em;margin-bottom:.8rem;font-family:Noto Serif TC,serif;font-size:clamp(.9rem,2.5vw,1.15rem)}.home__btn{color:#ede0d9;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #c4a898;border-radius:100px;margin-top:.5rem;padding:.85rem 2.8rem;font-family:Noto Serif TC,serif;font-size:1rem;font-weight:400;transition:background .3s,border-color .3s,color .3s}.home__btn:hover{color:#fff;background:#c4a89826;border-color:#ede0d9}.auth-page{background:var(--morandi-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{border-radius:var(--radius-lg);border:1px solid var(--morandi-border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;display:flex}.auth-logo{letter-spacing:.45em;color:var(--morandi-rose);margin-bottom:.25rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.auth-icon-wrap{background:#faf0ec;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.auth-icon{width:28px;height:28px;color:var(--morandi-brown)}.auth-title{color:var(--morandi-text);margin-top:.25rem;font-family:Noto Serif TC,serif;font-size:1.6rem;font-weight:700}.auth-sub{color:var(--morandi-muted);text-align:center;margin-top:-.25rem;font-size:.85rem}.auth-hint{color:var(--morandi-muted);border:1px solid var(--morandi-border);border-radius:var(--radius-sm);background:#fff8f4;width:100%;padding:.65rem .85rem;font-size:.78rem;line-height:1.6}.auth-form{flex-direction:column;gap:.85rem;width:100%;margin-top:.25rem;display:flex}.auth-field{flex-direction:column;gap:.35rem;display:flex}.auth-label{color:var(--morandi-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:600}.auth-input{border:1.5px solid var(--morandi-border);border-radius:var(--radius);background:var(--morandi-bg);width:100%;color:var(--morandi-text);padding:.72rem 1rem;font-size:.95rem;transition:border-color .2s}.auth-input:focus{border-color:var(--morandi-rose)}.auth-input::placeholder{color:var(--morandi-muted)}.auth-input-wrap{border:1.5px solid var(--morandi-border);border-radius:var(--radius);background:var(--morandi-bg);align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.auth-input-wrap:focus-within{border-color:var(--morandi-rose)}.auth-input-inner{color:var(--morandi-text);background:0 0;border:none;flex:1;padding:.72rem 1rem;font-size:.95rem}.auth-input-inner::placeholder{color:var(--morandi-muted)}.auth-eye{color:var(--morandi-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .9rem;transition:color .2s;display:flex}.auth-eye:hover{color:var(--morandi-brown)}.auth-eye svg{width:18px;height:18px}.auth-error{color:#c0392b;text-align:center;font-size:.82rem}.auth-submit{background:var(--morandi-brown);color:#fff;border-radius:var(--radius);letter-spacing:.04em;width:100%;margin-top:.1rem;padding:.85rem;font-size:.95rem;font-weight:500;transition:background .2s}.auth-submit:hover:not(:disabled){background:#5e3628}.auth-link-btn{color:var(--morandi-muted);background:0 0;padding:.25rem;font-size:.82rem;transition:color .2s}.auth-link-btn:hover{color:var(--morandi-brown)}.unlock{background:var(--morandi-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.unlock__card{border-radius:var(--radius-lg);border:1px solid var(--morandi-border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;display:flex}.unlock__logo{letter-spacing:.45em;color:var(--morandi-rose);margin-bottom:.25rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.unlock__icon-wrap{background:#faf0ec;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.unlock__icon{width:28px;height:28px;color:var(--morandi-brown)}.unlock__title{color:var(--morandi-text);margin-top:.25rem;font-family:Noto Serif TC,serif;font-size:1.6rem;font-weight:700}.unlock__sub{color:var(--morandi-muted);text-align:center;margin-top:-.25rem;font-size:.85rem}.unlock__dots{gap:.75rem;margin:.5rem 0;display:flex}.unlock__dot{border:1.5px solid var(--morandi-border);background:0 0;border-radius:50%;width:10px;height:10px;transition:background .2s,border-color .2s}.unlock__dot--filled{background:var(--morandi-brown);border-color:var(--morandi-brown)}.unlock__forgot{color:var(--morandi-rose);background:0 0;padding:.1rem;font-size:.82rem;transition:color .2s}.unlock__forgot:hover{color:var(--morandi-brown)}.unlock__divider{background:var(--morandi-border);width:100%;height:1px;margin:.15rem 0}.unlock__field{flex-direction:column;gap:.35rem;display:flex}.unlock__label{color:var(--morandi-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:600}.unlock__email-input{border:1.5px solid var(--morandi-border);border-radius:var(--radius);background:var(--morandi-bg);width:100%;color:var(--morandi-text);padding:.72rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s}.unlock__email-input:focus{border-color:var(--morandi-rose)}.unlock__email-input::placeholder{color:var(--morandi-muted)}.unlock__form{flex-direction:column;gap:.85rem;width:100%;margin-top:.25rem;display:flex}.unlock__input-wrap{border:1.5px solid var(--morandi-border);border-radius:var(--radius);background:var(--morandi-bg);align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.unlock__input-wrap:focus-within{border-color:var(--morandi-rose)}.unlock__input{color:var(--morandi-text);background:0 0;border:none;flex:1;padding:.75rem 1rem;font-size:.95rem}.unlock__input::placeholder{color:var(--morandi-muted)}.unlock__eye{color:var(--morandi-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .9rem;transition:color .2s;display:flex}.unlock__eye:hover{color:var(--morandi-brown)}.unlock__eye svg{width:18px;height:18px}.unlock__error{color:#c0392b;text-align:center;font-size:.82rem}.unlock__submit{background:var(--morandi-brown);color:#fff;border-radius:var(--radius);letter-spacing:.04em;width:100%;padding:.85rem;font-size:.95rem;font-weight:500;transition:background .2s}.unlock__submit:hover:not(:disabled){background:#5e3628}.unlock__back{color:var(--morandi-muted);background:0 0;margin-top:.25rem;padding:.25rem;font-size:.82rem;transition:color .2s}.unlock__back:hover{color:var(--morandi-brown)}.vault{background:var(--morandi-bg);height:100vh;display:flex;overflow:hidden}.vault__sidebar{border-right:1px solid var(--morandi-border);background:#fff;flex-direction:column;flex-shrink:0;gap:.5rem;width:200px;padding:1.5rem 0;display:flex}.vault__brand{border-bottom:1px solid var(--morandi-border);flex-direction:column;align-items:center;margin-bottom:.5rem;padding:0 1.25rem 1rem;display:flex}.vault__brand-zh{color:var(--morandi-brown);font-family:Noto Serif TC,serif;font-size:1.4rem;font-weight:700;line-height:1}.vault__brand-en{letter-spacing:.45em;color:var(--morandi-rose);margin-top:.2rem;font-size:.6rem;font-weight:600}.vault__nav{flex-direction:column;flex:1;gap:.15rem;padding:0 .75rem;display:flex}.vault__nav-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--morandi-muted);background:0 0;padding:.55rem .85rem;font-size:.87rem;font-weight:400;transition:background .15s,color .15s}.vault__nav-item:hover{background:var(--morandi-bg);color:var(--morandi-text)}.vault__nav-item--active{color:var(--morandi-brown);background:#faf0ec;font-weight:600}.vault__nav-row{border-radius:var(--radius-sm);align-items:center;display:flex}.vault__nav-row:hover .vault__nav-pencil{opacity:1}.vault__nav-row .vault__nav-item{border-radius:var(--radius-sm) 0 0 var(--radius-sm);flex:1}.vault__nav-pencil{border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:26px;height:26px;color:var(--morandi-muted);opacity:0;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,color .15s,background .15s;display:flex}.vault__nav-pencil:hover{color:var(--morandi-brown);background:#faf0ec}.vault__nav-pencil svg{width:12px;height:12px}.vault__nav-edit-wrap{align-items:center;gap:2px;padding:.2rem .1rem;display:flex}.vault__nav-edit-input{border:1.5px solid var(--morandi-rose);border-radius:var(--radius-sm);min-width:0;color:var(--morandi-text);background:#fff;flex:1;padding:.3rem .5rem;font-family:Inter,sans-serif;font-size:.83rem}.vault__nav-edit-btn{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,color .15s;display:flex}.vault__nav-edit-btn svg{width:13px;height:13px}.vault__nav-edit-btn--confirm{color:#2e7d32}.vault__nav-edit-btn--confirm:hover{background:#e8f5e9}.vault__nav-edit-btn--cancel{color:var(--morandi-muted)}.vault__nav-edit-btn--cancel:hover{background:var(--morandi-bg);color:#c0392b}.vault__sidebar-footer{border-top:1px solid var(--morandi-border);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.vault__user{color:var(--morandi-muted);align-items:center;gap:.6rem;padding:.4rem .5rem;font-size:.82rem;display:flex}.vault__user-icon{background:var(--morandi-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.vault__user-icon svg{width:15px;height:15px;color:var(--morandi-rose)}.vault__lock-btn{border-radius:var(--radius-sm);color:var(--morandi-muted);background:0 0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.84rem;transition:background .15s,color .15s;display:flex}.vault__lock-btn:hover{color:#c0392b;background:#fff0ec}.vault__lock-btn svg{width:15px;height:15px}.vault__main{flex-direction:column;flex:1;display:flex;overflow:hidden}.vault__topbar{border-bottom:1px solid var(--morandi-border);background:#fff;flex-shrink:0;align-items:center;gap:.75rem;padding:.85rem 1.5rem;display:flex}.vault__search-wrap{border:1.5px solid var(--morandi-border);border-radius:var(--radius);background:var(--morandi-bg);flex:1;align-items:center;gap:.5rem;padding:.55rem .9rem;transition:border-color .2s;display:flex}.vault__search-wrap:focus-within{border-color:var(--morandi-rose)}.vault__search-icon{color:var(--morandi-muted);flex-shrink:0;display:flex}.vault__search-icon svg{width:16px;height:16px}.vault__search{color:var(--morandi-text);background:0 0;border:none;flex:1;font-size:.88rem}.vault__search::placeholder{color:var(--morandi-muted)}.vault__topbar-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.vault__btn-outline{border-radius:var(--radius-sm);border:1.5px solid var(--morandi-border);color:var(--morandi-brown);background:0 0;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.84rem;font-weight:500;transition:border-color .2s,background .2s;display:flex}.vault__btn-outline svg{flex-shrink:0;width:14px;height:14px}.vault__btn-outline:hover:not(:disabled){border-color:var(--morandi-rose);background:#faf0ec}.vault__btn-outline:disabled{opacity:.55;cursor:not-allowed}.vault__import-bar{color:#2e7d32;background:#f0faf0;border-bottom:1px solid #b8deb8;flex-shrink:0;padding:.55rem 1.5rem;font-size:.85rem;font-weight:500}.vault__import-bar--error{color:#c0392b;background:#fff0f0;border-color:#debebebe}.vault__btn-primary{border-radius:var(--radius-sm);background:var(--morandi-brown);color:#fff;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.84rem;font-weight:500;transition:background .2s;display:flex}.vault__btn-primary svg{width:14px;height:14px}.vault__btn-primary:hover{background:#5e3628}.vault__content{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.vault__toolbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.vault__count{color:var(--morandi-muted);font-size:.82rem}.vault__view-toggle{border:1px solid var(--morandi-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.vault__view-btn{color:var(--morandi-muted);background:0 0;align-items:center;padding:.35rem .6rem;transition:background .15s,color .15s;display:flex}.vault__view-btn svg{width:15px;height:15px}.vault__view-btn.active{background:var(--morandi-bg);color:var(--morandi-brown)}.vault__empty{height:60vh;color:var(--morandi-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.9rem;display:flex}.vault__empty-icon svg{width:40px;height:40px;color:var(--morandi-border)}.vault__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;display:grid}.vault__list{flex-direction:column;gap:.5rem;display:flex}.vcard{border:1px solid var(--morandi-border);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;transition:box-shadow .2s,border-color .2s;display:flex}.vcard:hover{box-shadow:var(--shadow);border-color:var(--morandi-rose)}.vcard--grid{flex-direction:column;align-items:flex-start;gap:.6rem;padding:1rem}.vcard--list{flex-direction:row;gap:.85rem;padding:.7rem 1rem}.vcard__avatar{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--morandi-brown);background:#faf0ec;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.vcard--list .vcard__avatar{width:36px;height:36px}.vcard__body{flex:1;min-width:0}.vcard__label{color:var(--morandi-text);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.vcard__username{color:var(--morandi-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.78rem;overflow:hidden}.vcard__actions{gap:.3rem;display:flex}.vcard--grid .vcard__actions{justify-content:flex-end;width:100%}.vcard__action-btn{background:var(--morandi-bg);width:28px;height:28px;color:var(--morandi-muted);border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.vcard__action-btn:hover{color:var(--morandi-brown);background:#faf0ec}.detail-overlay{z-index:100;background:#3d2b1f59;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:480px;max-height:80vh;box-shadow:var(--shadow-lg);z-index:101;background:#fff;flex-direction:column;margin:0 auto;animation:.25s cubic-bezier(.32,.72,0,1) slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail-panel__drag{background:#c4b8b0;border-radius:2.5px;flex-shrink:0;width:40px;height:5px;margin:.6rem auto 0}.detail-panel__header{border-bottom:1px solid var(--morandi-border);flex-shrink:0;align-items:center;gap:.85rem;padding:1rem 1.25rem .75rem;display:flex}.detail-panel__avatar{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--morandi-brown);background:#faf0ec;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.detail-panel__title{color:var(--morandi-text);font-family:Noto Serif TC,serif;font-size:1.1rem;font-weight:700}.detail-panel__category{color:var(--morandi-rose);margin-top:.1rem;font-size:.78rem}.detail-panel__header-actions{flex-shrink:0;align-items:center;gap:.4rem;margin-left:auto;display:flex}.detail-panel__edit-btn{background:var(--morandi-bg);width:32px;height:32px;color:var(--morandi-muted);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.detail-panel__edit-btn:hover{color:var(--morandi-brown);background:#faf0ec}.detail-panel__edit-btn svg{width:15px;height:15px}.detail-panel__close{background:var(--morandi-bg);width:32px;height:32px;color:var(--morandi-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-panel__close svg{width:16px;height:16px}.detail-panel__body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:1rem 1.25rem 32px;display:flex;overflow-y:auto}.detail-row{flex-direction:column;flex-shrink:0;gap:.25rem;display:flex}.detail-row__label{text-transform:uppercase;letter-spacing:.08em;color:var(--morandi-muted);font-size:.72rem;font-weight:600}.detail-row__value-wrap{background:var(--morandi-bg);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.detail-row__value{color:var(--morandi-text);word-break:break-all;flex:1;font-size:.9rem}.detail-row__eye{color:var(--morandi-rose);background:0 0;padding:0;font-size:.72rem;font-weight:500}.detail-row__eye--icon{color:var(--morandi-muted);align-items:center;display:flex}.detail-row__eye--icon:hover{color:var(--morandi-brown)}.detail-row__copy{color:var(--morandi-muted);background:0 0;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.detail-row__copy:hover{color:var(--morandi-brown)}.detail-panel__body>form{flex-direction:column;gap:.75rem;display:flex}.detail-edit__input-wrap{border:1.5px solid var(--morandi-border);border-radius:var(--radius-sm);background:var(--morandi-bg);align-items:center;gap:.5rem;padding:0 .75rem;transition:border-color .2s;display:flex}.detail-edit__input-wrap:focus-within{border-color:var(--morandi-rose)}.detail-edit__input{color:var(--morandi-text);background:0 0;border:none;flex:1;min-width:0;padding:.55rem 0;font-family:Inter,sans-serif;font-size:.9rem}.detail-edit__textarea{border:1.5px solid var(--morandi-border);border-radius:var(--radius-sm);background:var(--morandi-bg);width:100%;color:var(--morandi-text);resize:vertical;padding:.55rem .75rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.detail-edit__textarea:focus{border-color:var(--morandi-rose)}.detail-edit__select{border:1.5px solid var(--morandi-border);border-radius:var(--radius-sm);background:var(--morandi-bg);width:100%;color:var(--morandi-text);padding:.55rem .75rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.detail-edit__select:focus{border-color:var(--morandi-rose)}.detail-edit__cat-input{gap:.5rem;margin-top:.4rem;display:flex}.detail-edit__cat-input input{border:1.5px solid var(--morandi-rose);border-radius:var(--radius-sm);background:var(--morandi-bg);color:var(--morandi-text);flex:1;padding:.45rem .7rem;font-family:Inter,sans-serif;font-size:.88rem}.detail-edit__actions{flex-shrink:0;justify-content:flex-end;gap:.6rem;padding-top:.5rem;display:flex}.modal-overlay{z-index:200;background:#3d2b1f59;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:440px;max-height:90vh;animation:.2s cubic-bezier(.32,.72,0,1) scaleIn;overflow-y:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal__header{border-bottom:1px solid var(--morandi-border);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;display:flex}.modal__header h2{color:var(--morandi-text);font-family:Noto Serif TC,serif;font-size:1.05rem;font-weight:700}.modal__close{background:var(--morandi-bg);width:30px;height:30px;color:var(--morandi-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal__close svg{width:15px;height:15px}.modal__form{flex-direction:column;gap:.85rem;padding:1rem 1.25rem 1.25rem;display:flex}.modal__form label{color:var(--morandi-muted);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.modal__form input,.modal__form select,.modal__form textarea{border:1.5px solid var(--morandi-border);border-radius:var(--radius-sm);background:var(--morandi-bg);color:var(--morandi-text);padding:.6rem .85rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.modal__form input:focus,.modal__form select:focus,.modal__form textarea:focus{border-color:var(--morandi-rose)}.modal__form textarea{resize:vertical}.modal__pw-wrap{border:1.5px solid var(--morandi-border);border-radius:var(--radius-sm);background:var(--morandi-bg);align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.modal__pw-wrap:focus-within{border-color:var(--morandi-rose)}.modal__pw-wrap input{background:0 0;border-radius:0;flex:1;padding:.6rem .85rem;border:none!important}.modal__pw-eye{color:var(--morandi-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .7rem;transition:color .2s;display:flex}.modal__pw-eye:hover{color:var(--morandi-brown)}.modal__custom-cat{align-items:center;gap:.5rem;display:flex}.modal__custom-cat input{border:1.5px solid var(--morandi-rose);border-radius:var(--radius-sm);background:var(--morandi-bg);color:var(--morandi-text);flex:1;padding:.55rem .8rem;font-size:.9rem}.modal__custom-cat .vault__btn-primary{white-space:nowrap;padding:.55rem .9rem}.modal__bank-divider{text-transform:uppercase;letter-spacing:.1em;color:var(--morandi-rose);border-top:1px solid var(--morandi-border);margin-top:.15rem;padding:.25rem 0;font-size:.75rem;font-weight:600}.modal__actions{justify-content:flex-end;gap:.6rem;margin-top:.25rem;display:flex}.vault__toolbar-right{align-items:center;gap:.6rem;display:flex}.vault__btn-sm{padding:.35rem .75rem;font-size:.8rem}.vault__select-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.vault__btn-danger{border-radius:var(--radius-sm);color:#c0392b;background:0 0;border:1.5px solid #c0392b;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.84rem;font-weight:500;transition:background .2s;display:flex}.vault__btn-danger:hover:not(:disabled){background:#fff0ec}.vault__btn-danger:disabled{opacity:.4;cursor:not-allowed}.vcard--selected{box-shadow:0 0 0 2px var(--morandi-brown);border-color:var(--morandi-brown)!important}.vcard__checkbox{border:2px solid var(--morandi-border);z-index:2;background:#fff;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;left:8px}.vcard__checkbox--on{background:var(--morandi-brown);border-color:var(--morandi-brown);color:#fff}.vcard__checkbox--on svg{width:14px;height:14px}.vcard--grid,.vcard--list{position:relative}.detail-panel__delete{color:#dc2626;cursor:pointer;background:0 0;border:none;align-items:center;margin-top:.5rem;padding:.4rem;transition:color .15s;display:flex}.detail-panel__delete:hover{color:#b91c1c}.confirm-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:360px;padding:1.5rem;animation:.2s cubic-bezier(.32,.72,0,1) scaleIn}.confirm-dialog__msg{color:var(--morandi-text);margin-bottom:1.25rem;font-size:.92rem;line-height:1.6}.confirm-dialog__actions{justify-content:flex-end;gap:.6rem;display:flex}.vault__btn-danger--solid{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#c0392b;border:none;padding:.5rem 1rem;font-size:.84rem;font-weight:500;transition:background .2s}.vault__btn-danger--solid:hover{background:#a93226}.vault__toast{background:var(--morandi-brown);color:#fff;z-index:999;pointer-events:none;border-radius:100px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:500;animation:.2s fadeIn;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.vault__toast--warn{pointer-events:auto;cursor:pointer;background:#b45309}.vault__mobile-header{display:none}.vault__hamburger{width:36px;height:36px;color:var(--morandi-brown);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.vault__hamburger svg{width:22px;height:22px}.vault__mobile-brand{align-items:baseline;gap:.4rem;display:flex}.vault__mobile-brand .vault__brand-zh{font-size:1.1rem}.vault__mobile-brand .vault__brand-en{font-size:.55rem}.vault__lock-btn--mobile svg{width:18px;height:18px}.vault__drawer-overlay{display:none}@media (width<=767px){.vault__mobile-header{border-bottom:1px solid var(--morandi-border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.vault__sidebar{z-index:300;box-shadow:none;transition:transform .25s cubic-bezier(.32,.72,0,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.vault__sidebar--open{transform:translate(0);box-shadow:4px 0 20px #00000026}.vault__drawer-overlay{z-index:299;background:#3d2b1f4d;animation:.2s fadeIn;display:block;position:fixed;inset:0}.vault{flex-direction:column}.vault__main{width:100%}.vault__topbar{flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem}.vault__search-wrap{order:1;width:100%}.vault__topbar-actions{flex-wrap:wrap;order:2;justify-content:flex-end;gap:.4rem;width:100%}.vault__topbar-actions .vault__btn-outline,.vault__topbar-actions .vault__btn-primary{padding:.4rem .7rem;font-size:.78rem}.vault__content{padding:.85rem}.vault__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.vcard--grid{gap:.4rem;padding:.75rem}.vcard__avatar{width:34px;height:34px;font-size:.9rem}.vcard__label{font-size:.85rem}.vcard__username{font-size:.72rem}.vault__toolbar,.vault__select-actions{flex-wrap:wrap;gap:.4rem}.detail-panel{max-width:100%}.modal{max-width:95vw;margin:.5rem}.confirm-dialog{max-width:90vw;margin:0 1rem}}