*{box-sizing:border-box}:root{--primary: #2c3e70;--primary-light: #40518c;--bg: #f4f5fa;--card: #ffffff;--border: #d9deec;--text: #1a1a2e;--muted: #6b7390;--danger: #b03030;--restricted: #8a5a00;--restricted-bg: #fff4dd}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}header.topbar{background:var(--primary);color:#fff;padding:10px 24px;display:flex;align-items:center;justify-content:space-between}header.topbar .brand{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}header.topbar .navlink{color:#cdd6ee;text-decoration:none;font-size:.95rem;padding:2px 4px}header.topbar .navlink.active{color:#fff;font-weight:600;border-bottom:2px solid #fff}header.topbar .user{display:flex;align-items:center;gap:12px;font-size:.9rem}header.topbar .bell{position:relative;text-decoration:none;font-size:1.1rem}header.topbar .bell-count{position:absolute;top:-6px;right:-10px;background:#e05555;color:#fff;font-size:.65rem;font-weight:700;border-radius:9px;padding:1px 5px}main{max-width:860px;margin:24px auto;padding:0 16px}h1{font-size:1.5rem;color:var(--primary)}h2{font-size:1.1rem;color:var(--primary-light);margin:24px 0 8px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:12px}.card.clickable{cursor:pointer;transition:box-shadow .15s;display:block;color:inherit;text-decoration:none}.card.clickable:hover{box-shadow:0 2px 10px #2c3e7026}form.stack{display:flex;flex-direction:column;gap:10px;max-width:420px}form.row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}label.field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}input,select{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--text)}input:focus,select:focus{outline:2px solid var(--primary-light);outline-offset:-1px}button{padding:8px 16px;border:none;border-radius:6px;background:var(--primary);color:#fff;font-size:.95rem;font-family:inherit;cursor:pointer}button:hover{background:var(--primary-light)}button.ghost{background:transparent;color:var(--danger);padding:4px 8px}button.ghost:hover{background:#fbeaea}.error{color:var(--danger);background:#fbeaea;border:1px solid #efc7c7;border-radius:6px;padding:8px 12px;font-size:.9rem}.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;background:#e6eaf6;color:var(--primary);vertical-align:middle}.badge.restricted{background:var(--restricted-bg);color:var(--restricted)}.badge.soon{background:#ffe4e0;color:#b03030}.muted{color:var(--muted);font-size:.85rem}.passion-chips{display:flex;flex-wrap:wrap;gap:10px}.passion-chip{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:3px}.passion-chip-badges{display:flex;gap:3px;font-size:.8rem;line-height:1;height:.9rem}.passion-chip-emoji{position:relative;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:1px solid var(--border);border-radius:12px;font-size:1.7rem;line-height:1;cursor:pointer}.passion-pop{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:160px;padding:8px 10px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #00000024}.passion-chip:hover .passion-pop,.passion-chip.open .passion-pop{display:block}.passion-pop strong{display:block;margin-bottom:2px}.passion-pop-actions{display:flex;gap:6px;margin-top:6px}.avatar{border-radius:50%;object-fit:cover;flex:none;display:inline-flex;align-items:center;justify-content:center}.avatar-placeholder{color:#fff;font-weight:700;line-height:1}.profile-head{display:flex;align-items:center;gap:14px}.avatar-edit{display:inline-flex;align-items:center;gap:8px;margin-top:6px}.avatar-edit input[type=file]{font-size:.8rem}ul.attr-list{list-style:none;padding:0;margin:0}ul.attr-list li{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--bg)}ul.attr-list li .label{font-weight:600;min-width:140px}ul.attr-list li .value{flex:1}.attr-emoji{font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:8px;flex:none}.tag-picker{display:flex;flex-direction:column;gap:12px;width:100%}.theme-tabs{display:flex;flex-wrap:wrap;gap:6px}.theme-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer}.theme-tab.active{border-width:2px;background:var(--bg)}.theme-tab:hover{background:var(--bg);color:var(--text)}.theme-tab-emoji{font-size:1.1rem}.sentiment-toggle{display:inline-flex;gap:0;border-radius:999px;overflow:hidden;border:1px solid var(--border);width:fit-content}.sentiment-btn{background:#fff;color:var(--muted);border-radius:0;font-weight:700;padding:7px 16px}.sentiment-btn:hover{background:var(--bg);color:var(--text)}.sentiment-btn.like.active{background:#dcfce7;color:#15803d}.sentiment-btn.dislike.active{background:#fde2e0;color:#b03030}.picker-hint{margin:0}.tag-search{max-width:320px}.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.tag-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease}.mode-tabs{display:flex;gap:6px}.mode-tab{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font-size:.85rem;font-weight:700;cursor:pointer}.mode-tab:hover{background:var(--bg);color:var(--text)}.mode-tab.active{border-color:var(--primary);background:var(--primary);color:#fff}.tag-badge{position:absolute;font-size:.95rem;line-height:1;background:#fff;border-radius:50%;padding:1px;box-shadow:0 1px 3px #0000002e}.tag-badge.tl{top:3px;left:3px}.tag-badge.tr{top:3px;right:3px}.tag-badge.br{bottom:3px;right:3px}.tag-tile:hover{transform:translateY(-2px);border-color:var(--tile);box-shadow:0 4px 12px #00000014;background:color-mix(in srgb,var(--tile) 8%,#fff)}.tag-tile.selected:hover{background:color-mix(in srgb,var(--tile) 18%,#fff)}.tag-tile.selected{position:relative;border-color:var(--tile);border-width:2px;background:color-mix(in srgb,var(--tile) 12%,#fff)}.tag-tile-check{position:absolute;top:4px;right:6px;font-size:.85rem;font-weight:800;color:var(--tile)}.tag-tile-emoji{font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:12px;background:color-mix(in srgb,var(--tile) 16%,#fff)}.tag-tile-label{font-size:.8rem;font-weight:600;color:var(--text);text-align:center}.tag-custom{display:flex;gap:8px;align-items:center}.tag-custom input{flex:1;max-width:320px}.auth-page{max-width:380px;margin:60px auto}.auth-page .brand-big{text-align:center;font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:4px}.auth-page .tagline{text-align:center;color:var(--muted);margin-bottom:24px}a{color:var(--primary-light)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.stat-tile{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.stat-tile .stat-value{font-size:1.8rem;font-weight:800;color:var(--primary);line-height:1.1}.stat-tile .stat-label{color:var(--muted);font-size:.85rem}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}.admin-table th{color:var(--muted);font-weight:600;white-space:nowrap}.admin-table tbody tr:hover,.admin-table tr:hover{background:var(--bg)}.table-scroll{overflow-x:auto}