:root{--background:#f6f7f2;--paper:#fff;--ink:#1f2924;--muted:#727b75;--line:#e2e7df;--green:#2563eb;--green-soft:#eff6ff;--danger:#9b5f55}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.screen{min-height:100vh;padding:24px}.centered{display:flex;align-items:center;justify-content:center}.card{width:min(100%,470px);padding:34px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 18px 60px rgb(31 41 36/7%)}.card>header,.modal>footer,.modal>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:11px;font-weight:650;letter-spacing:-.02em}.brand-mark{display:inline-flex;align-items:flex-end;gap:2px;width:24px;height:24px}.brand-mark i{display:block;width:5px;border-radius:4px;background:var(--green);transform:rotate(-18deg)}.brand-mark i:first-child{height:11px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:8px}.icon{display:grid;place-items:center;width:52px;height:52px;margin:54px auto 24px;border-radius:14px}.message-icon{color:var(--green);background:var(--green-soft)}.linkedin-icon{color:#52739a;background:#edf2f7;font-size:28px;font-weight:750}.linkedin-icon.connected{color:var(--green);background:var(--green-soft)}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:29px;line-height:1.15;letter-spacing:-.04em;text-align:center}h2{margin-bottom:0;font-size:20px;letter-spacing:-.02em}.card>p{margin:0 auto 28px;max-width:360px;color:var(--muted);line-height:1.65;text-align:center}.card strong{color:var(--ink);font-weight:650}.primary{gap:9px;min-height:46px;padding:11px 18px;border:0;border-radius:10px;background:var(--green);color:white}.primary,.secondary{display:flex;align-items:center;justify-content:center;width:100%;font-weight:620}.secondary{gap:8px;min-height:42px;margin:18px 0 12px;padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:var(--background);color:var(--green);font-size:13px}.icon-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent}.text-button{padding:8px;color:var(--muted);font-size:12px}.icon-button{width:36px;height:36px;border-radius:8px;color:var(--muted)}.icon-button:hover{background:var(--background)}.danger{color:var(--danger)}.auth-card .text-button{width:100%;margin-top:20px}.status{display:flex;align-items:center;justify-content:center;gap:6px;margin:-10px 0 30px;color:var(--green);font-size:12px;font-weight:650}.status.checking{color:var(--muted)}.quiet-actions{display:flex;justify-content:center;gap:6px;margin-top:20px}.quiet{margin-left:10px;color:var(--muted)}.error,.quiet{font-size:12px}.error{margin:18px 0 0!important;color:var(--danger)!important;line-height:1.5!important;text-align:center}.eyebrow{margin-bottom:7px;color:var(--muted);font-size:9px;letter-spacing:.15em}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgb(23 35 29/45%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(100%,1080px);max-height:94vh;overflow:auto;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 25px 100px rgb(18 31 24/22%)}.modal>p{margin:18px 0;color:var(--muted);font-size:13px}.modal>.browser-status{margin-bottom:8px;color:var(--green)}.modal iframe{width:100%;height:62vh;border:1px solid var(--line);border-radius:10px;background:white}.modal>footer{margin-top:18px}.modal>footer .primary{width:auto}.modal-recovery{margin-top:22px;padding:24px;border-radius:10px;background:#faf2ef;color:var(--danger)}.modal-recovery p{margin:0 0 10px;line-height:1.55}.modal-recovery .primary{width:auto;margin-top:20px}.mobile-hint{max-width:420px;color:var(--muted);font-size:11px;line-height:1.5}.remote-frame{display:grid;place-items:center;width:min(100%,390px);aspect-ratio:390/700;margin:16px auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}.remote-frame>span{display:flex;align-items:center;gap:9px;font-size:12px}.remote-frame img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none}.keyboard-bridge{display:grid;grid-template-columns:1fr auto;gap:8px;width:min(100%,390px);margin:18px auto}.keyboard-bridge label{grid-column:1/-1;color:var(--muted);font-size:11px}.keyboard-bridge input{min-width:0;height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit}.keyboard-bridge>.primary{width:auto;min-height:44px}.input-kind{display:flex;grid-column:1/-1;align-items:center;gap:6px;margin-bottom:2px}.input-kind span{margin-right:3px;color:var(--muted);font-size:11px}.input-kind button{min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);font-size:11px}.input-kind button.selected{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:650}.key-controls{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:7px}.key-controls button{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--background);color:var(--green);font-size:12px}.vault-form{display:grid;gap:8px;margin-top:22px}.vault-form label{color:var(--muted);font-size:11px;font-weight:620}.vault-form input{width:100%;height:44px;margin-bottom:4px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit}.vault-form input:focus{border-color:var(--green);outline:3px solid rgb(37 99 235/12%)}.vault-form .primary{margin-top:6px}.direct-signin{margin-bottom:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:560px){.screen{padding:14px}.card{padding:25px 20px}.icon{margin-top:42px}h1{font-size:25px}.quiet-actions{align-items:center;flex-direction:column}.modal{padding:18px}.modal iframe{height:66vh}.modal>footer{align-items:stretch;flex-direction:column-reverse}.modal>footer .primary{width:100%}.modal-backdrop{align-items:start;overflow-y:auto;padding:10px}.modal{width:100%;max-height:none;overflow:visible}}