.cmp{display:flex;flex-direction:column;gap:var(--space-4);padding:clamp(16px,2.5vw,28px) clamp(16px,3vw,40px) var(--space-12);max-width:1400px;margin:0 auto;font-family:var(--font-sans)}.cmp__accent--0{background:#e7c9bd;color:#a64b2a}.cmp__accent--1{background:#cbdad0;color:#3e6b58}.cmp__accent--2{background:#d8d3ea;color:#5b5487}.cmp__accent--3{background:#e9dcc7;color:#8a6d3b}.cmp__accent--4{background:#243a5e;color:#fff}.cmp__accent--5{background:#ead1d6;color:#93536a}.cmp__cover--0{background:linear-gradient(135deg,#5a3a2e,color-mix(in srgb,#5a3a2e 65%,#000))}.cmp__cover--1{background:linear-gradient(135deg,#2f5244,color-mix(in srgb,#2f5244 65%,#000))}.cmp__cover--2{background:linear-gradient(135deg,#45406b,color-mix(in srgb,#45406b 65%,#000))}.cmp__cover--3{background:linear-gradient(135deg,#6b5330,color-mix(in srgb,#6b5330 65%,#000))}.cmp__cover--4{background:linear-gradient(135deg,#33505f,color-mix(in srgb,#33505f 65%,#000))}.cmp__cover--5{background:linear-gradient(135deg,#6f3d50,color-mix(in srgb,#6f3d50 65%,#000))}.cmp__back{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:var(--text-body-sm);font-weight:600;color:var(--neutral-500)}.cmp__back:hover{color:var(--color-primary)}.cmp__head-main{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.cmp__title{display:flex;align-items:center;gap:var(--space-3);margin:0;font-family:var(--font-serif);font-size:var(--text-h2);font-weight:600;color:var(--text-primary)}.cmp__count{padding:2px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:700}.cmp__sub{margin:0;font-size:var(--text-body-sm);color:var(--neutral-500)}.cmp__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.cmp__chip{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;background:var(--surface-canvas);border:1px solid var(--neutral-200);border-radius:var(--radius-pill);font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary)}.cmp__chip-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:11px;font-weight:700}.cmp__chip-x{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:color-mix(in srgb,#000 5%,transparent);color:var(--neutral-500);cursor:pointer}.cmp__chip-x:hover{background:color-mix(in srgb,var(--system-error) 14%,transparent);color:var(--system-error)}.cmp__add-wrap{position:relative}.cmp__add{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--space-4);border:1px dashed var(--neutral-300);border-radius:var(--radius-pill);background:transparent;color:var(--color-primary);cursor:pointer;font-size:var(--text-body-sm);font-weight:600}.cmp__add:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.cmp__add:disabled{opacity:.5;cursor:not-allowed}.cmp__add-backdrop{position:fixed;inset:0;z-index:40}.cmp__add-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:320px;max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--surface-canvas);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);box-shadow:0 12px 32px #0000001f}.cmp__add-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);border:1px solid var(--neutral-200);border-radius:var(--radius-pill);color:var(--neutral-500)}.cmp__add-search:focus-within{border-color:var(--color-primary)}.cmp__add-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:var(--text-body-sm);color:var(--text-primary)}.cmp__add-search input::placeholder{color:var(--neutral-500)}.cmp__add-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left}.cmp__add-item:hover{background:color-mix(in srgb,#000 4%,transparent)}.cmp__add-avatar{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:12px;font-weight:700}.cmp__add-body{display:flex;flex-direction:column;gap:1px;min-width:0}.cmp__add-name{font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp__add-loc{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-micro);color:var(--neutral-500)}.cmp__add-empty{margin:0;padding:var(--space-3);text-align:center;font-size:var(--text-body-sm);color:var(--neutral-500)}.cmp__flag{width:14px;height:14px;border-radius:50%;object-fit:cover;flex-shrink:0}.cmp__empty{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center;color:var(--neutral-500);font-size:var(--text-body)}.cmp__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cmp__filters-label{margin-right:var(--space-1);font-size:var(--text-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--neutral-500)}.cmp__filter{padding:6px 14px;border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--surface-canvas);color:var(--color-primary);font-size:var(--text-body-sm);font-weight:600;cursor:pointer;transition:background .15s,color .15s}.cmp__filter:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.cmp__filter--on{background:var(--color-primary);color:var(--surface-canvas)}.cmp__filter--on:hover{background:color-mix(in srgb,#000 8%,var(--color-primary))}.cmp__best{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:2px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-weight:700}.cmp__note{display:flex;align-items:center;gap:6px;margin:var(--space-2) 0 0;font-size:var(--text-micro);color:var(--neutral-500)}.cmp__group{margin:var(--space-3) 0 0;font-family:var(--font-sans);font-size:var(--text-micro);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--neutral-500)}.cmp__profiles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);align-items:start}.cmp__profile{background:var(--surface-canvas);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden}.cmp__cover{position:relative;height:170px;background-size:cover;background-position:center;background-repeat:no-repeat}.cmp__cover--img{background-color:var(--neutral-200)}.cmp__cover-x{position:absolute;top:14px;right:14px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffd9;color:var(--text-primary);cursor:pointer}.cmp__cover-x:hover{background:#fff}.cmp__profile-body{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-5) var(--space-5)}.cmp__logo{position:relative;z-index:1;width:64px;height:64px;margin-top:-32px;border-radius:50%;object-fit:cover;border:3px solid var(--surface-canvas);box-shadow:0 1px 4px #0000001f}img.cmp__logo{background:var(--surface-canvas)}.cmp__logo--ph{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:16px;font-weight:700}.cmp__name{margin:0;font-family:var(--font-serif);font-size:var(--text-h3);font-weight:600;color:var(--text-primary)}.cmp__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cmp__tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,#000 4%,transparent);font-size:var(--text-micro);color:var(--neutral-600)}.cmp__tag--grade{background:color-mix(in srgb,var(--color-primary) 9%,transparent);color:var(--color-primary)}.cmp__tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:var(--space-3) 0}.cmp__tile{display:flex;flex-direction:column;gap:4px;min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--surface-paper)}.cmp__tile-label{font-size:var(--text-micro);color:var(--neutral-500)}.cmp__tile-value{font-size:var(--text-body);font-weight:700;line-height:1.2;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp__rows{margin:var(--space-2) 0;display:flex;flex-direction:column}.cmp__rw{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid color-mix(in srgb,#000 5%,transparent)}.cmp__rw dt{font-size:var(--text-body-sm);color:var(--neutral-500)}.cmp__rw dd{margin:0;font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);text-align:right}.cmp__actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.cmp__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;height:42px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-body-sm);font-weight:600;white-space:nowrap;cursor:pointer}.cmp__btn--primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--surface-canvas)}.cmp__btn--primary:hover{background:color-mix(in srgb,#000 8%,var(--color-primary))}.cmp__btn--ghost{background:var(--surface-canvas);border:1px solid var(--neutral-200);color:var(--text-primary)}.cmp__btn--ghost:hover{background:color-mix(in srgb,#000 3%,var(--surface-canvas))}.cmp__table-wrap{overflow-x:auto}.cmp__table{display:grid;align-items:stretch;min-width:700px;background:var(--surface-canvas);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden}.cmp__th{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:color-mix(in srgb,var(--color-primary) 5%,var(--surface-canvas));border-bottom:1px solid color-mix(in srgb,#000 8%,transparent)}.cmp__th--corner{background:var(--surface-canvas)}.cmp__th-logo{width:42px;height:42px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--surface-canvas);border:1px solid var(--neutral-200)}.cmp__th-avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:14px;font-weight:700}.cmp__th-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cmp__th-name{font-size:var(--text-body);font-weight:700;color:var(--text-primary)}.cmp__th-loc{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-body-sm);color:var(--neutral-500)}.cmp__th-link{font-size:var(--text-body-sm);font-weight:600;color:var(--color-primary);white-space:nowrap}.cmp__th-link:hover{text-decoration:underline}.cmp__th-x{position:absolute;top:8px;right:8px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--neutral-500);cursor:pointer}.cmp__th-x:hover{background:color-mix(in srgb,var(--system-error) 14%,transparent);color:var(--system-error)}.cmp__table .cmp__group{grid-column:1 / -1;margin:0;padding:var(--space-3);background:color-mix(in srgb,#000 3%,var(--surface-canvas));border-bottom:1px solid color-mix(in srgb,#000 5%,transparent)}.cmp__rowlabel{display:flex;align-items:center;padding:var(--space-3);font-size:var(--text-body-sm);color:var(--neutral-500);border-bottom:1px solid color-mix(in srgb,#000 5%,transparent)}.cmp__cell{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:var(--space-3);font-size:var(--text-body-sm);font-weight:600;color:var(--text-primary);border-bottom:1px solid color-mix(in srgb,#000 5%,transparent);border-left:1px solid color-mix(in srgb,#000 4%,transparent)}@media(max-width:860px){.cmp__profiles{grid-template-columns:1fr}.cmp__title{font-size:var(--text-h3)}}@media(max-width:600px){.cmp__add-menu{width:min(320px,calc(100vw - 48px))}.cmp__actions{flex-direction:column}}