*{box-sizing:border-box}:root[data-theme=light]{--bg: #f2f3f7;--surface: #ffffff;--surface-2: #eceef4;--border: #d8dce6;--text: #1b1e26;--muted: #5d6472;--accent: #5b5fc7;--on-accent: #ffffff;--danger: #b3382f;--header: #ffffff}:root[data-theme=dark]{--bg: #0e1014;--surface: #1a1d25;--surface-2: #242834;--border: #2e3342;--text: #e9ebf2;--muted: #9aa1b4;--accent: #8b90f7;--on-accent: #12131c;--danger: #ff8a80;--header: #14161d}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:640px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}button,.contacts a,header h1,.source-tag,.source-row span,.enrichment h3{display:inline-flex;align-items:center;justify-content:center;gap:8px}header h1,.source-tag,.source-row span,.enrichment h3,.contacts a{justify-content:flex-start}.spin{animation:spin .9s linear infinite}.header-actions{display:flex;gap:8px}.login-screen{min-height:80dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.login-logo{color:var(--accent)}.login-screen h1{margin:0;font-size:24px;color:var(--text)}.login-btn{margin-top:10px}.install-btn{color:var(--accent);border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;max-width:420px;width:100%}.modal h3{margin:0 0 12px;font-size:17px}.modal ol{margin:0 0 12px;padding-left:20px;line-height:1.7;font-size:15px}.modal .big-scan{margin-top:8px;padding:12px;font-size:16px}header{background:var(--header);padding:14px 16px;border-bottom:1px solid var(--border)}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}header h1{margin:0;font-size:19px;color:var(--accent)}.theme-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 12px;font-size:15px;cursor:pointer}.source-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.source-row input{flex:1;padding:10px 14px;border-radius:12px;border:1px solid var(--border);font-size:15px;background:var(--surface-2);color:var(--text)}.source-row input::placeholder{color:var(--muted)}main{flex:1;padding:16px 16px 88px}.scan{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:7vh}.camera-circle{width:84px;height:84px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 0 60px 10px color-mix(in srgb,var(--accent) 35%,transparent)}.big-scan{width:100%;max-width:420px;padding:18px 24px;font-size:18px;font-weight:600;border:none;border-radius:999px;background:var(--accent);color:var(--on-accent);cursor:pointer}.big-scan:disabled{opacity:.6}.hint{color:var(--muted);font-size:14px;text-align:center;max-width:420px;line-height:1.5}.stats-row{display:flex;gap:10px;margin-top:4vh;width:100%;max-width:420px}.stat-tile{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.stat-num{font-size:24px;font-weight:700}.stat-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recognizing{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:4vh}.preview-frame{border:2px solid var(--accent);border-radius:16px;padding:6px;max-width:420px;width:100%}.preview-frame img{width:100%;border-radius:12px;display:block}.spinner{width:44px;height:44px;border-radius:50%;margin-top:8px;border:4px solid var(--surface-2);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rec-title{margin:0;font-size:17px;font-weight:600}.link-btn{border:none;background:none;color:var(--muted);font-size:15px;cursor:pointer;padding:10px}.link-btn.danger{color:var(--danger)}.draft h2{margin:0 0 2px;font-size:18px}.source-tag{margin:0 0 14px;color:var(--muted);font-size:14px}.draft label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .link-btn{align-self:center}.draft input,.draft textarea{display:block;width:100%;margin-top:4px;padding:11px 13px;font-size:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.actions{display:flex;flex-direction:column;gap:8px;margin:16px 0}.actions button,nav button{padding:13px 16px;font-size:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.actions .primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.actions .danger,.contact-actions .danger{color:var(--danger)}.actions button:disabled{opacity:.6}.enrichment{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;font-size:14px}.enrichment h3{margin:0 0 8px;font-size:15px;color:var(--accent)}.enrichment p{margin:0 0 8px;line-height:1.5}.filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip:disabled{opacity:.45}.star-btn{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--muted);flex-shrink:0}.star-btn.active,.star-on{color:#e5b53c}.star-btn.active svg{fill:#e5b53c}.star-btn.big{border-radius:12px;padding:10px 12px}.card-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;border:none;background:none;color:var(--text);text-align:left;padding:0;cursor:pointer}.detail{max-width:680px;margin:0 auto}.detail .back{padding-left:0;margin-bottom:6px}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.detail-title{flex:1;min-width:0}.detail-title h2{margin:0;font-size:20px}.detail-title p{margin:2px 0 0;color:var(--muted);font-size:14px}.avatar.lg{width:64px;height:64px;font-size:22px}.avatar.sm{width:34px;height:34px;font-size:13px}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:12px;font-size:15px}.detail-card h3{margin:0 0 10px;font-size:15px;color:var(--accent)}.detail-card p{margin:0 0 8px;line-height:1.55}.field-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--border);font-size:15px}.field-row:last-child{border-bottom:none}.field-label{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.field-row a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere;text-align:right}.field-value{text-align:right;overflow-wrap:anywhere}.notes-text{white-space:pre-wrap;line-height:1.55}.detail-contact-icons{display:flex;gap:10px;justify-content:center;margin:18px 0 6px}.detail-contact-icons a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--accent)}.actions .danger{border-color:var(--border)}.recent-panel{display:none}.contacts .list-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.contacts h2{font-size:17px;margin:0 0 12px}.contacts a{color:var(--accent);font-weight:600;font-size:14px;text-decoration:none}.contact-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:8px}.avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:15px}.contact-info{flex:1}.contact-info{display:flex;flex-direction:column;gap:2px;font-size:14px;min-width:0}.contact-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info .muted{color:var(--muted);font-size:13px}.contact-actions{display:flex;gap:6px}.contact-actions button{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:8px 10px;font-size:16px;cursor:pointer;color:var(--text)}.empty{color:var(--muted);text-align:center;margin-top:10vh;line-height:1.5}nav{position:fixed;bottom:0;left:0;right:0;display:flex;gap:8px;max-width:640px;margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--header);border-top:1px solid var(--border)}nav button{flex:1;border-radius:999px}nav button.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%);background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:10px 18px;border-radius:12px;font-size:14px;max-width:90%;text-align:center;z-index:10}@media (min-width: 900px){.app{max-width:1100px}header{padding:18px 32px}header h1{font-size:22px}main{padding:28px 32px 100px}.scan-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}.scan{padding-top:5vh}.camera-circle{width:110px;height:110px}.big-scan{max-width:480px;padding:20px 28px;font-size:19px}.hint{font-size:15px;max-width:480px}.stats-row{max-width:560px}.stat-num{font-size:30px}.recent-panel{display:block;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;margin-top:5vh}.recent-panel h3{margin:0 0 12px;font-size:15px;color:var(--muted)}.recent-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;color:var(--text);padding:8px 6px;border-radius:10px;cursor:pointer}.recent-item:hover{background:var(--surface-2)}.recent-info{flex:1;min-width:0;display:flex;flex-direction:column}.recent-info b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-info span{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft{max-width:680px;margin:0 auto}.draft input,.draft textarea{font-size:17px}.contacts{max-width:1040px;margin:0 auto}.contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-card{padding:14px 18px;margin-bottom:0}.contact-info{font-size:15px}.contact-info .muted{font-size:14px}.avatar{width:48px;height:48px;font-size:16px}.preview-frame{max-width:520px}nav{border-radius:0;justify-content:center}nav button{max-width:260px}}