*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #004F99;--blue-dark: #003D75;--green: #00BA00;--pale: #eef4fb;--text: #1a1a1a;--muted: #555;--border: #d3e2f0;--danger: #b00020;--amber: #c77700}body{font-family:Georgia,Times New Roman,serif;color:var(--text);line-height:1.6;background:#fff}h1,h2,h3{line-height:1.25;color:var(--blue)}a{color:var(--blue)}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--blue);border-bottom:1px solid var(--blue-dark);flex-shrink:0}.app-nav .logo{display:inline-flex;align-items:center;gap:.55rem;font-size:1.35rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}.app-nav .logo img{height:4rem;width:4rem;display:block;margin-top:-1rem;margin-bottom:-1rem}.app-nav .spacer{flex:1}.brand-mark{height:5rem;width:5rem;display:block;margin:0 auto .5rem}.app-shell{display:flex;flex-direction:column;height:100dvh}.app-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.container{width:100%;max-width:680px;margin:0 auto;padding:2rem;flex:1;min-height:0;display:flex;flex-direction:column}.center-screen{max-width:380px;margin:10vh auto;padding:0 1.5rem;text-align:center}.muted{color:var(--muted)}.btn{display:inline-block;font-family:system-ui,sans-serif;font-size:1rem;padding:.7rem 1.5rem;border-radius:4px;border:1px solid transparent;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-secondary{background:transparent;color:var(--blue);border-color:var(--blue)}.btn-secondary:hover:not(:disabled){background:var(--pale)}.btn-sm{padding:.4rem .9rem;font-size:.85rem}.field{display:grid;gap:.5rem}input[type=text],input[type=email],input[type=url],input[type=datetime-local]{width:100%;padding:.6rem;font-family:system-ui,sans-serif;font-size:.95rem;border:1px solid var(--border);border-radius:4px}input[type=file]{font-family:system-ui,sans-serif;font-size:.9rem}input:focus{outline:2px solid var(--blue);outline-offset:-1px}.field-hint{font-size:.85rem;font-family:system-ui,sans-serif}.field-hint.ok{color:#15803d}.field-hint.idle{color:#999}.form-error{color:var(--danger);font-family:system-ui,sans-serif;font-size:.9rem}.checkbox-row{display:flex;align-items:flex-start;gap:.5rem;font-family:system-ui,sans-serif;font-size:.9rem;text-align:left}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.avatar-sm{width:40px;height:40px;border-color:#fff9}.avatar-menu{position:relative}.avatar-button{padding:0;border:none;background:transparent;border-radius:50%;line-height:0;cursor:pointer}.avatar-button:disabled{opacity:.6;cursor:default}.menu{position:absolute;right:0;top:calc(100% + .5rem);z-index:20;min-width:160px;display:grid;gap:.1rem;padding:.3rem;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px #00000026}.menu-item{width:100%;text-align:left;padding:.55rem .7rem;border:none;border-radius:4px;background:transparent;font-family:system-ui,sans-serif;font-size:.9rem;color:var(--text);cursor:pointer}.menu-item:hover{background:var(--pale)}.menu-item:disabled{opacity:.6;cursor:default}.menu-item-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem}.menu-note{padding:0 .7rem .4rem;font-family:system-ui,sans-serif;font-size:.75rem;color:var(--muted);max-width:220px}.switch{flex-shrink:0;position:relative;width:34px;height:20px;border-radius:999px;background:var(--border);transition:background .15s}.switch.on{background:var(--green)}.switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.switch.on .switch-knob{left:16px}.avatar-menu-error{position:absolute;right:0;top:calc(100% + .5rem);z-index:20;max-width:220px;padding:.5rem .7rem;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 20px #00000026}.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--pale);color:var(--blue);font-family:system-ui,sans-serif;font-weight:700;font-size:1.25rem}.card{border:1px solid var(--border);border-top:3px solid var(--green);border-radius:6px;padding:1.25rem}.contact-list{list-style:none;flex:1;min-height:0;overflow-y:auto}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem;border-bottom:1px solid var(--border);border-left:3px solid transparent}.contact-row--member{border-left-color:var(--green)}.contact-row--provisional{border-left-color:var(--amber)}.contact-row--linkedin{border-left-color:var(--border)}.contact-row .contact-main{min-width:0}.contact-row .contact-main a{overflow-wrap:anywhere}.contact-row .note{color:var(--muted);font-size:.85rem;font-family:system-ui,sans-serif}.nudge{display:grid;gap:.4rem;margin-top:1rem;padding:1rem 1.1rem;background:#fff8e1;border:1px solid #f0dca0;border-left:4px solid var(--amber);border-radius:6px}.nudge-eyebrow{font-family:system-ui,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--amber)}.nudge-title{font-size:1.05rem;color:var(--text)}.nudge-body{font-family:system-ui,sans-serif;font-size:.9rem;color:var(--text)}.nudge .btn{justify-self:start;margin-top:.35rem}.timeline-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;margin-top:1.25rem;padding:0 .25rem;border:1px solid var(--border);border-radius:6px}.timeline-list{list-style:none;padding:1rem .75rem}.timeline-stem{position:relative;--tl-gutter: 3.6rem;--tl-stem: 4.3rem}.tl-row{position:relative;padding-left:5.3rem;padding-bottom:1.4rem}.tl-row:after{content:"";position:absolute;left:var(--tl-stem);top:0;bottom:0;width:3px;background:var(--green)}.tl-row:before{content:"";position:absolute;left:calc(var(--tl-stem) - 4px);top:calc(50% - .7rem);transform:translateY(-50%);width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid #fff;z-index:1}.tl-when{position:absolute;left:0;top:calc(50% - .7rem);transform:translateY(-50%);width:var(--tl-gutter);display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-family:system-ui,sans-serif;line-height:1.25}.tl-date{font-size:.78rem;font-weight:700;color:var(--text);white-space:nowrap}.tl-time{font-size:.72rem;color:var(--muted);white-space:nowrap}.tl-card{border:1px solid var(--border);border-radius:6px;background:#fff;padding:.85rem}.tl-event{display:flex;gap:.9rem}.tl-card-body{min-width:0}.tl-eyebrow{font-family:system-ui,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin-bottom:.3rem}.tl-row--during:after{background:var(--blue);width:5px;left:calc(var(--tl-stem) - 1px)}.tl-row--during:before{background:var(--blue)}.tl-row--highlight .tl-card{animation:card-added 2.4s ease-out}@keyframes card-added{0%{background:#d9e6f2}to{background:#fff}}@media(prefers-reduced-motion:reduce){.tl-row--highlight .tl-card{animation:none}}.event-image{width:72px;height:72px;object-fit:cover;border-radius:4px;flex-shrink:0}.event-body{min-width:0}.event-title{font-size:1.05rem;margin-bottom:.15rem}.event-when{color:var(--muted);font-family:system-ui,sans-serif;font-size:.85rem}.event-link{font-family:system-ui,sans-serif;font-size:.85rem;overflow-wrap:anywhere}.now-marker{position:relative;display:flex;align-items:center;padding-left:5.3rem;padding-bottom:1.4rem;min-height:1.4rem;color:var(--green);font-family:system-ui,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.now-marker:after{content:"";position:absolute;left:var(--tl-stem);top:0;bottom:0;width:3px;background:var(--green)}.now-marker:before{content:"";position:absolute;left:calc(var(--tl-stem) - 5px);top:calc(50% - .7rem);transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--green);z-index:1}.tl-pot{position:relative;height:2.6rem}.tl-pot:after{content:"";position:absolute;left:var(--tl-stem);top:0;height:.9rem;width:3px;background:var(--green);z-index:10}.tl-pot:before{content:"";position:absolute;left:calc(var(--tl-stem) + 1.5px - 1.05rem);top:.6rem;width:2.1rem;height:1.9rem;background:var(--blue);border-top:.35rem solid var(--blue-dark);box-sizing:border-box;clip-path:polygon(0 0,100% 0,92% 22%,82% 100%,18% 100%,8% 22%)}.connect-intro{text-align:center}.connect-intro h2{margin-bottom:.25rem}.connect-choices{display:grid;gap:.6rem;margin-top:1.25rem}.connect-choices .btn{width:100%}.id-card{display:grid;justify-items:center;gap:.55rem;text-align:center}.id-card-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--pale)}.id-card-avatar.avatar-placeholder{font-size:2rem}.id-card-name{font-size:1.35rem;font-weight:700;color:var(--blue)}.id-card-headline{margin-top:-.25rem;font-family:system-ui,sans-serif;font-size:.9rem;color:var(--muted)}.id-card .qr-code{margin-top:.5rem}.id-card-url{font-family:system-ui,sans-serif;font-size:.8rem;word-break:break-all}.id-card-hint{font-family:system-ui,sans-serif;font-size:.8rem;color:var(--muted);max-width:32ch}.qr-code{width:216px;height:216px;max-width:100%}.qr-button{position:relative;display:inline-flex;padding:0;border:none;background:none;cursor:pointer;border-radius:6px}.qr-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.qr-copied{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.3rem .7rem;border-radius:999px;background:var(--blue);color:#fff;font-size:.85rem;font-family:system-ui,sans-serif;opacity:0;transition:opacity .15s ease;pointer-events:none}.qr-copied.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.qr-copied{transition:none}}.scanner-video{width:100%;max-width:320px;aspect-ratio:1 / 1;object-fit:cover;background:#000;border-radius:6px}.bottom-bar{display:flex;flex-shrink:0;align-items:stretch;background:var(--blue);border-top:1px solid var(--blue-dark);padding-bottom:env(safe-area-inset-bottom)}.bottom-bar-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.85rem;border:none;background:transparent;color:#ffffffa6;cursor:pointer}.bottom-bar-btn.active{color:#fff}.bottom-bar-btn svg{display:block}.bottom-bar-add{flex:0 0 auto;margin:.4rem .75rem;padding:0;width:3rem;border-radius:999px;background:var(--green);color:#fff}.bottom-bar-add.active{color:#fff}.connect-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#00000080}.connect-modal{position:relative;width:100%;max-width:420px;max-height:90dvh;overflow-y:auto;padding:1.75rem;padding-bottom:calc(1.75rem + env(safe-area-inset-bottom));background:#fff;border-top:4px solid var(--green);border-radius:14px;box-shadow:0 18px 50px #0000004d}.connect-modal-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer}.connect-modal-close:hover{background:var(--pale)}.connect-brand{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:1rem;font-family:system-ui,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:-.5px;color:var(--blue)}.connect-brand img{height:2.2rem;width:2.2rem;display:block}.view{margin-top:.5rem;flex:1;min-height:0;display:flex;flex-direction:column}.view-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.5rem}.view-header h2{margin:0}.search-input{margin:1rem 0}.rolodex-letter{position:sticky;top:0;z-index:1;margin-top:.75rem;padding:.3rem .7rem;background:var(--pale);border-radius:4px;color:var(--blue);font-family:system-ui,sans-serif;font-weight:700;font-size:.8rem}.contact-identity{display:flex;align-items:center;gap:.75rem}.contact-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kind-badge{flex-shrink:0;padding:.05rem .45rem;border-radius:999px;border:1px solid transparent;font-family:system-ui,sans-serif;font-size:.68rem;font-weight:700}.kind-badge--member{background:var(--green);color:#fff}.kind-badge--provisional{color:var(--amber);border-color:var(--amber)}.kind-badge--linkedin{color:var(--muted);border-color:var(--border)}.contact-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.contact-avatar.avatar-placeholder{font-size:1rem}.contact-text{min-width:0}.contact-name{font-weight:700;overflow-wrap:anywhere}.t2t-badge{display:inline-block;margin-left:.5rem;padding:.05rem .45rem;border-radius:999px;background:var(--green);color:#fff;font-family:system-ui,sans-serif;font-size:.7rem;font-weight:700;vertical-align:middle}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#00000080}.modal-card{position:relative;width:100%;max-width:440px;max-height:90dvh;overflow-y:auto;padding:1.75rem;padding-bottom:calc(1.75rem + env(safe-area-inset-bottom));background:#fff;border-top:4px solid var(--green);border-radius:14px;box-shadow:0 18px 50px #0000004d}.modal-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer}.modal-close:hover{background:var(--pale)}.modal-title{margin-bottom:1rem}.welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#004f9973}.welcome-card{width:100%;max-width:380px;display:grid;justify-items:center;gap:1rem;padding:2rem 1.75rem;text-align:center;background:#fff;border-top:3px solid var(--green);border-radius:10px;box-shadow:0 12px 40px #00000040}.welcome-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--pale);color:var(--blue)}.welcome-icon svg{width:30px;height:30px}.welcome-title{font-size:1.4rem}.welcome-body{font-family:system-ui,sans-serif;font-size:.95rem;color:var(--text)}.welcome-dots{display:flex;gap:.4rem}.welcome-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.welcome-dot.on{background:var(--green)}.welcome-actions{display:flex;gap:.75rem;width:100%;margin-top:.25rem}.welcome-actions .btn{flex:1}@media(max-width:600px){.app-nav{padding:.75rem 1rem}.container{padding:1.5rem 1rem}.contact-row{flex-wrap:wrap}.contact-row .contact-main{flex:1 1 100%}}