.ph{height:100dvh;background:var(--bg);overflow:hidden}.ph-inner{height:100%;max-width:1120px;margin:auto;padding:24px 28px 76px;display:flex;flex-direction:column;gap:24px}.ph-card-acts,.ph-card-top,.ph-head,.ph-head-right,.ph-live-acts,.ph-live-top,.ph-toolbar{display:flex;align-items:center;gap:16px}.ph-head,.ph-toolbar{justify-content:space-between;flex:none}.ph .brand,.ph-nav,.ph-org{font:13px var(--font-body)}.ph .brand{font-weight:600}.ph-nav{color:var(--ink);text-decoration:none}.ph-card-open:hover,.ph-card-refine:hover,.ph-nav:hover{text-decoration:underline}.ph .ph-logout{border:0;background:none;padding:0;font-size:13px;color:var(--ink-2)}.ph-toolbar h1{margin:0;font-size:28px;font-weight:600}.ph button{font:inherit;cursor:pointer}.ph-ghost,.ph-go,.ph-new{border:1px solid var(--line-2);border-radius:5px;padding:9px 14px;background:var(--bg);color:var(--ink)}.ph-go,.ph-new{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ph-live{flex:none;border-block:1px solid var(--line);padding:16px 0}.ph-live-top{font-size:12px;color:var(--ink-2)}.ph-card-when,.ph-live-when{margin-left:auto}.ph-live-name{margin:10px 0 14px;font-size:17px;font-weight:600}.ph-tabs{display:flex;gap:8px;flex:none;border-bottom:1px solid var(--line)}.ph-tabs button{border:0;border-radius:5px 5px 0 0;padding:9px 12px;background:none;color:var(--ink-2)}.ph-tabs button[aria-pressed=true]{color:var(--ink);background:var(--bg-3)}.ph-list{overflow:auto;min-height:0;flex:1 1}.ph-empty{color:var(--ink-2);font-size:14px}.ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:16px}.ph-card{border:1px solid var(--line);border-radius:6px;padding:16px}.ph-card-area,.ph-card-top{font-size:12px;color:var(--ink-2)}.ph-card-name{font-size:16px;font-weight:600;margin:10px 0 6px}.ph-card-acts{margin-top:16px;font-size:13px;flex-wrap:wrap}.ph-card-open{color:var(--ink);text-decoration:none}.ph-card-refine{border:0;background:none;padding:0;color:var(--ink-2)}.ph .wl-area{padding:0 0 24px}@media (max-width:640px){.ph-inner{padding:18px 18px 76px;gap:18px}.ph-head,.ph-head-right{flex-wrap:wrap;gap:12px}.ph-toolbar{align-items:start;gap:12px}.ph-toolbar h1{font-size:24px}.ph-new{max-width:190px;padding:8px 12px;font-size:13px}.ph-tabs button{font-size:13px;padding:9px}.ph-grid{grid-template-columns:minmax(0,1fr)}}