:root{color:#e8ecf4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#9aa7ba;--border:#29323f;--accent:#9abbff;background:#0c1015;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}html{scroll-padding-top:20px;scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))}body{min-width:280px;margin:0}button,input{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.43;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.25px;font-size:clamp(29px,8.3vw,36px);font-weight:650;line-height:1.18}h1>span{color:#9eacc2}h2{letter-spacing:-.3px;font-size:17px;font-weight:600}h3{font-size:15px;font-weight:550}svg{flex-shrink:0;width:22px;height:22px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #aec8ff}button,a,summary,input{scroll-margin-block:24px calc(112px + env(safe-area-inset-bottom))}.phone-shell{background:#10151c;border-inline:1px solid #1b2431;width:100%;max-width:480px;min-height:100dvh;margin:0 auto}.app-header{padding:calc(19px + env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 19px max(22px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:10px;display:flex}.brand{letter-spacing:-.9px;align-items:center;gap:8px;min-height:44px;font-size:24px;font-weight:650;display:flex}.brand img{width:34px;height:34px}.brand>span>span{color:#9abbff;font-weight:450}.local-badge{color:#9cabbc;letter-spacing:1.1px;white-space:nowrap;align-items:center;gap:6px;font-size:9px;font-weight:550;display:flex}.header-status{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.local-badge i{background:#8fc3b2;border-radius:50%;width:5px;height:5px}main{padding:9px max(22px, env(safe-area-inset-right)) calc(102px + env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left))}main:focus{outline:none}.page-heading{padding:8px 0 27px}.eyebrow{color:#8da9d6;letter-spacing:1.6px;align-items:center;gap:8px;margin-bottom:17px;font-size:9px;font-weight:550;display:flex}.eyebrow>span{background:#6d7f99;border-radius:50%;width:2px;height:2px}.page-heading>p{color:var(--muted);max-width:340px;margin-top:15px;font-size:13px;line-height:1.8}.local-card{background:#182231;border:1px solid #31425c;border-radius:14px;grid-template-columns:33px minmax(0,1fr);gap:10px;margin-bottom:22px;padding:17px 16px;display:grid}.local-icon{color:#a8c3f5;place-items:center;width:30px;height:30px;display:grid}.local-card h2{color:#d7e4fb;letter-spacing:0;font-size:13px;line-height:1.5}.local-card p{color:#93a9c8;margin-top:5px;font-size:11px;line-height:1.7}.connection{color:#a6c7ba;grid-column:2;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;margin-top:1px;font-size:10px;display:flex}.connection:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.connection.offline{color:#d4b88d}.offline-note{color:#d5bf9f;align-items:flex-start;gap:8px;margin:-8px 2px 22px;font-size:12px;line-height:1.7;display:flex}.status-dot{background:#c5a87d;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}.panel{border:1px solid var(--border);background:#171e27;border-radius:15px;margin-bottom:22px;padding:21px 19px}.section-title{justify-content:space-between;align-items:center;gap:9px;margin-bottom:21px;display:flex}.section-number{letter-spacing:1px;color:#7e91ad;font-family:ui-monospace,monospace;font-size:10px}.editor-panel label,.edit-form label{color:#acb9cc;margin-bottom:10px;font-size:12px;display:block}input:not([type=file]){color:#e6ecf7;background:#101720;border:1px solid #3b475a;border-radius:9px;width:100%;min-width:0;min-height:50px;padding:12px 14px;font-size:16px}input::placeholder{color:#74859d}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:44px;min-height:48px;padding:12px 15px;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.button svg{width:19px;height:19px}.primary{color:#152238;background:#9bbaff;border-color:#afc8fe}.secondary{color:#c1d0e6;background:#1c2634;border-color:#39495f}.button:hover:not(:disabled){filter:brightness(1.08)}.full{width:100%}.editor-panel .button{margin-top:11px}.field-hint{color:#8c9eb7;margin-top:12px;font-size:11px;line-height:1.75}.records-section{margin:26px 0 22px}.records-section .section-title{margin-bottom:13px;padding:0 2px}.records-section h2{align-items:center;gap:8px;display:flex}.count{color:#a7bedf;background:#263145;border-radius:6px;place-items:center;min-width:23px;padding:4px 6px;font-size:10px;font-weight:500;display:inline-grid}.quiet-label{letter-spacing:.8px;color:#7d91ad;font-size:8px}.empty-state{text-align:center;border:1px dashed #303c4e;border-radius:13px;padding:28px 15px 30px}.empty-symbol{color:#819ac0;background:#1d2939;border-radius:11px;place-items:center;width:40px;height:40px;margin:0 auto 16px;display:grid}.empty-state h3{color:#b6c5dc;font-size:13px}.empty-state p{color:#8397b2;margin-top:8px;font-size:12px;line-height:1.8}.record{background:#171f2a;border:1px solid #2b3647;border-radius:12px;align-items:center;gap:8px;margin-bottom:9px;padding:17px 11px 17px 16px;display:flex}.record-main{flex:1;min-width:0}.record h3{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.record p{color:#889db9;margin-top:6px;font-size:10px;line-height:1.7}.record p>span{margin-inline:4px}.record-actions{gap:1px;display:flex}.icon-button{color:#9cb0cf;background:0 0;border-radius:8px;place-items:center;width:44px;height:46px;padding:12px;display:grid}.icon-button svg{width:19px;height:19px}.icon-button:hover{background:#29364b}.edit-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.edit-actions .button{flex:1}.backup-reminder{text-align:left;color:#abc3e9;background:#172131;border:1px solid #2d3b50;border-radius:12px;align-items:center;gap:11px;width:100%;padding:16px 13px;display:flex}.backup-reminder>span:nth-child(2){flex:1;min-width:0}.backup-reminder strong{font-size:12px;font-weight:550;line-height:1.65;display:block}.backup-reminder small{color:#8fa5c5;margin-top:4px;font-size:11px;line-height:1.5;display:block}.reminder-icon{color:#96b0d9}.backup-reminder>svg{width:17px;height:17px}.notice{color:#b9cfed;overflow-wrap:anywhere;background:#1c2b40;border:1px solid #3a5171;border-radius:11px;margin:5px 0 20px;padding:15px 16px;font-size:12px;line-height:1.75}.notice strong{margin-bottom:5px;font-size:12px;font-weight:600;display:block}.notice .button{width:100%;margin-top:10px}.notice.danger{color:#f0c4cd;background:#31232b;border-color:#644553}.notice.warning{color:#c8b89f;background:#28251f;border-color:#4d4538}.notice.warning strong{color:#e1cfb0}.text-button{color:#b9d0f6;text-align:left;background:0 0;min-width:44px;min-height:44px;padding:9px 0;font-size:12px;display:block}.file-summary{border-bottom:1px solid #303b4c;align-items:center;gap:12px;padding-bottom:18px;display:flex}.file-icon{color:#a9c6f4;background:#223148;border:1px solid #394b66;border-radius:10px;place-items:center;width:41px;height:44px;display:grid}.file-summary strong{color:#d4dff0;font-size:13px;font-weight:550;display:block}.file-summary p{color:#91a6c3;margin-top:5px;font-size:11px;line-height:1.6}.panel-copy{color:#a3b2c8;margin:17px 0;font-size:12px;line-height:1.85}.stack-actions{gap:9px;display:grid}.file-picker{color:#bdd3f3;background:#1c293c;border:1px dashed #506786;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;padding:13px 10px;font-size:12px;font-weight:550;display:flex;position:relative;overflow:hidden}.file-picker svg{width:19px;height:19px}.file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.file-picker:focus-within{outline-offset:4px;outline:2px solid #aec8ff}.file-picker.disabled{opacity:.43}.inline-assurance{color:#879ebd;align-items:flex-start;gap:8px;margin-top:18px;font-size:10px;line-height:1.75;display:flex}.inline-assurance svg{width:15px;height:15px;margin-top:2px}.import-preview{border-top:1px solid #39475a;margin-top:23px;padding-top:20px}.import-preview h3{color:#dde8f9;font-size:15px}.import-filename{overflow-wrap:anywhere;color:#a7bedf;margin-top:10px;font-size:12px;line-height:1.7}.import-preview>.field-hint{margin-top:4px}.import-counts{border-block:1px solid #303f53;grid-template-columns:repeat(3,minmax(0,1fr));margin:17px 0;padding:13px 0;display:grid}.import-counts>div{text-align:center;border-right:1px solid #303f53;min-width:0}.import-counts>div:last-child{border:0}.import-counts dt{color:#8eabcf;font-size:10px}.import-counts dd{color:#d4e4fb;margin:7px 0 0;font-size:20px;font-weight:550}.no-additions{color:#a6c5b5;text-align:center;padding:9px 0;font-size:12px}.acceptance-panel>summary{cursor:pointer;color:#dde8f9;align-items:center;gap:12px;min-height:48px;font-size:15px;font-weight:550;list-style:none;display:flex}.acceptance-panel>summary::-webkit-details-marker{display:none}.acceptance-panel>summary:before{content:"+";color:#a9c6f4;font-size:23px}.acceptance-panel[open]>summary:before{content:"−"}.acceptance-panel .import-filename{margin-bottom:14px}.settings-panel .section-title>svg{color:#8ea8ce;width:19px;height:19px}.install-steps{gap:18px;margin:0;padding:0;list-style:none;display:grid}.install-steps li{align-items:flex-start;gap:13px;display:flex}.install-steps li>span{color:#a4bfe8;background:#202b3b;border:1px solid #3c4a61;border-radius:7px;flex-shrink:0;place-items:center;width:25px;height:27px;font-size:11px;display:grid}.install-steps p{color:#9eafc8;font-size:12px;line-height:1.85}.install-steps strong{color:#cedcf0;font-weight:550}.diagnostics{margin:-4px 0 20px}.diagnostics>div{border-bottom:1px solid #2c384a;justify-content:space-between;gap:18px;padding:13px 0;font-size:11px;line-height:1.7;display:flex}.diagnostics dt{color:#8fa3bf}.diagnostics dd{text-align:right;color:#c4d6ef;max-width:57%;margin:0}.privacy-note{align-items:flex-start;gap:12px;padding:4px 5px 0;display:flex}.privacy-note>svg{color:#88a9d8;width:19px;height:19px;margin-top:1px}.privacy-note h2{color:#c2d3eb;font-size:13px;font-weight:550}.privacy-note p{color:#8ea3bf;margin-top:8px;font-size:12px;line-height:1.85}.page-footer{color:#7188a7;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:29px;font-size:10px;display:flex}.page-footer span{color:#465d7d}.bottom-navigation{z-index:5;width:100%;max-width:480px;padding:10px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#151d29;border:1px solid #2c3c53;border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 25px #0a101922}.bottom-tab{color:#8398b7;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:56px;padding:8px 5px;font-size:10px;display:flex;position:relative}.bottom-tab svg{width:21px;height:21px}.bottom-tab.active{color:#adc9fa;background:#23334c}.bottom-tab i{background:#abc8fa;border-radius:50%;width:3px;height:3px;position:absolute;top:11px;right:13px}.skip-link{opacity:0;pointer-events:none;color:#152238;z-index:10;background:#9bbaff;border-radius:7px;padding:15px;position:fixed;top:-100px;left:max(12px,50% - 220px)}.skip-link:focus{opacity:1;pointer-events:auto;top:calc(12px + env(safe-area-inset-top))}@media (max-width:350px){main,.app-header{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.local-badge{letter-spacing:.7px;font-size:8px}.panel{padding-inline:16px}.quiet-label{letter-spacing:.5px;font-size:7px}.record{padding-left:13px}.record-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}