:root{--bg: #d7d7d2;--bg-soft: #ecece7;--panel: #f5f5f0;--ink: #0e0e0d;--muted: #595953;--line: #141414;--accent-red: #ff5031;--accent-green: #2f8e63;--card-a: #efd9a5;--card-b: #c6d1d4;--card-c: #d8cabf;--card-d: #bfd5cc;--radius: 18px;--shadow: 0 18px 30px rgba(15, 15, 15, .15);--shadow-soft: 0 10px 24px rgba(19, 19, 17, .1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}@supports (padding-top: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}input,textarea,button{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,4vw,2.3rem);line-height:1.02;letter-spacing:-.02em}h2{font-size:1.15rem;letter-spacing:-.01em}h3{font-size:1.02rem;letter-spacing:-.01em}.app-shell{min-height:100vh;padding:14px;display:flex;justify-content:center;position:relative}.bg-layer{position:fixed;inset:0;z-index:0;background:radial-gradient(420px 240px at 16% 6%,rgba(255,80,49,.1),transparent),radial-gradient(440px 260px at 84% 10%,rgba(47,142,99,.11),transparent),linear-gradient(180deg,var(--bg-soft),var(--bg))}.bg-layer:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(10,10,10,.06) .7px,transparent .7px);background-size:7px 7px;opacity:.4}.content{position:relative;z-index:1;width:100%;max-width:448px;display:grid;gap:10px;padding-bottom:90px}.hero{display:grid;gap:3px}.hero-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:inset 0 1px 2px #ffffff6b,0 6px 12px #11111029}.profile-photo.preview{border-radius:12px}.profile-photo.fallback{display:grid;place-items:center;background:#111;color:#f4f4ef;font-weight:700}.contact-head{align-items:center}.contact-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;box-shadow:inset 0 1px 1px #ffffff73,0 2px 5px #10100f29}.contact-avatar.fallback{display:grid;place-items:center;background:#111;color:#f5f5ef;font-size:.78rem;font-weight:700}.compact-hero{margin-bottom:2px}.eyebrow{color:var(--muted);font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--muted)}.tiny{font-size:.76rem}.panel{border-radius:var(--radius);background:linear-gradient(180deg,#f8f8f3,#efeee7);box-shadow:var(--shadow);padding:12px;display:grid;gap:10px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-card{border-radius:14px;background:#f7f7f2;box-shadow:var(--shadow-soft);padding:11px}.metric-card:first-child{background:linear-gradient(180deg,#f8efe9,#f3f2ea)}.metric-card:last-child{background:linear-gradient(180deg,#e9f1ec,#f3f3ec)}.summary-tab{border-radius:12px;background:linear-gradient(180deg,#f4f4ef,#ecebe4);padding:10px;display:grid;gap:6px;box-shadow:inset 0 1px 2px #ffffff9e,0 4px 10px #10100f14}.ai-summary-box,.context-box{border-radius:10px;background:linear-gradient(135deg,#e8f0fe,#f0e8fe);padding:10px 12px;margin-bottom:4px}.ai-summary-box .eyebrow,.context-box .eyebrow{margin-bottom:2px}.collab-tab{background:linear-gradient(180deg,#e9efe8,#e3ebe1)}.attachment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.attachment-item{margin:0;display:grid;gap:5px}.attachment-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;box-shadow:inset 0 1px 1px #ffffff61,0 4px 9px #11111024}.metric-card h2{font-size:1.42rem}.recorder-panel{gap:12px}.dot-matrix-large{height:88px;border-radius:12px;background-image:radial-gradient(#111 1px,transparent 1px);background-size:7px 7px;opacity:.74;box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -3px 8px #14141224}.recorder-core{display:grid;justify-items:center;gap:8px}.analog-dial{width:182px;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at center,#efefe9 0 54%,transparent 54%),repeating-conic-gradient(from 0deg,#161616 0deg 1.2deg,transparent 1.2deg 10deg);display:grid;place-items:center;box-shadow:inset 0 0 0 8px #f7f7f3,0 10px 24px #0f0f0f24}.analog-dial.spin{animation:spin 1.6s linear infinite}.dial-center{width:38px;height:38px;border-radius:50%;background:#111;box-shadow:inset 0 2px 3px #fff3,inset 0 -2px 5px #00000059}.record-trigger{border-radius:999px;background:#f4f4ef;color:#111;padding:8px 22px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 2px #fffc,0 4px 8px #12121126}.record-trigger.active{background:var(--accent-red);color:#111}.record-trigger:disabled{opacity:.6;cursor:not-allowed}.dot-wave{height:52px;border-radius:12px;background:#121212;padding:6px 8px;display:flex;align-items:end;gap:4px;box-shadow:inset 0 1px 1px #ffffff14,inset 0 -3px 8px #00000073}.dot-wave.active{box-shadow:inset 0 1px 1px #ffffff14,inset 0 -3px 8px #00000073,0 5px 12px #ff503126}.wave-dot-bar{width:7px;height:var(--h);min-height:6px;border-radius:3px;background-image:radial-gradient(#f6f6f2 1px,transparent 1px);background-size:4px 4px;background-position:center;opacity:.95}.cards-grid{display:grid;gap:10px}.library-head{border-radius:18px;background:#101010;padding:12px;display:grid;gap:9px;box-shadow:0 16px 28px #0a0a0a47}.library-title{color:#f8f8f2;font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:1.7rem;text-transform:uppercase;letter-spacing:.03em}.library-search{width:100%;height:42px;border:none;border-radius:10px;background:#f4f4ef;padding:8px 11px;color:#10100f;box-shadow:inset 0 1px 2px #ffffffa6,0 3px 8px #00000026}.library-filter-row{display:flex;gap:6px;overflow-x:auto}.library-filter-chip{border:none;border-radius:999px;background:#ecece8;color:#232321;padding:5px 12px;font-size:.86rem;cursor:pointer;white-space:nowrap}.library-filter-chip.active{background:#f1dd37;color:#131312}.library-list{display:grid;gap:8px}.library-card{width:100%;border:none;text-align:left;border-radius:14px;padding:11px 12px;display:grid;gap:8px;color:#1f2428;box-shadow:inset 0 1px 2px #ffffff73,0 8px 18px #1010101f}.library-tone-0{background:#bfa7df}.library-tone-1{background:#b8b6e9}.library-tone-2{background:#a9c8d8}.library-tone-3{background:#d5de9f}.library-tone-4{background:#d0a3a7}.library-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.library-name{font-size:clamp(1.95rem,8vw,2.35rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase}.library-pill-stack{display:grid;justify-items:end;gap:4px}.library-pill{border-radius:999px;background:#f3f3f1;padding:4px 10px;font-size:.82rem;color:#232322}.library-pill.role{background:#ec8f4b;color:#1b1b1a}.library-pill.event{background:#f5f5f3}.library-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.library-followup-pill{border-radius:999px;background:#f4f4f2;color:#8d8a84;font-size:.88rem;padding:3px 12px}.library-time{font-size:.74rem;color:#282826b8}.library-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.library-opportunity{font-size:.8rem;color:#1a1a18bf}.library-count{border-radius:999px;background:#ffffff94;padding:2px 8px;font-size:.72rem;color:#1e1e1ebf}.card{width:100%;text-align:left;border-radius:16px;box-shadow:var(--shadow-soft);padding:12px;display:grid;gap:8px;color:#101010}.card-tone-0{background:linear-gradient(180deg,var(--card-a),#f4e5be)}.card-tone-1{background:linear-gradient(180deg,var(--card-b),#d8e1e3)}.card-tone-2{background:linear-gradient(180deg,var(--card-c),#e6ddd7)}.card-tone-3{background:linear-gradient(180deg,var(--card-d),#d3e1db)}label{display:grid;gap:6px;font-size:.89rem}input,textarea{width:100%;border:none;border-radius:12px;background:#fefefb;color:#111;padding:10px 11px;box-shadow:inset 0 2px 3px #fffc,inset 0 -1px 2px #0000000f,0 1px 2px #0000000a}input::placeholder,textarea::placeholder{color:#88867f}.search{height:44px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.compact{gap:6px}.wrap{flex-wrap:wrap;justify-content:flex-start}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary,.ghost,.danger,.chip,.record{border:none;border-radius:12px}.primary{background:#0f0f0e;color:#f7f7f1;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px 2px #ffffff1a,0 8px 14px #0c0c0b47}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{background:#f6f5ef;color:#151514;padding:8px 12px;cursor:pointer;box-shadow:inset 0 1px 2px #ffffffbf,0 4px 9px #1212111a}.ghost.mini{font-size:.74rem;padding:4px 10px;text-decoration:none}.danger{background:#ffe4df;color:#6d1d0e;padding:10px 12px;cursor:pointer;box-shadow:inset 0 1px 2px #ffffffb3,0 4px 9px #6d1d0e1f}.danger-text{color:#b91c1c}.delete-confirm-panel{background:#fff5f5;border:1px solid #fecaca;border-radius:12px;padding:14px;margin-top:8px}.delete-confirm-panel p{margin-bottom:10px}.full{width:100%}.text-center{text-align:center}.no-decoration{text-decoration:none}.chip{font-size:.74rem;background:#f7f6f1;color:#252522;padding:4px 10px;cursor:pointer;box-shadow:0 2px 5px #10100f14}.chip.active{background:#121212;color:#f5f5f1}.chip.event{background:var(--accent-green);color:#f3fff8;box-shadow:inset 0 1px 1px #ffffff38,0 2px 6px #14503626}.chip-opportunity{background:#111;color:#f5f4ef}.chips-wrap{display:flex;gap:6px;overflow-x:auto}.record{background:#121212;color:#f5f5ef;padding:10px 12px;cursor:pointer}.record.recording{background:#1b0f0e}.record:disabled{opacity:.6;cursor:not-allowed}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:10px;width:min(460px,calc(100vw - 20px));border-radius:18px;background:#f4f3ee;box-shadow:0 14px 26px #0f0f0f33,inset 0 1px 2px #ffffffa6;padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;z-index:40}.nav-item{border:none;border-radius:12px;background:transparent;color:#1b1b19;padding:6px 8px;display:grid;justify-items:center;gap:4px;cursor:pointer;font-size:.76rem}.nav-item.active{background:#111;color:#f6f6f2;box-shadow:0 8px 12px #1010103d}.dot-glyph{width:20px;height:20px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:1px}.dot-glyph .dot{width:3px;height:3px;border-radius:50%;background:#4646434d}.dot-glyph .dot.on{background:currentColor}.overlay{position:fixed;inset:0;z-index:50;background:#12121157;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;padding:0 8px 8px;padding-top:env(safe-area-inset-top,0px)}.sheet{width:100%;max-width:448px;max-height:min(86vh,760px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:20px;background:linear-gradient(180deg,#f7f7f2,#ecebe4);box-shadow:0 24px 40px #0f0f0f40;padding:14px;display:grid;gap:10px}.expanded-sheet{background:linear-gradient(180deg,#dfdeed,#d6d5e7)}.expanded-card{border-radius:16px;background:#b8b7e7;padding:12px;display:grid;gap:10px;box-shadow:inset 0 1px 2px #fff6,0 10px 20px #1f1f2429}.expanded-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.expanded-name{font-size:clamp(2rem,9vw,2.45rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:#212330}.expanded-pill-stack{display:grid;justify-items:end;gap:5px}.expanded-pill{border-radius:999px;padding:4px 10px;font-size:.88rem;line-height:1}.expanded-pill-role{background:#f09a52;color:#1f1b17}.expanded-pill-event{background:#f4f4f2;color:#2a2a2b}.expanded-followup-pill{width:fit-content;border-radius:999px;background:#f3f3f1;color:#8b8a85;font-size:.92rem;padding:3px 12px}.expanded-divider{height:1.5px;background:#1f1f246b}.expanded-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.expanded-label{color:#e9e8ef;font-size:.78rem;margin-bottom:4px}.expanded-value{color:#17181f;font-size:1.74rem;font-weight:700;letter-spacing:-.025em;text-transform:uppercase}.expanded-social-list{display:grid;gap:2px}.expanded-social-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;color:#1e1f25;text-decoration:none;padding:5px 0}.expanded-social-row.disabled{opacity:.62;cursor:default}.expanded-social-label{color:#f0eff5;font-size:.78rem}.expanded-social-value{font-size:1.78rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.expanded-social-arrow{color:#2c2c30;font-size:1.2rem}.expanded-section{display:grid;gap:5px}.expanded-summary-text{color:#14141c;font-size:1.02rem;line-height:1.26}.expanded-tags-row{display:flex;flex-wrap:wrap;gap:6px}.expanded-tag{border-radius:999px;background:#f5f5f3eb;color:#1e1e1f;font-size:.79rem;padding:3px 10px}.expanded-collab-text{font-size:1.1rem;color:#181922}.expanded-actions{display:grid;gap:8px}.expanded-edit-panel{background:linear-gradient(180deg,#f2f2ee,#e8e7df)}.insight-panel{border-radius:12px;background:linear-gradient(180deg,#f2f1ea,#ebe9e0);padding:9px 10px;display:grid;gap:6px;box-shadow:inset 0 1px 2px #ffffffa6,0 4px 10px #10100f14}.insight-list{display:grid;gap:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sheet:before{content:"";width:72px;height:5px;margin:0 auto 4px;border-radius:999px;background:#181818}.entry-list{display:grid;gap:8px}.entry-card{border-radius:14px;background:#f7f7f2;padding:10px;display:grid;gap:8px;box-shadow:inset 0 1px 2px #fff9,0 4px 10px #10100f12}.entry-edit-panel{display:grid;gap:8px;margin-top:4px}.auth-email-form{display:grid;gap:8px}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#14141424}.timeline-entry{background:linear-gradient(180deg,#f2f2ec,#ecebe4)}.tutorial-card{min-height:58vh;align-content:center}.dots-row{display:flex;gap:6px;padding-top:4px}.dots-row .dot{width:8px;height:8px;border-radius:50%;background:#bbb8af;box-shadow:inset 0 1px 1px #ffffff8c,0 1px 2px #0000001a}.dots-row .dot.active{background:var(--accent-red)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:374px){.grid2,.metrics-grid{grid-template-columns:1fr}.expanded-name,.library-name{font-size:1.6rem}.expanded-social-value{font-size:1.3rem}.expanded-social-row{grid-template-columns:70px 1fr auto}}@media(max-width:480px){.app-shell{padding:8px;padding-bottom:env(safe-area-inset-bottom,0)}.content{gap:8px;padding-bottom:80px}.panel{padding:10px;border-radius:14px}.sheet{max-height:min(92vh,800px);padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));border-radius:16px 16px 0 0}.overlay{padding:0;align-items:flex-end}.bottom-nav{bottom:0;border-radius:14px 14px 0 0;width:100%;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0))}button,.ghost,.primary,.danger,.record{min-height:44px}.ghost.mini{min-height:36px;padding:6px 12px}input,textarea{font-size:16px;padding:12px}.expanded-meta-grid{grid-template-columns:1fr}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}