:root{color-scheme:light;--bg:#f5f7fc;--card:#fff;--ink:#162642;--muted:#687995;--line:#e4eaf4;--accent:#2563eb;--soft:#ebf2ff;--outside:#e8edf5;--good:#327468;--warn:#8a5814;--warnbg:#fff5df;--danger:#b42332;--dangerbg:#fff0f1;--primary:#2563eb;--on-primary:#fff;--shadow:0 12px 40px #233a6010}:root[data-theme=dark]{color-scheme:dark;--bg:#0d1421;--card:#161f30;--ink:#edf3ff;--muted:#a0aec5;--line:#2a3548;--accent:#85adff;--soft:#202e4c;--outside:#080d15;--good:#8ad7c5;--warn:#f2cc86;--warnbg:#33291b;--danger:#ffacb5;--dangerbg:#39232c;--primary:#85adff;--on-primary:#0d1421;--shadow:0 12px 40px #0003}:root{--gap:20px;font-family:system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;font-size:15px;line-height:1.6;font-variant-numeric:tabular-nums;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1{font-size:26px;line-height:1.3;letter-spacing:-.05em;margin:8px 0 20px}h2{font-size:18px;margin:0 0 14px;letter-spacing:-.03em}h3{font-size:16px}.shell{min-height:100dvh}.topbar{display:flex;gap:16px;align-items:center;padding:16px max(20px,env(safe-area-inset-left));background:var(--card);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:800;text-decoration:none}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:var(--on-primary)}.brand-note{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-left:auto}.app-nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;background:var(--card);border-top:1px solid var(--line);padding:8px 12px max(12px,env(safe-area-inset-bottom))}.app-nav a{flex:1;min-width:0;min-height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:var(--muted);font-size:12px;gap:2px;border-radius:12px}.app-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.app-nav a[aria-current=page]{color:var(--accent);background:var(--soft);font-weight:700}.page{max-width:960px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-left)) calc(110px + env(safe-area-inset-bottom));min-width:0}.page.narrow{max-width:460px;padding-top:12vh;text-align:center}.card,.page>section{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;margin:0 0 18px;min-width:0;box-shadow:var(--shadow)}.summary-card{background:linear-gradient(130deg,var(--soft),var(--card))}.card p:last-child{margin-bottom:0}.eyebrow{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.16em;margin-bottom:8px}.hero-name{font-size:26px;font-weight:750;margin:8px 0;letter-spacing:-.04em}.home-grid{display:grid;gap:0 18px}.list{list-style:none;padding:0;margin:0 0 20px}.list li,.list-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.list li{flex-wrap:wrap}.list li>span:first-child,.row-main{flex:1;min-width:0;overflow-wrap:anywhere}.list-row:last-child{border-bottom:0}.row-main p{margin:4px 0}.muted,.note,small{color:var(--muted)}.notice{padding:14px 16px;background:var(--soft);color:var(--muted);border-radius:14px;overflow-wrap:anywhere}.error,.field-error{color:var(--danger)}.notice.error{background:var(--dangerbg)}.field-error{margin:0 0 8px}button,.button{min-height:44px;padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}button.primary,.button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button:disabled{opacity:.55;cursor:not-allowed}form{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:16px;min-width:0}form label{display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:0}input,select{min-height:44px;padding:9px 10px;font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;max-width:100%;min-width:0}form input,form select{width:100%}fieldset{border:0;padding:0;margin:0;display:contents}.pill{display:inline-flex;border-radius:20px;background:var(--soft);color:var(--accent);padding:3px 10px;font-size:12px}.segmented{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--bg)}.segmented button{flex:1;background:transparent;border:0;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--card);box-shadow:var(--shadow);color:var(--accent);font-weight:700}.switch{width:52px;min-width:52px;height:44px;padding:0;position:relative;border:0;background:transparent}.switch:before{content:"";position:absolute;left:0;right:0;top:8px;height:28px;background:var(--muted);border-radius:20px}.switch:after{content:"";position:absolute;top:11px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--card);transition:transform .15s}.switch[aria-checked=true]:before{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(24px);background:var(--on-primary)}.saved{color:var(--good);font-size:13px}.table{width:100%;border-collapse:collapse;margin-bottom:16px}.table th,.table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}.table th{font-weight:600;font-size:13px;color:var(--muted)}.table td button{margin:3px 0}.table-wrap{overflow-x:auto;max-width:100%}.table-wrap .table{min-width:480px}.connection-cards{display:grid;gap:12px}.connection-card{border:1px solid var(--line);border-radius:14px;padding:16px}.connection-card h3{margin:0 0 6px}.connection-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:14px}.connection-actions{display:flex;flex-wrap:wrap;gap:8px}.skeleton-block{display:grid;gap:10px;margin-bottom:20px}.skeleton-row{height:44px;border-radius:10px;background:var(--line);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;display:grid;place-items:center;padding:20px;z-index:10}.dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:20px;max-width:440px;width:100%;box-shadow:var(--shadow)}.dialog h2{margin-top:0}.dialog>p{max-height:60vh;overflow-y:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;overflow-wrap:anywhere}dt{color:var(--muted);font-size:13px}dd{margin:0;min-width:0}summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:650}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(min-width:900px){.topbar{padding:16px max(24px,calc((100% - 920px)/2))}.app-nav{position:static;border-top:0;border-bottom:1px solid var(--line);padding:8px max(24px,calc((100% - 920px)/2))}.app-nav a{flex-direction:row;gap:8px;font-size:14px}.page{padding-bottom:40px}.home-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}