:root{--bg: #0f0f1a;--bg2: #1a1a2e;--bg3: #252545;--fg: #e0e0e8;--fg2: #9090a0;--accent: #6c63ff;--accent2: #8b83ff;--err: #ff6b6b;--ok: #6bffb8;--border: #2a2a4a;--radius: 8px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(108,99,255,.15)}html,body{height:100%;width:100%;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;-webkit-text-size-adjust:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}#app{min-height:100%;width:100%;overflow-x:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.screen{min-height:100dvh;display:flex;flex-direction:column}.loading-screen{align-items:center;justify-content:center;gap:16px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{align-items:center;justify-content:center;padding:16px}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px 16px;width:100%;max-width:400px}.login-card h1{font-size:24px;margin-bottom:4px}.login-card .subtitle{color:var(--fg2);margin-bottom:24px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--fg2);margin-bottom:4px}input[type=text],input[type=password],input[type=search],input[type=date],select{width:100%;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:16px;outline:none;transition:border-color .15s;min-height:48px;-webkit-appearance:none;appearance:none}input:focus,select:focus{border-color:var(--accent)}.error{color:var(--err);font-size:14px;margin-bottom:12px;padding:8px;background:#ff6b6b1a;border-radius:var(--radius)}.btn-primary{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;min-height:48px}.btn-primary:hover{background:var(--accent2)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-text{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:8px 12px;min-height:48px;border-radius:var(--radius);transition:background .15s}.btn-text:active{background:#6c63ff1a}.sync-screen{align-items:center;justify-content:center;padding:16px}.sync-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:100%;max-width:500px;text-align:center}.sync-card h2{margin-bottom:16px}.sync-status{margin-bottom:20px}.status-ok{color:var(--ok)}.status-err{color:var(--err)}.status-loading{color:var(--fg2)}.progress-section{margin-bottom:20px}.progress-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease;border-radius:4px}.progress-info{display:flex;justify-content:space-between;font-size:13px;color:var(--fg2)}.current-room{font-size:13px;color:var(--fg2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-count{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--accent)}.search-screen{min-height:100dvh}.search-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:8px}.header-left h1{font-size:18px}.badge-sync{font-size:11px;background:var(--accent);color:#fff;padding:2px 8px;border-radius:10px;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.5}}.header-right{display:flex;align-items:center;gap:8px}.user-id{font-size:13px;color:var(--fg2)}.search-bar{display:flex;gap:8px;padding:8px 12px;background:var(--bg2);border-bottom:1px solid var(--border)}.search-input{flex:1;min-width:0}.btn-filter{width:48px;height:48px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.btn-filter:active{background:var(--border)}.filters{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg2);border-bottom:1px solid var(--border)}.filter-row{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:12px;color:var(--fg2);font-weight:500}.filter-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sort-select{padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:16px;min-height:48px;cursor:pointer;width:100%}.stats{padding:8px 12px;font-size:13px;color:var(--fg2)}.results{padding:8px;display:flex;flex-direction:column;gap:8px;padding-bottom:calc(8px + var(--safe-bottom))}.result-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s}.result-card:hover{border-color:var(--accent)}.result-header{display:flex;gap:6px;padding:12px;font-size:13px;cursor:pointer;flex-wrap:wrap;align-items:baseline;min-height:48px;transition:background .1s}.result-header:active{background:#6c63ff0f}.result-room{color:var(--accent);font-weight:600;word-break:break-word}.result-sender{color:var(--fg2)}.result-time{color:var(--fg2);margin-left:auto;white-space:nowrap;font-size:12px}.result-body{padding:0 12px 10px;font-size:14px;word-break:break-word}mark{background:#6c63ff4d;color:var(--fg);border-radius:2px;padding:0 2px}.context-messages{border-top:1px solid var(--border);background:var(--bg)}.context-msg{padding:8px 14px;border-bottom:1px solid var(--border)}.context-msg:last-child{border-bottom:none}.context-msg.highlighted{background:#6c63ff14}.ctx-sender{font-size:12px;font-weight:600;color:var(--accent);margin-right:8px}.ctx-time{font-size:11px;color:var(--fg2)}.ctx-body{font-size:13px;margin-top:2px}.no-results{text-align:center;padding:40px 16px;color:var(--fg2)}.file-result{border-left:3px solid var(--accent)}.result-file{padding:0 12px 10px}.file-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.file-icon{font-size:18px}.file-name{font-weight:600;font-size:14px;word-break:break-all}.file-size,.file-mime{font-size:12px;color:var(--fg2);background:var(--bg);padding:2px 6px;border-radius:4px}.file-download{font-size:18px;text-decoration:none;color:var(--accent);padding:8px 12px;border-radius:var(--radius);border:none;background:var(--bg3);cursor:pointer;transition:background .15s,transform .1s;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.file-download:active{background:var(--border);transform:scale(.95)}.file-content{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;color:var(--fg)}@media (max-width: 600px){.login-card,.sync-card{padding:20px 12px}.user-id{display:none}.search-header{padding:8px 12px}.search-header h1{font-size:16px}.result-header{padding:8px 10px;font-size:12px}.result-body{padding:0 10px 8px;font-size:13px}.result-file{padding:0 10px 8px}.file-content{font-size:11px;padding:8px}.context-msg{padding:6px 10px}.ctx-body{font-size:12px}}@media (max-width: 380px){.filter-row-pair{grid-template-columns:1fr}}