.cf-section{min-width:0;color:#29254e;margin-bottom:24px}.cf-section *,.cf-contacts *{box-sizing:border-box}.cf-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.cf-heading h2{font-size:clamp(16px,4.3vw,21px);line-height:1.3;margin:0;min-width:0}.cf-heading .text-btn{font-size:12px;white-space:nowrap;padding:8px 0;flex:none}.cf-tabs{display:flex;gap:8px;margin:0 0 12px}.cf-tabs button{font:inherit;font-size:13px;color:#40378f;border:1px solid #dedcea;border-radius:30px;background:white;padding:9px 18px;min-height:40px}.cf-tabs button[aria-pressed=true]{color:white;background:#40378f;border-color:#40378f}.cf-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0;overscroll-behavior-x:contain}.cf-track::-webkit-scrollbar{display:none}.cf-card{display:flex;align-items:center;gap:12px;flex:0 0 94%;min-width:0;width:100%;border:1px solid #dce2eb;border-radius:22px;background:#fff;color:#29254e;text-align:left;padding:10px;scroll-snap-align:start;font:inherit;cursor:pointer}.cf-cover{display:grid;place-items:center;width:92px;height:92px;flex:none;border-radius:16px;overflow:hidden;background:#e3f0ec;color:#40378f;font-size:32px}.cf-cover img{width:100%;height:100%;object-fit:cover}.cf-card-body{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.cf-kind{font-size:10px;letter-spacing:.04em;color:#40378f;font-weight:700}.cf-card-body>b{font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cf-by{display:flex;align-items:center;gap:6px;min-width:0}.cf-by small,.cf-by time{font-size:10px;color:#767589}.cf-by time{margin-left:auto;white-space:nowrap}.cf-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden;background:#dcefe9;border:2px solid #fff;color:#40378f}.cf-avatar img{width:100%;height:100%;object-fit:cover}.cf-avatar svg{width:70%;height:70%;fill:none;stroke:currentColor;stroke-width:1.7}.cf-chevron{font-size:24px;color:#40378f}.cf-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 0;color:#89879d}.cf-controls button{width:36px;height:32px;border:0;background:none;color:#40378f;font-size:22px}.cf-controls small{font-size:11px}.cf-all{display:grid;gap:12px}.cf-all .cf-card{width:100%}.cf-empty{border:1px solid #e0e5ee;border-radius:18px;padding:18px;background:#fff;font-size:13px;line-height:1.5;color:#78778a}.cf-add{margin-bottom:16px!important;background:#dcefe9!important;color:#40378f!important}.cf-contacts{display:grid;gap:10px}.cf-contact{display:flex;align-items:center;gap:8px;border:1px solid #dce2eb;border-radius:20px;padding:10px;background:white}.cf-contact>button{display:flex;align-items:center;gap:10px;border:0;background:none;font:inherit;color:#29254e;text-align:left;min-width:0;flex:1;padding:4px}.cf-contact b{overflow-wrap:anywhere}.cf-contact .cf-avatar{width:44px;height:44px}.cf-contact select{width:auto;max-width:120px;margin:0;padding:9px 6px;border:1px solid #e1deef;border-radius:14px;background:#efecf7;color:#40378f;font:inherit;font-size:13px}.cf-hint{font-size:12px;color:#858297;margin:12px 0 22px}.cf-common{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1px solid #dde3ec;background:#fff;border-radius:18px;padding:16px;color:#40378f;font:inherit;margin:10px 0}.cf-section button:focus-visible,.cf-contact button:focus-visible,.cf-contact select:focus-visible{outline:3px solid #80b8ad;outline-offset:2px}@media(max-width:360px){.cf-cover{width:72px;height:88px}.cf-card{gap:8px}.cf-by time{display:none}.cf-tabs button{padding:8px 14px}.cf-heading h2{font-size:16px}}@media(prefers-reduced-motion:no-preference){.cf-card{animation:cf-enter .22s ease-out}.cf-tabs button{transition:background .18s,color .18s}@keyframes cf-enter{from{opacity:.5;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}}
