:root{--font: "Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #0f1319;--surface: #171c24;--surface-2: #1f2630;--text: #f3f4f6;--muted: #98a2b3;--line: rgba(255, 255, 255, .08);--accent: #9cc3f1;--accent-ink: #0b1220;--danger: #f28b82;--radius: 20px;--radius-sm: 12px;color-scheme:dark}.theme-light{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eceff3;--text: #121417;--muted: #5b6470;--line: rgba(0, 0, 0, .08);--danger: #b3261e;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100dvh}a{color:inherit}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.shell{max-width:440px;margin:0 auto;padding:28px 16px calc(24px + env(safe-area-inset-bottom));min-height:100dvh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.wordmark{font-weight:800;letter-spacing:-.02em;font-size:18px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.wordmark svg{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;font-weight:600;font-size:16px;cursor:pointer;width:100%}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:700;min-height:56px;font-size:17px}.btn--ghost{background:transparent}.btn--small{min-height:40px;font-size:14px;width:auto;padding:0 14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field span{font-size:14px;color:var(--muted);font-weight:500}.field input,.field textarea{min-height:50px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);font-size:16px}.field textarea{min-height:96px;resize:vertical}.notice{padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-2);font-size:15px;line-height:1.45}.notice--error{color:var(--danger)}.muted{color:var(--muted)}.hero{padding-top:8px}.hero__photo{width:124px;height:124px;border-radius:30px;object-fit:cover;display:block;background:var(--surface-2)}.hero__initials{width:124px;height:124px;border-radius:30px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:44px;font-weight:800;letter-spacing:-.02em}.hero__name{margin:22px 0 6px;font-size:clamp(32px,9vw,38px);line-height:1.02;font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere}.hero__title{margin:0;font-size:18px;font-weight:500;color:var(--muted)}.hero__company{margin:2px 0 0;font-size:18px;font-weight:600}.hero__bio{margin:18px 0 0;font-size:16px;line-height:1.5;max-width:34ch}.links{list-style:none;margin:28px 0 0;padding:0;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.links li+li{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 14px 10px 16px;text-decoration:none}.row:active{background:var(--surface-2)}.row__icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent);flex:none}.row__icon svg{width:22px;height:22px}.row__text{display:flex;flex-direction:column;min-width:0;flex:1}.row__label{font-weight:700;font-size:16px}.row__hint{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__chev{color:var(--muted);flex:none}.row__chev svg{width:18px;height:18px}.save-bar{position:sticky;bottom:0;margin-top:24px;padding:12px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 72%,transparent)}.lead{margin-top:28px;padding:18px 16px 6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.lead h2{margin:0 0 4px;font-size:19px;letter-spacing:-.01em}.lead p{margin:0 0 16px;color:var(--muted);font-size:15px}.brand{margin-top:28px;text-align:center;font-size:13px;color:var(--muted)}.brand a{text-decoration:none;font-weight:600}.state{margin:auto 0;padding:24px 0}.state h1{font-size:clamp(30px,8.5vw,36px);line-height:1.05;letter-spacing:-.025em;font-weight:800;margin:0 0 14px}.state p{font-size:17px;line-height:1.5;color:var(--muted);margin:0 0 24px;max-width:36ch}.state .btn+.btn{margin-top:10px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.panel h1{font-size:28px;letter-spacing:-.02em;margin:0 0 6px}.panel h2{font-size:18px;margin:28px 0 10px}.list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list li{display:flex;align-items:center;gap:12px;padding:14px 16px}.list li+li{border-top:1px solid var(--line)}.list .grow{flex:1;min-width:0}.list .primary{font-weight:700}.list .secondary{font-size:14px;color:var(--muted)}.pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.pill--active{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.pill--disabled{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.empty{padding:22px 16px;color:var(--muted);font-size:15px;line-height:1.5}.tabs{display:flex;background:var(--surface-2);border-radius:999px;padding:4px;margin-bottom:22px}.tabs button{flex:1;min-height:40px;border:0;border-radius:999px;background:transparent;font-weight:600;cursor:pointer}.tabs button[aria-selected=true]{background:var(--surface)}
