:root{color-scheme:light;--ink:#202b38;--muted:#667486;--line:#dce2e9;--paper:#fff;--bg:#f3f5f8;--navy:#182b3e;--accent:#28567d;--soft:#eaf0f6;--green:#1f7954;--red:#a33e35;--shadow:0 8px 26px rgba(26,43,62,.06)}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;padding:0;color:var(--ink);font:16px/1.48 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}button,input,select{font:inherit}button{touch-action:manipulation}.app-header{position:sticky;top:0;z-index:10;background:var(--navy);color:#fff;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-left)) 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #10233720}.brand{display:flex;align-items:center;gap:11px}.brand-mark,.loading-mark{width:38px;height:38px;border-radius:11px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:21px}.brand strong{display:block;font-size:16px;letter-spacing:.1px}.brand small{display:block;color:#c8d4df;font-size:11px}.connection-pill{font-size:11px;color:#d3e2ef;border:1px solid #ffffff35;border-radius:20px;padding:5px 9px;white-space:nowrap}main{max-width:1180px;margin:20px auto;padding:0 max(14px,env(safe-area-inset-left)) 36px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}h1,h2,h3,p{margin-top:0}h1{font-size:25px;line-height:1.2;margin-bottom:9px}h2{font-size:19px;margin-bottom:5px}.muted{color:var(--muted)}.small{font-size:12px}.section-kicker{font-size:10px;letter-spacing:1.2px;font-weight:800;color:var(--accent);margin-bottom:6px}.hidden{display:none!important}.loading-mark{width:52px;height:52px;font-size:28px;background:var(--navy);color:#fff;margin-bottom:16px}.progress-track{height:8px;border-radius:9px;background:#e7ecf1;overflow:hidden;margin:16px 0 8px}.progress-value{height:100%;width:0;background:#3979a7;transition:width .2s;border-radius:9px}.storage-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:#f6f8fa;border:1px solid var(--line);border-radius:12px;margin:18px 0}.storage-card span,.storage-card strong{display:block}.storage-card strong{font-size:14px;margin-top:4px}.file-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px;border:1px dashed #7591a9;border-radius:11px;background:var(--soft);color:var(--accent);font-weight:700;cursor:pointer;text-align:center}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.warning-note{padding:12px 13px;background:#fff8e9;border:1px solid #f1dfb6;border-radius:10px;color:#705423;font-size:12px;margin-top:18px}.panel-heading,.results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:42px;font-size:19px;color:var(--ink)}.field-label,.filter-grid label span,.sort-control{font-size:12px;font-weight:700;color:#596879;display:block;margin-bottom:6px}.search-input,input,select{border:1px solid #cbd4de;background:#fff;color:var(--ink);border-radius:10px;min-height:45px;padding:10px 12px;width:100%;outline:none}input:focus,select:focus{border-color:#4a83ad;box-shadow:0 0 0 3px #4a83ad20}.search-input{font-size:18px;min-height:52px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.filter-grid input{min-height:42px}.search-options{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.check-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.check-label input{width:19px;height:19px;min-height:0;accent-color:var(--accent)}.check-label .muted{font-weight:400}.sort-control{display:flex;align-items:center;gap:8px;margin:0}.sort-control select{min-height:39px;width:auto;max-width:230px}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:9px 15px;border-radius:10px;border:1px solid transparent;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}.button.primary{background:var(--accent);color:#fff}.button.secondary{background:#f4f6f8;color:#34495d;border-color:var(--line)}.button.compact{min-height:36px;padding:7px 11px;font-size:12px}.hint{font-size:11px;color:var(--muted);margin:12px 0 0}.results-section{padding:8px 1px}.results-heading{margin:16px 3px}.results-heading h2{margin:0}.results-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.result-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;box-shadow:0 2px 10px #122a3a08}.result-card h3{font-size:15px;line-height:1.36;margin:9px 0 7px}.result-card h3 button{padding:0;border:0;background:transparent;text-align:left;color:#17466e;font-weight:700}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:10px;padding:3px 7px;border-radius:20px;background:var(--soft);color:#315776;font-weight:700}.result-meta{font-size:11px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.result-note{font-size:12px;color:#627184;margin-top:8px;white-space:pre-wrap}.empty-state{background:#fff;border:1px dashed #cbd5df;border-radius:13px;text-align:center;padding:30px 18px;color:var(--muted);font-size:13px;grid-column:1/-1}.pagination{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:16px 2px}.subsection{border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.subsection h2{font-size:16px}.alias-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.alias-form input{min-height:39px;font-size:13px}.alias-form input:nth-child(3){grid-column:1/-1}.alias-form button{grid-column:1/-1}.alias-list{display:grid;gap:7px;margin-top:12px}.alias-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:12px}.alias-row button{border:0;background:transparent;color:var(--red);font-weight:700;padding:7px}.settings-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.stat-box{padding:11px;border-radius:10px;background:#f5f7f9;border:1px solid var(--line)}.stat-box span,.stat-box strong{display:block}.stat-box span{font-size:10px;color:var(--muted)}.stat-box strong{font-size:14px;margin-top:4px;overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#172a3d;color:#fff;padding:11px 15px;border-radius:12px;max-width:90vw;font-size:13px;box-shadow:0 4px 20px #0003;transition:.2s;z-index:30}.toast.visible{opacity:1;transform:translate(-50%)}footer{max-width:1180px;margin:0 auto;padding:8px 18px 22px;color:#8995a2;font-size:10px;display:flex;justify-content:space-between;gap:10px}@media(max-width:760px){main{margin:12px auto;padding-left:10px;padding-right:10px}.panel{padding:15px;border-radius:14px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-list{grid-template-columns:1fr}.search-options{align-items:flex-start;flex-direction:column}.sort-control{width:100%;justify-content:space-between}.sort-control select{flex:1}.storage-card{grid-template-columns:1fr}.result-card{padding:14px}.results-heading{margin:12px 2px}footer{padding-left:14px;padding-right:14px}}@media(min-width:900px){.search-panel{padding:24px}.result-card{padding:18px}}.record-modal{position:fixed;inset:0;z-index:40;background:#101e2ccc;display:flex;align-items:flex-end;justify-content:center;padding:env(safe-area-inset-top) 0 0}.record-sheet{width:min(100%,920px);max-height:94dvh;overflow:auto;background:var(--bg);border-radius:20px 20px 0 0;padding:20px max(16px,env(safe-area-inset-left)) calc(22px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #0003}.record-sheet .record-details{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:16px}.record-sheet .record-details p{font-size:13px;margin:0 0 9px}.record-sheet details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:9px}.record-sheet summary{cursor:pointer}.record-sheet pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;font:11px/1.45 ui-monospace,SFMono-Regular,monospace;background:#f5f7f9;padding:10px;border-radius:8px}.record-sheet textarea{width:100%;border:1px solid #cbd4de;border-radius:10px;padding:10px;font:14px/1.5 inherit;resize:vertical}@media(max-width:600px){.record-sheet .record-details{grid-template-columns:1fr}.record-sheet{padding-left:13px;padding-right:13px}}
