*,*:before,*:after{box-sizing:border-box}body{margin:0}:root{--sd-blue: #0F766E;--sd-blue-dark: #0D5A54;--sd-blue-light: #CCFBF1;--sd-green: #34A853;--sd-text: #1C1917;--sd-text-2: #78716C;--sd-border: #E7E5E4;--sd-bg: #FAF9F7;--sd-surface: #FFFFFF;--sd-shadow: 0 1px 3px rgba(28,25,23,.1), 0 1px 2px rgba(28,25,23,.08);--sd-radius: 8px;--sd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--kept-amber: #D97706;--kept-amber-light: #FEF3C7}@media(prefers-color-scheme:dark){:root{--sd-blue: #2DD4BF;--sd-blue-dark: #14B8A6;--sd-blue-light: rgba(45,212,191,.12);--sd-bg: #1A1918;--sd-text: #F5F4F3;--sd-text-2: #A8A29E;--sd-border: #2C2927;--sd-surface: #211F1C;--sd-shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--kept-amber: #FBBF24;--kept-amber-light: rgba(251,191,36,.12)}}body{font-family:var(--sd-font);color:var(--sd-text);background:var(--sd-bg)}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{display:inline-block;width:40px;height:40px;border:3px solid var(--sd-border);border-top-color:var(--sd-blue);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:6px;vertical-align:middle}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--sd-blue);color:#fff;border:none;border-radius:var(--sd-radius);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--sd-blue-dark)}.btn-primary:disabled{background:var(--sd-border);color:var(--sd-text-2);cursor:default}.btn-outline{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:transparent;color:var(--sd-text-2);border:1px solid var(--sd-border);border-radius:var(--sd-radius);font-size:13.5px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:var(--sd-blue);color:var(--sd-blue)}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-box{background:var(--sd-surface);border-radius:12px;box-shadow:0 8px 40px #0000002e;width:100%;max-height:90vh;overflow-y:auto;outline:none}.modal-sm{max-width:360px}.modal-md{max-width:480px}.modal-lg{max-width:640px}.modal-xl{max-width:860px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid var(--sd-border)}.modal-title{margin:0;font-size:16px;font-weight:600;color:var(--sd-text)}.modal-close{background:none;border:none;cursor:pointer;color:var(--sd-text-2);padding:4px;border-radius:4px;display:flex;align-items:center}.modal-close:hover{background:var(--sd-bg)}.modal-body{padding:16px 20px 20px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:2000;max-width:360px}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;background:#323232;color:#fff;font-size:13.5px;box-shadow:0 4px 12px #0003;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#1e7e34}.toast-error{background:#c62828}.toast-warning{background:#e65100}.toast-info{background:#323232}.toast-icon{flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;color:#ffffffb3;padding:2px;border-radius:3px;display:flex;align-items:center;flex-shrink:0}.toast-close:hover{color:#fff}@media(max-width:479px){.toast-container{bottom:max(16px,env(safe-area-inset-bottom,16px));left:16px;right:16px;max-width:none}}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sd-bg);padding:16px}.login-card{background:var(--sd-surface);border-radius:16px;box-shadow:0 4px 24px #0000001a;width:100%;max-width:420px;overflow:hidden}@media(min-width:960px){.login-card{max-width:820px;display:grid;grid-template-columns:1fr 1fr}}.login-hero{display:none;background:linear-gradient(145deg,#0f766e,#0d5a54 55%,#064e3b);padding:48px 40px;color:#fff;flex-direction:column;justify-content:center;gap:20px}@media(min-width:960px){.login-hero{display:flex}.login-card-header{display:none}}.login-hero h1{margin:0;font-size:28px;font-weight:700}.login-hero p{margin:0;font-size:15px;line-height:1.7;opacity:.9}.login-hero-features{display:flex;flex-direction:column;gap:10px;margin-top:8px}.login-hero-feature{display:flex;align-items:center;gap:10px;font-size:14px;opacity:.9}.login-hero-feature-dot{width:6px;height:6px;border-radius:50%;background:#fff9;flex-shrink:0}.login-form-col{padding:32px 28px;display:flex;flex-direction:column;justify-content:center}.login-card-header{text-align:center;margin-bottom:24px}.login-title{margin:0 0 4px;font-size:24px;font-weight:700}.login-subtitle{margin:0;color:var(--sd-text-2);font-size:14px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:12px}.login-label{font-size:13px;font-weight:600;color:var(--sd-text)}.login-input{width:100%;padding:10px 12px;border:1.5px solid var(--sd-border);border-radius:var(--sd-radius);font-size:14px;outline:none;font-family:inherit;transition:border-color .12s;box-sizing:border-box;background:var(--sd-bg);color:var(--sd-text)}.login-input:focus{border-color:var(--sd-blue)}.login-error{margin:0;padding:10px 12px;background:#fdecea;color:#c62828;border-radius:var(--sd-radius);font-size:13px;line-height:1.5}.login-btn{display:flex;align-items:center;justify-content:center;padding:11px;background:var(--sd-blue);color:#fff;border:none;border-radius:var(--sd-radius);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:4px}.login-btn:hover:not(:disabled){background:var(--sd-blue-dark)}.login-btn:disabled{opacity:.6;cursor:default}.login-footer{margin:16px 0 0;font-size:13px;color:var(--sd-text-2);text-align:center}.login-footer a{color:var(--sd-blue)}.login-support{border-top:1px solid var(--sd-border);margin-top:16px;padding-top:12px;text-align:center}.login-support-link{background:none;border:none;cursor:pointer;font-size:13px;color:var(--sd-text-2);text-decoration:underline;padding:0;font-family:inherit}.login-support-link:hover{color:var(--sd-text)}.login-divider{display:flex;align-items:center;gap:10px;margin:4px 0;color:var(--sd-text-2);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--sd-border)}.mock-mode-banner{background:var(--sd-bg);color:var(--sd-text-2);border-bottom:1px solid var(--sd-border);padding:4px 16px;font-size:11px;text-align:center;letter-spacing:.02em}.vault-banner{display:flex;align-items:flex-start;gap:10px;background:#eff6ff;color:#1e40af;border-bottom:1px solid #BFDBFE;padding:10px 16px;font-size:14px}.vault-banner-icon{font-size:18px;line-height:1.4;flex-shrink:0}.vault-banner-text{line-height:1.6}.vault-banner-text a{color:#1d4ed8;font-weight:600}.vault-banner-text a:hover{text-decoration:underline}.kept-app{min-height:100vh;display:flex;flex-direction:column;background:var(--sd-bg)}@media(min-width:768px){.kept-app{height:100vh;overflow:hidden}}.kept-layout{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.kept-sidebar{display:flex;flex-direction:column;flex:1;overflow:hidden}.kept-content{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}@media(min-width:768px){.kept-layout{flex-direction:row}.kept-sidebar{flex:none;width:300px;border-right:1px solid var(--sd-border);overflow-y:auto;overflow-x:hidden}}@media(max-width:767px){.kept-sidebar--hidden-mobile,.kept-content--hidden-mobile{display:none}}.kept-no-space{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sd-text-2);font-size:15px;text-align:center;gap:12px;padding:40px;opacity:.6}.kept-connection--active{background:var(--sd-blue-light)}.kept-connection--active .kept-connection-name{color:var(--sd-blue)}.kept-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--sd-surface);border-bottom:1px solid var(--sd-border);position:sticky;top:0;z-index:10}.kept-title{margin:0;font-size:22px;font-weight:700;color:var(--sd-text);letter-spacing:-.03em}.kept-header-actions{display:flex;align-items:center;gap:4px}.kept-icon-btn{background:none;border:none;cursor:pointer;color:var(--sd-text-2);padding:7px;border-radius:50%;display:flex;align-items:center;transition:background .12s,color .12s;line-height:0}.kept-icon-btn:hover{background:var(--sd-bg);color:var(--sd-text)}.kept-people-list{flex:1;display:flex;flex-direction:column}.kept-connections{list-style:none;margin:0;padding:0;flex:1}.kept-connection{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;border-bottom:1px solid var(--sd-border);transition:background .1s}.kept-connection:hover{background:var(--sd-surface)}.kept-connection:active{background:var(--sd-blue-light)}.kept-avatar{width:44px;height:44px;border-radius:50%;background:var(--sd-blue-light);color:var(--sd-blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;line-height:1;text-transform:uppercase}.kept-connection-info{flex:1;min-width:0}.kept-connection-name{display:block;font-size:15px;font-weight:600;color:var(--sd-text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kept-connection-time{display:block;font-size:13px;color:var(--sd-text-2)}.kept-connection-chevron{color:var(--sd-border);flex-shrink:0;line-height:0}.kept-avatar--group{background:var(--sd-teal-light, #ccfbf1);color:var(--sd-teal, #0f766e)}.kept-space-invite-btn{margin-left:auto}.kept-connection-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--sd-text-2);border-radius:6px;opacity:0;flex-shrink:0;transition:opacity .15s,color .1s;padding:0}.kept-connection:hover .kept-connection-delete{opacity:1}.kept-connection-delete:hover{color:#dc2626}.kept-connection-trailing{display:flex;align-items:center;flex-shrink:0;line-height:0;color:var(--sd-border)}.kept-unread-dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--sd-blue)}.kept-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 32px;gap:18px;text-align:center}.kept-empty p{margin:0;font-size:16px;color:var(--sd-text-2);line-height:1.7;max-width:260px}.kept-empty-space{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;gap:10px;text-align:center}.kept-empty-space-avatar{width:60px;height:60px;border-radius:50%;background:var(--sd-blue-light);color:var(--sd-blue);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin-bottom:8px}.kept-empty-space-title{margin:0;font-size:17px;font-weight:600;color:var(--sd-text)}.kept-empty-space-hint{margin:0;font-size:14px;color:var(--sd-text-2);line-height:1.7}.kept-people-footer{padding:12px 20px;border-top:1px solid var(--sd-border);font-size:13px;color:var(--sd-text-2);display:flex;align-items:center;gap:8px}.kept-people-footer-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kept-space{flex:1;display:flex;flex-direction:column;overflow:hidden}.kept-space-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--sd-surface);border-bottom:1px solid var(--sd-border);flex-shrink:0}.kept-back-btn{background:none;border:none;cursor:pointer;color:var(--sd-text-2);padding:6px;border-radius:6px;display:flex;align-items:center;line-height:0;transition:background .12s}.kept-back-btn:hover{background:var(--sd-bg)}@media(min-width:768px){.kept-back-btn{display:none}}.kept-space-name{font-size:16px;font-weight:600;color:var(--sd-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kept-drops{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}.kept-date-header{text-align:center;font-size:11px;font-weight:400;color:var(--sd-border);text-transform:uppercase;letter-spacing:.08em;padding:8px 0 4px;display:flex;align-items:center;gap:10px}.kept-date-header:before,.kept-date-header:after{content:"";flex:1;height:1px;background:var(--sd-border)}.kept-drop{background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:12px;padding:14px 16px;line-height:1.65;max-width:86%;align-self:flex-start;word-break:break-word;box-shadow:0 1px 3px #1c19170f}.kept-drop--mine{align-self:flex-end;background:var(--sd-blue-light);border-color:#b2f0e8;box-shadow:none}.kept-drop-author{display:block;font-size:11px;font-weight:600;color:var(--sd-text-2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.kept-drop-content{display:block;font-size:15px;color:var(--sd-text);white-space:pre-wrap;line-height:1.6}.kept-drop-time{display:block;font-size:11px;color:var(--sd-text-2);margin-top:6px;text-align:right}.kept-composer{padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--sd-surface);border-top:1px solid var(--sd-border);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.kept-composer-row{display:flex;align-items:flex-end;gap:8px}.kept-composer-attach{background:none;border:none;cursor:pointer;color:var(--sd-text-2);padding:8px;border-radius:50%;display:flex;align-items:center;flex-shrink:0;line-height:0;transition:background .12s,color .12s}.kept-composer-attach:hover{background:var(--sd-bg);color:var(--sd-text)}.kept-composer-input{flex:1;border:1.5px solid var(--sd-border);border-radius:22px;padding:10px 16px;font-size:15px;font-family:inherit;line-height:1.5;resize:none;outline:none;background:var(--sd-bg);color:var(--sd-text);transition:border-color .12s;max-height:120px;overflow-y:auto;display:block}.kept-composer-input:focus{border-color:var(--sd-blue)}.kept-send-btn{background:var(--sd-blue);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;line-height:0;transition:background .15s}.kept-send-btn:hover:not(:disabled){background:var(--sd-blue-dark)}.kept-send-btn:disabled{opacity:.45;cursor:default}.kept-attachment-preview{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0}.kept-attachment-chip{display:flex;align-items:center;gap:6px;background:var(--sd-bg);border:1px solid var(--sd-border);border-radius:8px;padding:4px 8px 4px 4px;font-size:12px;color:var(--sd-text-2);max-width:200px}.kept-attachment-chip-thumb{width:32px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}.kept-attachment-chip svg{flex-shrink:0;color:var(--sd-text-2);margin-left:4px}.kept-attachment-chip-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kept-attachment-chip-remove{background:none;border:none;cursor:pointer;padding:2px;color:var(--sd-text-2);border-radius:4px;display:flex;align-items:center;flex-shrink:0;line-height:0}.kept-attachment-chip-remove:hover{color:var(--sd-text);background:var(--sd-border)}.kept-drop-attachments{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.kept-drop-image{display:block;max-width:100%;border-radius:8px;max-height:280px;object-fit:cover;cursor:pointer}.kept-drop-file-chip{display:inline-flex;align-items:center;gap:8px;background:var(--sd-bg);border:1px solid var(--sd-border);border-radius:8px;padding:8px 12px;text-decoration:none;color:var(--sd-text);font-size:13px;transition:background .12s;max-width:100%}.kept-drop-file-chip:hover{background:var(--sd-border)}.kept-drop-file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.kept-drop-file-size{color:var(--sd-text-2);font-size:11px;flex-shrink:0}.kept-add-tabs{display:flex;border-bottom:1.5px solid var(--sd-border);margin-bottom:4px}.kept-add-tab{flex:1;background:none;border:none;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;padding:8px 0;font-size:14px;font-weight:500;color:var(--sd-text-2);cursor:pointer;transition:color .12s,border-color .12s}.kept-add-tab--active{color:var(--sd-blue);border-bottom-color:var(--sd-blue)}.kept-add-form{display:flex;flex-direction:column;gap:14px}.kept-add-form-hint{margin:0;font-size:13px;color:var(--sd-text-2);line-height:1.6}.kept-add-form-actions{display:flex;gap:8px;justify-content:flex-end}.kept-invite-link-box{display:flex;align-items:center;gap:8px;background:var(--sd-bg);border:1.5px solid var(--sd-border);border-radius:var(--sd-radius);padding:10px 12px;overflow:hidden}.kept-invite-link-text{flex:1;font-size:12px;color:var(--sd-text-2);word-break:break-all;-webkit-user-select:all;user-select:all;line-height:1.5}.kept-invite-copy-btn{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:6px 12px;border-radius:6px;border:1.5px solid var(--sd-blue);background:transparent;color:var(--sd-blue);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.kept-invite-copy-btn:hover{background:var(--sd-blue-light)}.kept-invite-copy-btn--copied{background:var(--sd-blue-light);color:var(--sd-blue)}.join-screen{min-height:100vh;background:var(--sd-bg);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px 60px}.join-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px}.join-logo{font-size:26px;font-weight:800;color:var(--sd-blue);letter-spacing:-.04em}.join-inviter-badge{display:flex;align-items:center;gap:12px;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:10px;padding:14px 16px}.join-inviter-avatar{width:40px;height:40px;border-radius:50%;background:var(--sd-blue-light);color:var(--sd-blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;flex-shrink:0}.join-inviter-text{margin:0;font-size:14px;color:var(--sd-text);line-height:1.5}.join-title{margin:0;font-size:22px;font-weight:700;color:var(--sd-text);letter-spacing:-.02em}.join-subtitle{margin:-8px 0 0;font-size:14px;color:var(--sd-text-2);line-height:1.6}.join-form{display:flex;flex-direction:column;gap:10px}.join-form-submit{width:100%;justify-content:center}.join-fine-print{margin:0;font-size:12px;color:var(--sd-text-2);line-height:1.6;text-align:center}.join-link{color:var(--sd-blue);text-decoration:none}.join-link:hover{text-decoration:underline}@media(prefers-color-scheme:dark){.login-error{background:#c6282826;color:#fca5a5}.vault-banner{background:#1e40af33;color:#93c5fd;border-color:#3b82f64d}.vault-banner-text a{color:#60a5fa}.modal-backdrop{background:#000000a6}.kept-drop--mine{border-color:#2dd4bf33}.btn-primary{color:#111827}}