:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--paper: #F8FAFC;--card: #FFFFFF;--card-elevated: #F1F5F9;--ink: #0F172A;--ink-secondary: #334155;--muted: #64748B;--muted-light: #64748B;--line: #E2E8F0;--line-light: #F1F5F9;--green: #059669;--green-hover: #047857;--green-glow: rgba(5, 150, 105, .16);--primary-btn-text: #FFFFFF;--input-bg: #FFFFFF;--input-border: #CBD5E1;--input-border-hover: #94A3B8;--input-focus-border: #059669;--input-focus-ring: rgba(5, 150, 105, .18);--tab-bg: #F1F5F9;--hover-bg: #F8FAFC;--code-bg: #F8FAFC;--code-border: #E2E8F0;--chip-bg: rgba(241, 245, 249, .85);--type-text: #059669;--type-text-bg: rgba(5, 150, 105, .1);--type-url: #B45309;--type-url-bg: rgba(217, 119, 6, .1);--type-file: #2563EB;--type-file-bg: rgba(37, 99, 235, .1);--danger: #DC2626;--danger-surface: #FEF2F2;--danger-border: #FECACA;--danger-hover: #FEE2E2;--notice: #059669;--notice-bg: #ECFDF5;--notice-border: #A7F3D0;--track-bg: #E2E8F0;--scrollbar-thumb: #CBD5E1;--scrollbar-track: transparent;--shadow-card: 0 4px 20px -2px rgba(15, 23, 42, .06);--shadow-dropdown: 0 10px 30px -4px rgba(15, 23, 42, .12), 0 4px 10px -2px rgba(15, 23, 42, .05);--shadow-modal: 0 25px 50px -12px rgba(15, 23, 42, .25);--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[data-theme=dark]{--paper: #0B0F17;--card: #111827;--card-elevated: #1E293B;--ink: #F8FAFC;--ink-secondary: #CBD5E1;--muted: #94A3B8;--muted-light: #64748B;--line: rgba(255, 255, 255, .08);--line-light: rgba(255, 255, 255, .04);--green: #10B981;--green-hover: #059669;--green-glow: rgba(16, 185, 129, .2);--primary-btn-text: #0B0F17;--input-bg: #1E293B;--input-border: rgba(255, 255, 255, .18);--input-border-hover: rgba(255, 255, 255, .32);--input-focus-border: #10B981;--input-focus-ring: rgba(16, 185, 129, .2);--tab-bg: #0F172A;--hover-bg: #1E293B;--code-bg: #0F172A;--code-border: rgba(255, 255, 255, .1);--chip-bg: rgba(30, 41, 59, .6);--type-text: #34D399;--type-text-bg: rgba(16, 185, 129, .14);--type-url: #FBBF24;--type-url-bg: rgba(245, 158, 11, .14);--type-file: #60A5FA;--type-file-bg: rgba(59, 130, 246, .14);--danger: #F87171;--danger-surface: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .28);--danger-hover: rgba(239, 68, 68, .22);--notice: #34D399;--notice-bg: rgba(16, 185, 129, .1);--notice-border: rgba(16, 185, 129, .22);--track-bg: #1E293B;--scrollbar-thumb: #334155;--scrollbar-track: #0B0F17;--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .35);--shadow-dropdown: 0 16px 36px -6px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-modal: 0 25px 60px -15px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0B0F17;--card: #111827;--card-elevated: #1E293B;--ink: #F8FAFC;--ink-secondary: #CBD5E1;--muted: #94A3B8;--muted-light: #64748B;--line: rgba(255, 255, 255, .08);--line-light: rgba(255, 255, 255, .04);--green: #10B981;--green-hover: #059669;--green-glow: rgba(16, 185, 129, .2);--primary-btn-text: #0B0F17;--input-bg: #1E293B;--input-border: rgba(255, 255, 255, .18);--input-border-hover: rgba(255, 255, 255, .32);--input-focus-border: #10B981;--input-focus-ring: rgba(16, 185, 129, .2);--tab-bg: #0F172A;--hover-bg: #1E293B;--code-bg: #0F172A;--code-border: rgba(255, 255, 255, .1);--chip-bg: rgba(30, 41, 59, .6);--type-text: #34D399;--type-text-bg: rgba(16, 185, 129, .14);--type-url: #FBBF24;--type-url-bg: rgba(245, 158, 11, .14);--type-file: #60A5FA;--type-file-bg: rgba(59, 130, 246, .14);--danger: #F87171;--danger-surface: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .28);--danger-hover: rgba(239, 68, 68, .22);--notice: #34D399;--notice-bg: rgba(16, 185, 129, .1);--notice-border: rgba(16, 185, 129, .22);--track-bg: #1E293B;--scrollbar-thumb: #334155;--scrollbar-track: #0B0F17;--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .35);--shadow-dropdown: 0 16px 36px -6px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-modal: 0 25px 60px -15px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .08)}}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{opacity:.85}body{min-width:320px;min-height:100vh;margin:0;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:2px}button:disabled{cursor:not-allowed}.app-shell{width:min(1340px,calc(100% - 48px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.topbar{height:56px;min-height:56px;max-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);position:relative;z-index:50}.topbar-left{display:flex;align-items:center;gap:14px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.8px;color:var(--ink)}.vault-mark{width:25px;height:25px;color:var(--green);flex:none}.topbar-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;background:var(--chip-bg);border:1px solid var(--line);font-size:11px;font-weight:550;color:var(--muted)}.topbar-status-badge.is-ready{color:var(--green);border-color:#10b98133}.topbar-status-badge.is-offline{color:var(--danger);border-color:var(--danger-border)}.status-dot-pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 #10b98166;animation:pulseGlow 2s infinite}.topbar-status-badge.is-offline .status-dot-pulse{background:var(--danger);box-shadow:0 0 #ef444466}@keyframes pulseGlow{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 5px #10b98100}to{box-shadow:0 0 #10b98100}}.storage-pill{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:var(--card);box-shadow:0 1px 2px #00000008;cursor:default;transition:all .15s ease}.storage-pill:hover{border-color:var(--input-border-hover)}.storage-pill-track{width:64px;height:5px;border-radius:99px;background:var(--track-bg);overflow:hidden}.storage-pill-fill{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .2s ease}.storage-pill-text{font-family:var(--mono);font-size:11px;font-weight:550;color:var(--ink-secondary);white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-action-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s ease}.topbar-action-btn:hover{background:var(--hover-bg);border-color:var(--input-focus-border);color:var(--green)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);cursor:pointer;transition:all .14s ease}.theme-toggle-btn:hover{background:var(--hover-bg);border-color:var(--input-focus-border);color:var(--green)}.user-menu-container{position:relative}.user-menu-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 4px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);cursor:pointer;transition:all .14s ease}.user-menu-btn:hover{background:var(--hover-bg);border-color:var(--input-border-hover)}.user-avatar-initial{display:grid;place-items:center;width:26px;height:26px;border-radius:4px;background:var(--type-text-bg);color:var(--green);font-size:12px;font-weight:750;font-family:var(--mono)}.user-email-text{font-size:12px;font-weight:550;color:var(--ink);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-indicator{color:var(--muted);transition:transform .15s ease}.chevron-indicator.is-open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;padding:6px;border-radius:8px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-dropdown);animation:dropdownFadeIn .14s ease-out;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-account-header{padding:8px 10px 6px}.account-username{display:block;font-size:13px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{display:block;font-size:11px;font-weight:450;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.account-tag{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:10px;color:var(--muted)}.dropdown-divider{height:1px;margin:5px 0;background:var(--line-light)}.dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:var(--ink);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:background-color .1s ease}.dropdown-item:hover:not(:disabled){background:var(--hover-bg)}.dropdown-item--danger{color:var(--danger)}.dropdown-item--danger:hover:not(:disabled){background:var(--danger-surface)}.auth-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(370px,420px);align-items:center;gap:clamp(48px,9vw,120px);padding:48px 2% 64px}.intro-panel{max-width:500px}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:550;letter-spacing:1.2px}.eyebrow-line{width:24px;height:1px;background:var(--green)}.intro-panel h1{margin:0 0 18px;font-size:clamp(42px,5.5vw,68px);font-weight:600;line-height:1.05;letter-spacing:-3.5px;color:var(--ink)}.intro{margin-bottom:24px;color:var(--muted);font-size:15px;line-height:1.65}.service-status{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:99px;color:var(--ink-secondary);font-size:12px;background:var(--chip-bg)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted-light)}.service-status--ready .status-dot{background:var(--green)}.service-status--offline{border-color:var(--danger-border);color:var(--danger)}.service-status--offline .status-dot{background:var(--danger)}.auth-card{width:100%;padding:28px 28px 22px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow-card)}.auth-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.8px}.card-kicker--danger{color:var(--danger)}.secure-label{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.6px}.secure-label .secure-icon{color:var(--green)}.auth-card h2{margin:0 0 6px;font-size:24px;font-weight:650;letter-spacing:-.8px;color:var(--ink)}.auth-description{margin-bottom:24px;color:var(--muted);font-size:13px}.field-group{margin-bottom:16px}.field-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:var(--ink);font-size:12px;font-weight:600}.field-group label span{color:var(--muted);font-weight:400}.field-group input,.field-group textarea,.field-group select{width:100%;min-height:42px;border:1px solid var(--input-border);border-radius:6px;padding:8px 12px;color:var(--ink);background:var(--input-bg);font-size:13px;transition:border-color .14s ease,box-shadow .14s ease}.field-group input:hover:not(:disabled),.field-group textarea:hover:not(:disabled),.field-group select:hover:not(:disabled){border-color:var(--input-border-hover)}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{border-color:var(--input-focus-border);outline:none;box-shadow:0 0 0 3px var(--input-focus-ring)}.field-hint{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}.form-message{min-height:20px;margin:-2px 0 10px;color:transparent;font-size:12px}.form-message--error{color:var(--danger)}.form-message--notice{color:var(--notice)}.primary-button{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:space-between;border:1px solid var(--green);border-radius:6px;padding:0 15px;color:var(--primary-btn-text);background:var(--green);font-size:13px;font-weight:650;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .12s ease}.primary-button:hover:not(:disabled){border-color:var(--green-hover);background:var(--green-hover)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{border-color:var(--line);color:var(--muted);background:var(--line-light);cursor:not-allowed}.secondary-button,.danger-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--input-border);border-radius:6px;padding:0 14px;color:var(--ink);background:var(--card);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s ease}.secondary-button:hover:not(:disabled){border-color:var(--input-border-hover);background:var(--hover-bg)}.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.55}.danger-button{border-color:var(--danger-border);color:var(--danger);background:var(--danger-surface)}.danger-button:hover:not(:disabled){border-color:var(--danger);background:var(--danger-hover)}.card-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 0;color:var(--muted);font-size:10px}.card-footnote .footnote-icon{color:var(--green)}.loading-panel{flex:1;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);font-size:13px}.loading-ring{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inbox-layout{flex:1;padding:24px 0 36px}.vault-workspace{display:grid;grid-template-columns:minmax(380px,420px) minmax(0,1fr);align-items:start;gap:24px}.send-stack{min-width:0}.compose-hub-card{border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow-card);padding:18px 20px 20px}.compose-hub-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.compose-hub-heading h2{margin:2px 0 0;font-size:19px;font-weight:680;letter-spacing:-.5px;color:var(--ink)}.compose-retention-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.retention-input-group{display:inline-flex;align-items:center;gap:4px}.retention-num-input{width:44px;min-height:auto;height:26px;padding:2px 4px;text-align:center;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink);background:var(--tab-bg);border:1px solid var(--input-border);border-radius:5px;transition:border-color .14s ease}.retention-num-input:focus{outline:none;border-color:var(--green)}.retention-select-wrap{position:relative;display:inline-flex;align-items:center}.retention-select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--tab-bg);border:1px solid var(--input-border);border-radius:5px;padding:4px 22px 4px 8px;font-size:11px;font-weight:600;color:var(--ink);cursor:pointer;min-height:auto}.retention-select-chevron{position:absolute;right:6px;pointer-events:none;color:var(--muted)}.compose-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;padding:3px;margin-bottom:16px;border-radius:6px;background:var(--tab-bg);border:1px solid var(--line)}.compose-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s ease}.compose-tab:hover{color:var(--ink)}.compose-tab.is-active{background:var(--card);color:var(--ink);border-color:var(--green);box-shadow:0 0 0 1px var(--green-glow),0 1px 3px #00000014}.compose-tab.is-active svg{color:var(--green)}[data-theme=dark] .compose-tab.is-active{background:var(--card-elevated)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .compose-tab.is-active{background:var(--card-elevated)}}.compose-tab-panel{display:flex;flex-direction:column}.compose-tab-panel .field-group{margin-bottom:12px}.compose-meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.byte-counter{font-family:var(--mono);font-size:10px;color:var(--muted)}.compose-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 16px;border:1.5px dashed var(--line);border-radius:6px;background:var(--hover-bg);text-align:center;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.compose-dropzone:hover,.compose-dropzone.is-dragover{border-color:var(--green);background:var(--tab-bg);box-shadow:0 0 0 3px var(--green-glow);transform:scale(1.005)}.dropzone-icon-circle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--green)}.dropzone-copy strong{display:block;font-size:12px;font-weight:650;color:var(--ink)}.dropzone-copy span{display:block;margin-top:3px;font-size:10px;color:var(--muted)}.file-selected-chip-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--tab-bg)}.file-chip-left{display:flex;align-items:center;gap:10px;min-width:0}.file-chip-icon{width:32px;height:32px;border-radius:5px;display:grid;place-items:center;background:var(--type-file-bg);color:var(--type-file);flex:none}.file-chip-info{min-width:0}.file-chip-info strong{display:block;font-size:12px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip-info small{display:block;margin-top:2px;font-size:10px;color:var(--muted)}.file-remove-btn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--muted);cursor:pointer;transition:all .12s ease;flex:none}.file-remove-btn:hover{color:var(--danger);border-color:var(--danger-border)}.compose-upload-progress{margin:12px 0 6px}.progress-label-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:11px;color:var(--muted)}.compose-upload-progress progress{width:100%;height:6px;border-radius:99px;overflow:hidden;accent-color:var(--green)}.upload-hash-pill{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;border-radius:4px;background:var(--code-bg);border:1px solid var(--code-border);font-size:10px}.upload-hash-pill span{color:var(--muted);font-family:var(--mono)}.upload-hash-pill code{font-family:var(--mono);color:var(--ink);overflow:hidden;text-overflow:ellipsis}.send-message{min-height:24px;margin:4px 0 8px;color:transparent;font-size:11px;line-height:1.45}.send-message--error{color:var(--danger)}.send-message--notice{color:var(--notice)}.compose-actions{display:flex;gap:8px;margin-top:4px}.items-panel{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow-card);overflow:hidden}.items-heading{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card)}.inbox-toolbar-row{display:flex;align-items:center;gap:12px}.inbox-title-wrap{display:flex;align-items:center;gap:8px}.inbox-title-wrap h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.4px;color:var(--ink)}.inbox-count-badge{display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:20px;padding:0 6px;border-radius:99px;background:var(--tab-bg);border:1px solid var(--line);font-family:var(--mono);font-size:10px;font-weight:600;color:var(--muted)}.inbox-search-box{position:relative;flex:1;display:flex;align-items:center}.inbox-search-box .search-icon{position:absolute;left:10px;color:var(--muted);pointer-events:none}.inbox-search-box input{width:100%;height:34px;padding:0 32px 0 30px;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--ink);font-size:12px;transition:all .14s ease}.inbox-search-box input:focus{border-color:var(--input-focus-border);outline:none;box-shadow:0 0 0 2px var(--input-focus-ring)}.search-kbd-hint{position:absolute;right:8px;display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 5px;border-radius:3px;background:var(--tab-bg);border:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:10px;pointer-events:none}.search-clear-btn{position:absolute;right:6px;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer}.search-clear-btn:hover{color:var(--ink)}.refresh-button{height:34px;padding:0 10px}.filter-bar{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid var(--line-light);background:var(--hover-bg);overflow-x:auto}.filter-chip{display:inline-flex;align-items:center;gap:5px;height:27px;padding:0 9px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--muted);font-size:11px;font-weight:550;cursor:pointer;white-space:nowrap;transition:all .13s ease}.filter-chip:hover{color:var(--ink);border-color:var(--input-border-hover)}.filter-chip.is-active{background:var(--green);border-color:var(--green);color:var(--primary-btn-text);font-weight:650}.filter-count{display:inline-block;padding:0 5px;border-radius:99px;background:var(--line);color:var(--muted);font-size:9px;font-family:var(--mono);line-height:1.3}.filter-chip.is-active .filter-count{background:#00000038;color:inherit}.item-list{margin:0;padding:0;list-style:none}.item-list li+li{border-top:1px solid var(--line-light)}.item-row{width:100%;height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;background:transparent;cursor:pointer;transition:background-color .1s ease}.item-row:hover{background:var(--hover-bg)}.item-type-badge{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;flex:none}.item-type-badge--text{background:var(--type-text-bg);color:var(--type-text)}.item-type-badge--url{background:var(--type-url-bg);color:var(--type-url)}.item-type-badge--file{background:var(--type-file-bg);color:var(--type-file)}.item-row-content{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.item-row-title-line{min-width:0}.item-title{display:block;font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row-meta-line{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-tag{display:inline-block;padding:0 4px;border-radius:3px;background:var(--tab-bg);border:1px solid var(--line);font-family:var(--mono);font-size:9px;color:var(--muted)}.meta-dot{color:var(--muted-light)}.expiry-tag{font-size:10px;color:var(--muted-light)}.item-micro-actions{display:flex;align-items:center;gap:4px;opacity:0;transform:translate(4px);transition:opacity .12s ease,transform .12s ease;flex:none}.item-row:hover .item-micro-actions,.item-row:focus-within .item-micro-actions{opacity:1;transform:translate(0)}.micro-action-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--muted);cursor:pointer;transition:all .1s ease}.micro-action-btn:hover{background:var(--hover-bg);color:var(--ink);border-color:var(--input-border-hover)}.micro-action-btn.is-copied{color:var(--green);border-color:var(--green)}.micro-action-btn--danger:hover{color:var(--danger);border-color:var(--danger-border);background:var(--danger-surface)}.inline-delete-confirm{display:inline-flex;align-items:center;gap:4px}.inline-delete-yes{height:26px;padding:0 8px;border:1px solid var(--danger-border);border-radius:4px;background:var(--danger);color:#fff;font-size:11px;font-weight:650;cursor:pointer}.inline-delete-no{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--muted);cursor:pointer}.detail-nav-header{display:flex;align-items:center;gap:10px}.nav-back-button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--input-border);border-radius:5px;background:var(--card);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer;transition:all .13s ease}.nav-back-button:hover{background:var(--hover-bg);border-color:var(--input-focus-border);color:var(--green)}.breadcrumb-separator{color:var(--muted-light);font-size:12px}.breadcrumb-current{color:var(--muted);font-size:12px}.esc-key-hint{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--muted-light);border:1px solid var(--line);border-radius:3px;padding:1px 5px}.detail-view{padding:18px}.detail-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.detail-title h3{margin:0;font-size:17px;font-weight:650;color:var(--ink);overflow-wrap:anywhere}.detail-text{max-height:320px;overflow:auto;margin:0 0 16px;border:1px solid var(--code-border);border-radius:6px;padding:14px;color:var(--ink);background:var(--code-bg);font:12px/1.65 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.detail-meta{margin:0 0 16px;border-top:1px solid var(--line)}.detail-meta div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--line-light)}.detail-meta dt{color:var(--muted);font-size:11px}.detail-meta dd{margin:0;color:var(--ink);font-size:11px;overflow-wrap:anywhere}.file-detail-meta code{font-family:var(--mono);background:var(--code-bg);padding:2px 5px;border-radius:3px;border:1px solid var(--code-border)}.copy-message{min-height:24px;margin:8px 0;color:var(--notice);font-size:11px}.detail-actions{display:flex;gap:8px}.delete-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-radius:6px;border:1px solid var(--danger-border);background:var(--danger-surface)}.delete-confirm p{flex:1 0 100%;margin:0 0 4px;color:var(--danger);font-size:12px}.inbox-empty{padding:48px 24px;text-align:center;color:var(--muted)}.inbox-empty-icon{color:var(--green);margin-bottom:12px}.inbox-empty h3{margin:6px 0;color:var(--ink);font-size:15px;font-weight:650}.inbox-empty p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.inbox-notice{margin:0;padding:9px 16px;background:var(--notice-bg);border-bottom:1px solid var(--notice-border);color:var(--notice);font-size:11px}.panel-error{margin:0;padding:12px 16px;color:var(--danger);font-size:12px}.load-more{width:100%;min-height:42px;border:0;border-top:1px solid var(--line);color:var(--green);background:var(--card);font-size:12px;font-weight:650;cursor:pointer;transition:background-color .1s ease}.load-more:hover:not(:disabled){background:var(--hover-bg)}.skeleton-container{display:flex;flex-direction:column;padding:12px 0;gap:8px}.skeleton-card{height:52px;margin:0 16px;border-radius:6px;background:linear-gradient(90deg,var(--line-light) 0%,var(--hover-bg) 50%,var(--line-light) 100%);background-size:200% 100%;animation:shimmer 1.6s infinite ease-in-out}.skeleton-card--detail-header{height:42px;margin:0 0 14px}.skeleton-card--detail-body{height:120px;margin:0 0 14px}.skeleton-card--detail-meta{height:80px;margin:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#0b0f17a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:modalOverlayFade .15s ease-out}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}.modal-card{width:min(100%,460px);border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:var(--shadow-modal);padding:24px;animation:modalScaleIn .16s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.97) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-header-copy h2{margin:3px 0 0;font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--ink)}.modal-close-btn{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--tab-bg);color:var(--muted);cursor:pointer;transition:all .12s ease;flex:none}.modal-close-btn:hover{color:var(--ink);background:var(--hover-bg)}.modal-description{margin:0 0 18px;font-size:13px;line-height:1.55;color:var(--muted)}.modal-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 16px;color:var(--muted);font-size:12px;text-align:center}.pairing-content{display:flex;flex-direction:column;align-items:center}.pairing-qr{display:grid;place-items:center;padding:12px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 8px #0000000f;margin-bottom:14px}.pairing-countdown{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;font-size:12px;color:var(--muted)}.pairing-countdown strong{font-family:var(--mono);color:var(--green)}.pairing-secret-group{width:100%;margin-bottom:14px}.pairing-secret-group label{display:block;margin-bottom:6px;font-size:11px;font-weight:600;color:var(--ink)}.secret-copy-box{display:flex;align-items:center;gap:6px}.secret-copy-box input{flex:1;font-family:var(--mono);font-size:12px;background:var(--tab-bg)}.copy-pill-button{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-size:11px;font-weight:600;cursor:pointer;transition:all .12s ease;white-space:nowrap}.copy-pill-button:hover{border-color:var(--input-focus-border);color:var(--green)}.copy-pill-button.is-copied{background:var(--type-text-bg);border-color:var(--green);color:var(--green)}.pairing-deep-link-row{width:100%;margin-bottom:12px}.deep-link-btn{width:100%;text-decoration:none}.pairing-paste-details{width:100%;border-top:1px solid var(--line);padding-top:10px}.pairing-paste-details summary{font-size:11px;color:var(--muted);cursor:pointer}.pairing-paste-details textarea{width:100%;margin-top:8px;font-family:var(--mono);font-size:10px;background:var(--tab-bg);border:1px solid var(--input-border);border-radius:4px;padding:8px;resize:vertical}.modal-status-message{margin:10px 0 0;font-size:12px;line-height:1.45}.modal-status-message--error{color:var(--danger)}.modal-status-message--notice{color:var(--notice)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-card--security{border-color:var(--danger-border)}.security-warning-callout{display:flex;gap:12px;padding:14px;border-radius:6px;border:1px solid var(--danger-border);background:var(--danger-surface);margin-bottom:16px}.warning-icon-wrapper{color:var(--danger);flex:none}.warning-copy strong{display:block;font-size:13px;font-weight:650;color:var(--danger);margin-bottom:4px}.warning-copy p{margin:0;font-size:12px;line-height:1.5}.modal-card--devices{width:min(100%,520px)}.modal-header-actions{display:flex;align-items:center;gap:8px}.icon-btn-compact{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-secondary);border-radius:6px;cursor:pointer;transition:all .15s ease}.icon-btn-compact:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--line-strong)}.is-spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devices-list{display:flex;flex-direction:column;gap:10px;margin:16px 0;max-height:280px;overflow-y:auto}.devices-loading-state,.devices-empty-state{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--ink-muted);font-size:13px;background:var(--surface);border-radius:8px;border:1px dashed var(--line)}.device-item-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;transition:border-color .15s ease}.device-item-card:hover{border-color:var(--line-strong)}.device-icon-wrapper{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}.device-icon-wrapper.is-android{background:#10b9811f;color:#10b981}.device-icon-wrapper.is-web{background:#6366f11f;color:#6366f1}.device-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.device-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-item-name{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-item-meta{font-size:11.5px;color:var(--ink-secondary)}.modal-card--devices{width:min(100%,560px)}.device-item-badges{display:flex;align-items:center;gap:8px}.device-revoke-btn{font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;border:1px solid var(--danger-border);background:var(--danger-surface);color:var(--danger);cursor:pointer;transition:all .15s ease;white-space:nowrap}.device-revoke-btn:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger)}.device-revoke-btn:disabled{opacity:.55;cursor:not-allowed}.device-badge{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:9999px;letter-spacing:.02em}.device-badge--current{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.device-badge--active{background:var(--surface-hover);color:var(--ink-secondary);border:1px solid var(--line)}.modal-actions--devices{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer{min-height:48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.8px;margin-top:auto}.footer-mark{display:inline-flex;align-items:center;gap:6px}.footer-mark span{width:5px;height:5px;border-radius:50%;background:var(--green)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-spin{animation:spin .85s linear infinite}@media(max-width:960px){.app-shell{width:calc(100% - 32px)}.vault-workspace{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;gap:36px;padding:36px 0 48px}.intro-panel{max-width:100%}}@media(max-width:640px){.hide-mobile{display:none!important}.topbar{padding:0 4px}.storage-pill{padding:0 8px}.storage-pill-track{width:44px}.vault-workspace--detail .send-stack{display:none}.detail-view{padding:14px 12px}.inbox-toolbar-row{flex-wrap:wrap}.inbox-search-box{order:3;width:100%;margin-top:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}