:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;color:#20243a;background:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f6fa;--surface: #ffffff;--surface-soft: #f9faff;--surface-tint: #f0f2ff;--text: #20243a;--muted: #798096;--muted-2: #a5abbc;--border: #e5e7f0;--border-strong: #d8dbe8;--primary: #4d5bd5;--primary-dark: #3948bd;--primary-soft: #ebedff;--coral: #e77867;--coral-soft: #fff0ed;--teal: #319e9b;--teal-soft: #e9f8f6;--gold: #c38b38;--gold-soft: #fff6e5;--shadow-sm: 0 2px 8px rgb(27 34 71 / 5%);--shadow-md: 0 10px 30px rgb(27 34 71 / 8%);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--bottom-nav-height: 78px}:root[data-theme=dark]{color:#f5f6ff;background:#11151f;--bg: #11151f;--surface: #191e2c;--surface-soft: #202536;--surface-tint: #252b4b;--text: #f5f6ff;--muted: #a1a8ba;--muted-2: #6e778f;--border: #2b3246;--border-strong: #384158;--primary: #8993ff;--primary-dark: #a2aaff;--primary-soft: #292e58;--coral: #ff9785;--coral-soft: #3b292d;--teal: #64d3c7;--teal-soft: #1d3839;--gold: #e4ad58;--gold-soft: #3c3020;--shadow-sm: 0 2px 8px rgb(0 0 0 / 15%);--shadow-md: 0 12px 30px rgb(0 0 0 / 20%)}@media(prefers-color-scheme:dark){:root[data-theme=system]{color:#f5f6ff;background:#11151f;--bg: #11151f;--surface: #191e2c;--surface-soft: #202536;--surface-tint: #252b4b;--text: #f5f6ff;--muted: #a1a8ba;--muted-2: #6e778f;--border: #2b3246;--border-strong: #384158;--primary: #8993ff;--primary-dark: #a2aaff;--primary-soft: #292e58;--coral: #ff9785;--coral-soft: #3b292d;--teal: #64d3c7;--teal-soft: #1d3839;--gold: #e4ad58;--gold-soft: #3c3020;--shadow-sm: 0 2px 8px rgb(0 0 0 / 15%);--shadow-md: 0 12px 30px rgb(0 0 0 / 20%)}}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.65rem,5vw,2.4rem);line-height:1.08;letter-spacing:-.04em}h2{font-size:1.1rem;line-height:1.2;letter-spacing:-.02em}h3{font-size:.98rem}.app-shell{min-height:100vh;background:var(--bg)}.app-header{display:flex;align-items:center;justify-content:space-between;max-width:1120px;height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;margin:0 auto}.header-status{display:none;align-items:center;gap:7px;color:var(--muted);font-size:.76rem}.online-dot{width:7px;height:7px;border-radius:99px;background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.header-lock-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--muted);background:transparent;border-radius:50%}.header-lock-button:hover{color:var(--primary);background:var(--primary-soft)}.app-main{width:min(100%,920px);margin:0 auto;padding:18px 16px calc(var(--bottom-nav-height) + 28px + env(safe-area-inset-bottom))}.app-main-detail{padding-top:calc(4px + env(safe-area-inset-top))}.screen-stack{display:flex;flex-direction:column;gap:24px}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.screen-header-title,.screen-header-actions{display:flex;align-items:center;gap:10px}.eyebrow{color:var(--muted);font-size:.69rem;font-weight:750;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.muted-copy{margin-top:8px;color:var(--muted);font-size:.9rem;line-height:1.5}.muted-copy.compact{font-size:.82rem;line-height:1.45}.screen-footnote,.list-helper{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:.73rem;line-height:1.4;text-align:center}.brand-mark{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:1.15rem;font-weight:800;letter-spacing:-.045em}.brand-mark-compact{font-size:1rem}.brand-icon{display:grid;place-items:center;width:37px;height:37px;color:#fff;background:var(--primary);border-radius:12px;box-shadow:0 6px 13px #4d5bd540}.brand-mark-compact .brand-icon{width:30px;height:30px;border-radius:9px}.bottom-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);background:var(--surface);background:color-mix(in srgb,var(--surface) 92%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;color:var(--muted);background:transparent;border-radius:14px;font-size:.67rem;font-weight:650}.bottom-nav-item.is-active{color:var(--primary);background:var(--primary-soft)}.welcome-block{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 2px 0}.welcome-block h1{max-width:500px;margin-top:7px}.welcome-badge{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:16px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:130px;padding:15px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-card-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.summary-card-top{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;opacity:.78}.summary-card strong{margin-top:auto;font-size:2rem;letter-spacing:-.06em}.summary-card>span:last-child{min-height:1.1em;color:var(--muted);font-size:.7rem;line-height:1.35}.summary-card-primary>span:last-child{color:#ffffffb3}.section-block{display:flex;flex-direction:column;gap:13px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.section-heading h2{margin-top:4px}.text-button{display:inline-flex;align-items:center;gap:5px;padding:4px 0;color:var(--primary);background:transparent;font-size:.78rem;font-weight:750;white-space:nowrap}.text-button:hover{color:var(--primary-dark)}.mini-list,.activity-list{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.mini-contact,.activity-row{display:flex;align-items:center;gap:11px;width:100%;padding:13px 14px;text-align:left;background:transparent}.mini-contact+.mini-contact,.activity-row+.activity-row{border-top:1px solid var(--border)}.mini-contact:hover,.activity-row:hover{background:var(--surface-soft)}.mini-contact-copy,.activity-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.mini-contact-copy strong,.activity-copy strong{overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.mini-contact-copy span,.activity-copy span{color:var(--muted);font-size:.72rem}.soft-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:70px;padding:14px;color:var(--muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);font-size:.8rem;text-align:center}.quick-actions{display:grid;gap:10px}.quick-action{display:flex;align-items:center;gap:12px;width:100%;padding:14px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.quick-action:hover{border-color:var(--primary)}.quick-action>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.quick-action strong{font-size:.86rem}.quick-action small{color:var(--muted);font-size:.72rem}.quick-action-icon{display:grid;flex:0 0 auto;place-items:center;width:37px;height:37px;color:var(--primary);background:var(--primary-soft);border-radius:12px}.primary-action .quick-action-icon{color:#fff;background:var(--primary)}.activity-row{gap:10px}.activity-dot{flex:0 0 auto;width:8px;height:8px;background:var(--primary);border:3px solid var(--primary-soft);border-radius:99px}.activity-time{color:var(--muted-2);font-size:.68rem;white-space:nowrap}.priority-strip{display:grid;gap:16px;padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.priority-bars{display:grid;gap:9px}.priority-bar-row{display:grid;grid-template-columns:54px 1fr 20px;align-items:center;gap:9px;color:var(--muted);font-size:.72rem}.priority-bar-row strong{color:var(--text);text-align:right}.priority-bar-track{height:7px;overflow:hidden;background:var(--surface-soft);border-radius:99px}.priority-bar-fill{display:block;height:100%;border-radius:99px}.fill-coral{background:var(--coral)}.fill-blue{background:var(--primary)}.fill-teal{background:var(--teal)}.fill-gold{background:var(--gold)}.tag-overview{display:none}.tag-remove-chip{display:inline-flex;align-items:center;gap:2px;padding:0;color:var(--muted);background:transparent;border:0}.tag-remove-chip:hover{color:var(--coral)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:12px;font-size:.82rem;font-weight:750;transition:transform .15s ease,background .15s ease}.primary-button{color:#fff;background:var(--primary);box-shadow:0 5px 12px #4d5bd529}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{color:var(--text);background:var(--surface);border:1px solid var(--border-strong)}.secondary-button:hover{background:var(--surface-soft);border-color:var(--primary)}.button-large{width:100%;min-height:48px}.button-small{min-height:40px;padding:0 11px;border-radius:10px;font-size:.74rem}.icon-button{display:inline-grid;flex:0 0 auto;place-items:center;width:42px;height:42px;color:var(--muted);background:transparent;border-radius:50%}.icon-button:hover{color:var(--primary);background:var(--primary-soft)}.back-button{color:var(--text);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.danger-button:hover,.danger-text{color:var(--coral)}.search-row{display:flex;align-items:center;gap:9px}.search-field{display:flex;align-items:center;flex:1;gap:9px;min-height:43px;padding:0 12px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-field input{width:100%;min-width:0;color:var(--text);background:transparent;border:0;outline:0;font-size:.8rem}.search-field input::placeholder{color:var(--muted-2)}.filter-button{display:inline-flex;align-items:center;gap:7px;min-height:43px;padding:0 12px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:.78rem;font-weight:700}.filter-button.is-active{color:var(--primary);background:var(--primary-soft);border-color:transparent}.filter-button b{display:grid;place-items:center;width:17px;height:17px;color:#fff;background:var(--primary);border-radius:50%;font-size:.62rem}.filter-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.filter-field,.field-group{display:flex;flex-direction:column;gap:6px}.filter-field label{color:var(--muted);font-size:.69rem;font-weight:700}.filter-field select{width:100%;min-height:38px;padding:0 8px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;font-size:.76rem}.clear-filters{grid-column:1 / -1;justify-self:start}.contact-list{display:flex;flex-direction:column;gap:9px}.contact-card{display:flex;align-items:center;min-width:0;padding:7px 8px 7px 11px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.contact-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.contact-card:active{cursor:grabbing}.contact-card-main{display:flex;align-items:center;flex:1;gap:11px;min-width:0;padding:5px 3px;text-align:left;background:transparent}.contact-card-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.contact-card-title-row{display:flex;align-items:center;gap:7px;min-width:0}.contact-card-title-row strong{overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.contact-card-meta{overflow:hidden;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.meta-separator{color:var(--muted-2);margin:0 2px}.situation-text{font-size:.73rem;font-weight:700}.situation-pending{color:var(--primary)}.situation-accepted-follow{color:var(--teal)}.situation-accepted-no-follow,.situation-follow-before-acceptance{color:var(--gold)}.situation-conversation{color:var(--coral)}.situation-outcome{color:var(--muted)}.situation-age{color:var(--muted);font-weight:500}.contact-card-signals{display:flex;align-items:center;gap:5px;overflow:hidden}.signal{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:.67rem}.contact-chevron{color:var(--muted-2)}.contact-card-controls{display:flex;align-items:center;gap:1px;padding-left:3px}.move-button{display:grid;place-items:center;width:36px;height:36px;color:var(--muted);background:transparent;border-radius:9px}.move-button:not(:disabled):hover{color:var(--primary);background:var(--primary-soft)}.drag-grip{display:grid;place-items:center;width:22px;color:var(--muted-2)}.avatar{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:14px;font-size:1rem;font-weight:800}.avatar-small{width:34px;height:34px;border-radius:11px;font-size:.78rem}.avatar-tiny{width:30px;height:30px;border-radius:10px;font-size:.7rem}.avatar-large{width:64px;height:64px;border-radius:20px;font-size:1.5rem}.avatar-coral{color:var(--coral);background:var(--coral-soft)}.avatar-blue{color:var(--primary);background:var(--primary-soft)}.avatar-teal{color:var(--teal);background:var(--teal-soft)}.avatar-gold{color:var(--gold);background:var(--gold-soft)}.priority-dot{width:7px;height:7px;border-radius:50%}.priority-coral{background:var(--coral)}.priority-blue{background:var(--primary)}.priority-teal{background:var(--teal)}.priority-gold{background:var(--gold)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:9px;padding:52px 24px;text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.empty-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:4px;color:var(--primary);background:var(--primary-soft);border-radius:20px}.empty-state h2{font-size:1.1rem}.empty-state p{max-width:330px;color:var(--muted);font-size:.82rem;line-height:1.5}.empty-state .primary-button{margin-top:7px}.auth-shell{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 10% 0%,var(--primary-soft),transparent 36%),var(--bg)}.auth-card{width:min(100%,420px);padding:28px 22px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-md)}.auth-card .brand-mark{justify-content:center}.auth-illustration{display:grid;place-items:center;width:86px;height:86px;margin:30px auto 19px;color:var(--primary);background:var(--primary-soft);border-radius:28px}.auth-illustration-locked{color:var(--coral);background:var(--coral-soft)}.auth-card h1{margin-top:7px}.auth-copy{margin:12px auto 24px;max-width:330px;color:var(--muted);font-size:.84rem;line-height:1.55}.stack-form{display:flex;flex-direction:column;gap:9px;text-align:left}.field-label{margin-top:4px;color:var(--muted);font-size:.7rem;font-weight:750}.text-input{width:100%;min-height:43px;padding:9px 11px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;outline:0;font-size:.81rem}.text-input::placeholder{color:var(--muted-2)}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.pin-input{letter-spacing:.18em;text-align:center}.form-error{color:var(--coral);font-size:.75rem;line-height:1.4}.form-error-block{padding:10px 12px;background:var(--coral-soft);border-radius:10px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:18px;color:var(--muted);font-size:.68rem}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0 4px;color:var(--muted-2);font-size:.7rem}.auth-divider:before,.auth-divider:after{flex:1;height:1px;background:var(--border);content:""}.splash-screen{display:grid;place-items:center;align-content:center;gap:15px;min-height:100vh;color:var(--muted);font-size:.78rem}.add-form{display:flex;flex-direction:column;gap:13px}.form-section{display:flex;flex-direction:column;gap:9px;padding:18px 15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.intro-form-section{border-top:3px solid var(--primary)}.step-count{color:var(--muted-2);font-size:.7rem;font-weight:700}.input-with-icon{display:flex;align-items:center;gap:9px;padding-left:11px;color:var(--primary);background:var(--surface);border:1px solid var(--border-strong);border-radius:10px}.input-with-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-with-icon .text-input{min-height:41px;padding-left:0;border:0;box-shadow:none}.detected-note{display:flex;align-items:center;gap:5px;color:var(--teal);font-size:.74rem;font-weight:700}.form-divider{display:flex;align-items:center;gap:8px;margin:3px 0;color:var(--muted-2);font-size:.68rem}.form-divider:before,.form-divider:after{flex:1;height:1px;background:var(--border);content:""}.two-column-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice-grid{display:grid;gap:8px}.priority-choice-grid{grid-template-columns:repeat(2,1fr)}.choice-card{display:flex;align-items:flex-start;gap:8px;padding:11px 10px;text-align:left;background:var(--surface-soft);border:1px solid var(--border);border-radius:11px}.choice-card.is-selected{background:var(--primary-soft);border-color:var(--primary)}.choice-radio{flex:0 0 auto;width:13px;height:13px;margin-top:2px;border:2px solid var(--border-strong);border-radius:50%}.choice-card.is-selected .choice-radio{background:var(--primary);border-color:var(--primary);box-shadow:inset 0 0 0 3px var(--primary-soft)}.choice-card strong,.choice-card small{display:block}.choice-card strong{font-size:.77rem}.choice-card small{margin-top:3px;color:var(--muted);font-size:.64rem;line-height:1.25}.tag-select-list{display:flex;flex-wrap:wrap;gap:7px}.tag-select-item{display:inline-flex;align-items:center;gap:6px;padding:5px 7px 5px 5px;background:transparent;border:1px solid var(--border);border-radius:9px}.tag-select-item.is-selected{background:var(--primary-soft);border-color:var(--primary)}.tag-check{display:grid;place-items:center;width:17px;height:17px;color:#fff;border:1px solid var(--border-strong);border-radius:5px}.tag-select-item.is-selected .tag-check{background:var(--primary);border-color:var(--primary)}.tag-pill{display:inline-flex;align-items:center;max-width:160px;padding:4px 7px;overflow:hidden;border-radius:6px;font-size:.64rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.tag-subtle{padding:2px 5px;font-size:.61rem}.tag-slate{color:var(--muted);background:var(--surface-soft)}.tag-blue,.tag-violet{color:var(--primary);background:var(--primary-soft)}.tag-coral{color:var(--coral);background:var(--coral-soft)}.tag-teal{color:var(--teal);background:var(--teal-soft)}.tag-gold{color:var(--gold);background:var(--gold-soft)}.duplicate-alert{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;color:var(--gold);background:var(--gold-soft);border-radius:10px}.duplicate-alert>div{display:flex;align-items:center;gap:8px}.duplicate-alert span{display:flex;flex-direction:column;gap:2px}.duplicate-alert strong{font-size:.72rem}.duplicate-alert small{color:var(--muted);font-size:.68rem}.textarea{min-height:88px;resize:vertical;line-height:1.45}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding:4px 2px}.form-actions .primary-button{min-width:160px}.detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.detail-topbar-actions{display:flex;gap:4px}.identity-hero{display:flex;align-items:center;gap:13px;padding:6px 1px 5px}.identity-copy{flex:1;min-width:0}.identity-copy h1{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-username{margin-top:6px;overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.identity-username span{padding:0 3px;color:var(--muted-2)}.identity-edit-button{background:var(--surface);border:1px solid var(--border)}.detail-status-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.status-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-card-heading h2{margin-top:4px;font-size:1.25rem}.status-mark{display:grid;place-items:center;width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:14px}.status-accepted-follow{color:var(--teal);background:var(--teal-soft)}.status-conversation{color:var(--coral);background:var(--coral-soft)}.status-outcome{color:var(--muted);background:var(--surface-soft)}.status-detail{color:var(--muted);font-size:.8rem;line-height:1.45}.status-detail strong{color:var(--text)}.flow-actions{display:flex;flex-wrap:wrap;gap:7px}.flow-action{display:inline-flex;align-items:center;gap:6px;min-height:35px;padding:0 10px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;font-size:.7rem;font-weight:700}.flow-action:hover{color:var(--primary);border-color:var(--primary)}.flow-action-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.flow-action-primary:hover{color:#fff;background:var(--primary-dark)}.detail-grid{display:grid;gap:12px}.detail-panel{display:flex;flex-direction:column;gap:13px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.panel-heading h2{margin-top:4px}.profile-row,.relationship-person{display:flex;align-items:center;gap:9px}.profile-network-icon{display:grid;place-items:center;width:37px;height:37px;color:var(--primary);background:var(--primary-soft);border-radius:11px}.profile-row span:nth-child(2),.relationship-person span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.profile-row strong,.relationship-person strong{overflow:hidden;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.profile-row small,.relationship-person small{color:var(--muted);font-size:.68rem}.detail-data-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font-size:.74rem}.detail-data-row strong{color:var(--text);font-size:.73rem;font-weight:650}.detail-data-row select{padding:3px 5px;color:var(--primary);background:var(--primary-soft);border:0;border-radius:6px;font-size:.72rem;font-weight:750}.detail-tags,.tag-edit-row{display:flex;flex-wrap:wrap;gap:6px}.tag-add-chip{display:inline-flex;align-items:center;gap:2px;padding:4px 6px;color:var(--primary);background:transparent;border:1px dashed var(--primary);border-radius:6px;font-size:.64rem}.field-hint{color:var(--muted);font-size:.68rem;line-height:1.4}.relationship-list{display:flex;flex-direction:column;gap:5px}.relationship-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}.relationship-person{flex:1;min-width:0;text-align:left;background:transparent}.relation-form{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.count-badge,.event-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0 5px;color:var(--primary);background:var(--primary-soft);border-radius:7px;font-size:.68rem}.timeline-section{display:flex;flex-direction:column;gap:12px;padding:3px 1px 0}.timeline{display:flex;flex-direction:column}.timeline-item{position:relative;display:flex;gap:11px;min-height:64px}.timeline-line{position:absolute;top:27px;bottom:-3px;left:14px;width:1px;background:var(--border-strong)}.timeline-item:last-child .timeline-line{display:none}.timeline-icon{position:relative;z-index:1;display:grid;flex:0 0 auto;place-items:center;width:29px;height:29px;color:var(--primary);background:var(--primary-soft);border-radius:9px}.timeline-copy{flex:1;min-width:0;padding:2px 0 17px}.timeline-heading{display:flex;align-items:baseline;justify-content:space-between;gap:9px}.timeline-heading strong{font-size:.79rem}.timeline-heading time{flex:0 0 auto;color:var(--muted-2);font-size:.65rem}.timeline-duration{display:inline-block;margin-top:4px;color:var(--primary);font-size:.69rem;font-weight:700}.timeline-copy p{margin-top:5px;color:var(--muted);font-size:.72rem}.detail-screen>.screen-footnote{padding-bottom:8px}.settings-screen{gap:13px}.settings-section{display:flex;flex-direction:column;gap:14px;padding:17px 15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.settings-heading{display:flex;align-items:flex-start;gap:11px}.settings-heading h2{margin:1px 0 3px}.settings-heading p{color:var(--muted);font-size:.72rem;line-height:1.4}.settings-icon{display:grid;flex:0 0 auto;place-items:center;width:35px;height:35px;color:var(--primary);background:var(--primary-soft);border-radius:11px}.settings-icon-coral{color:var(--coral);background:var(--coral-soft)}.settings-icon-blue{color:var(--primary);background:var(--primary-soft)}.settings-icon-teal{color:var(--teal);background:var(--teal-soft)}.theme-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.theme-choice button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;color:var(--muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;font-size:.7rem;font-weight:700}.theme-choice button.is-selected{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.security-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.security-status>span:first-child{display:flex;flex-direction:column;gap:3px}.security-status strong{font-size:.78rem}.security-status small{color:var(--muted);font-size:.68rem;line-height:1.35}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;font-size:.65rem;font-weight:750}.status-pill-good{color:var(--teal);background:var(--teal-soft)}.inline-form{display:flex;flex-direction:column;gap:9px;padding-top:4px}.inline-form h3{color:var(--muted);font-size:.75rem}.security-form .two-column-fields{grid-template-columns:repeat(3,1fr)}.settings-tag-list{display:flex;flex-direction:column;gap:5px}.settings-tag-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:2px 0}.system-label{margin-left:auto;color:var(--muted-2);font-size:.65rem}.row-actions{display:flex;gap:2px}.tag-edit-inline{display:flex;align-items:center;flex:1;gap:5px}.tag-edit-inline .text-input{min-height:34px}.add-tag-form{display:flex;gap:7px}.add-tag-form .text-input{min-width:0}.settings-info-list{display:flex;flex-direction:column;gap:8px}.settings-info-list>div{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.73rem}.settings-info-list strong{color:var(--text);font-size:.72rem}.simple-list{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;color:var(--muted);list-style:none;font-size:.74rem;line-height:1.4}.simple-list li{display:flex;align-items:flex-start;gap:7px}.simple-list svg{flex:0 0 auto;color:var(--teal);margin-top:1px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:end;justify-content:center;padding:12px;background:#0a0e236b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-sheet{width:min(100%,500px);max-height:min(90vh,720px);max-height:min(90dvh,720px);overflow:auto;padding:10px 17px calc(18px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border);border-radius:24px 24px 15px 15px;box-shadow:0 -12px 40px #0d13352e}.modal-sheet-wide{width:min(100%,720px)}.modal-handle{width:38px;height:4px;margin:0 auto 16px;background:var(--border-strong);border-radius:99px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.modal-heading h2{margin-top:4px;font-size:1.25rem}.modal-content{display:flex;flex-direction:column;gap:10px}.toast{position:fixed;z-index:80;right:14px;bottom:calc(var(--bottom-nav-height) + 13px + env(safe-area-inset-bottom));left:14px;display:flex;align-items:center;gap:9px;max-width:520px;margin:auto;padding:11px 12px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:12px;box-shadow:var(--shadow-md);font-size:.74rem}.toast svg{color:var(--primary)}.toast span{flex:1}.toast-close{display:grid;place-items:center;width:24px;height:24px;color:var(--muted);background:transparent}@media(min-width:680px){:root{--bottom-nav-height: 0px}.app-header{padding:env(safe-area-inset-top) 28px 0}.header-status{display:inline-flex}.app-main{padding:28px 28px 48px}.app-main-detail{padding-top:12px}.bottom-nav{position:static;width:min(100% - 56px,920px);height:55px;margin:0 auto 17px;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-sm)}.bottom-nav-item{flex-direction:row;gap:7px;font-size:.72rem}.bottom-nav-item.is-active{margin:6px;min-height:41px}.summary-card{min-height:145px;padding:18px}.quick-actions{grid-template-columns:repeat(2,1fr)}.priority-strip{grid-template-columns:160px 1fr;align-items:center}.detail-grid{grid-template-columns:repeat(2,1fr)}.profile-panel,.notes-panel{min-height:230px}.relationships-panel{grid-column:1 / -1}.modal-backdrop{align-items:center}.modal-sheet{border-radius:24px;padding-bottom:20px}.toast{right:28px;bottom:24px;left:auto;width:360px;margin:0}}@media(max-width:679px){.text-input,.search-field input,.filter-field select{font-size:1rem}}@media(max-width:420px){.summary-card{min-height:122px;padding:12px 10px}.summary-card-top{gap:4px;font-size:.63rem}.summary-card strong{font-size:1.65rem}.summary-card>span:last-child{font-size:.63rem}.contact-card-controls{gap:0}.drag-grip{display:none}.form-actions{flex-direction:column-reverse}.form-actions>*{width:100%}.security-form .two-column-fields{grid-template-columns:1fr}.timeline-heading{flex-direction:column;gap:3px}}.relationship-edit{display:flex;align-items:center;flex:1;gap:6px}.relationship-edit .text-input{min-height:35px}