.phou{width:100%}.phou-loading{padding:40px;text-align:center;font-size:.9rem;color:#334155}body.dark-mode .phou-loading{color:#e2e8f0}.phou-members{border:1px solid #94a3b8;border-radius:10px;padding:14px 16px;margin-bottom:16px;background:#fafbfc}body.dark-mode .phou-members{background:#0f172a;border-color:#475569}.phou-members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.phou-members-title{font-size:.88rem;font-weight:700;color:#1e293b}body.dark-mode .phou-members-title{color:#e2e8f0}.phou-env-badge{margin-left:8px;padding:2px 8px;font-size:.72rem;font-weight:700;background:#e0ecff;color:#1e40af;border-radius:4px}body.dark-mode .phou-env-badge{background:#1e3a8a;color:#93bbfd}.phou-clear-btn{font-size:.75rem;font-weight:700;padding:4px 10px;color:#ef4444;background:transparent;border:1px solid #fca5a5;border-radius:4px;cursor:pointer}body.dark-mode .phou-clear-btn{color:#f87171;border-color:#7f1d1d}.phou-members-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.phou-member-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border:1px solid #94a3b8;border-radius:8px;background:#fff;position:relative;min-width:70px}body.dark-mode .phou-member-card{background:#1e293b;border-color:#475569}.phou-member-remove{position:absolute;top:2px;right:4px;background:none;border:none;color:#ef4444;font-size:.85rem;font-weight:700;cursor:pointer;line-height:1}.phou-member-name{font-size:.68rem;font-weight:700;color:#1e293b;text-align:center}body.dark-mode .phou-member-name{color:#e2e8f0}.phou-add-btn{display:flex;align-items:center;justify-content:center;min-width:70px;min-height:70px;padding:8px;border:2px dashed #94a3b8;border-radius:8px;background:transparent;cursor:pointer;font-size:.82rem;font-weight:700;color:#334155}.phou-add-btn:hover{border-color:#6366f1;color:#6366f1}body.dark-mode .phou-add-btn{color:#94a3b8;border-color:#475569}body.dark-mode .phou-add-btn:hover{border-color:#818cf8;color:#818cf8}.phou-shared-section{margin-top:10px;padding-top:10px;border-top:1px solid #94a3b8;font-size:.8rem}body.dark-mode .phou-shared-section{border-color:#475569}.phou-shared-label{font-weight:700;color:#334155;margin-right:6px}body.dark-mode .phou-shared-label{color:#cbd5e1}.phou-shared-list{color:#334155}body.dark-mode .phou-shared-list{color:#cbd5e1}.phou-tag-link{color:#2563eb;text-decoration:underline}.phou-tag-link:hover{color:#1d4ed8}body.dark-mode .phou-tag-link{color:#60a5fa}.phou-prompt{text-align:center;color:#334155;font-size:.85rem;padding:24px}body.dark-mode .phou-prompt{color:#cbd5e1}.phou-rank-title{font-size:.88rem;font-weight:700;color:#1e293b;margin:0 0 10px;padding:8px 12px;background:#e0ecff;border-radius:6px}body.dark-mode .phou-rank-title{color:#e2e8f0;background:#172554}.phou-table{width:100%;border-collapse:collapse;border:1px solid #94a3b8;table-layout:fixed}body.dark-mode .phou-table{border-color:#475569}.phou-th{font-size:.72rem;font-weight:700;color:#334155;text-align:left;padding:6px 8px;border:1px solid #94a3b8;background:#f8fafc}.phou-th:first-child{width:35%}.phou-th--count{width:40px;text-align:center}body.dark-mode .phou-th{color:#cbd5e1;background:#0f172a;border-color:#475569}.phou-td{padding:6px 8px;border:1px solid #94a3b8;font-size:.8rem;color:#334155;vertical-align:middle}body.dark-mode .phou-td{border-color:#475569;color:#cbd5e1}.phou-td--count{text-align:center;font-weight:700;color:#1e293b}body.dark-mode .phou-td--count{color:#e2e8f0}.phou-td--shared{font-size:.72rem}.phou-inline-select{background:none;border:none;padding:0;cursor:pointer;font-size:.8rem;font-weight:700;color:#2563eb;text-decoration:underline;vertical-align:middle}.phou-inline-select:hover{color:#1d4ed8}body.dark-mode .phou-inline-select{color:#60a5fa}.phou-more{margin-top:4px}.phou-more-btn{display:block;width:100%;padding:8px;font-size:.82rem;font-weight:700;color:#2563eb;text-align:center;cursor:pointer;background:#f8fafc;border:1px solid #94a3b8;border-radius:6px;list-style:none}.phou-more-btn:hover{background:#eef2ff}.phou-more-btn::-webkit-details-marker{display:none}body.dark-mode .phou-more-btn{color:#60a5fa;background:#0f172a;border-color:#475569}