.head-band{display:grid;grid-template-columns:64px 1fr auto;gap:16px;padding:36px 0 22px;border-bottom:1px solid var(--border);align-items:end}.head-band .marg{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.16em;padding-bottom:8px}.head-band h1{font-family:var(--font-display);font-weight:300;font-size:64px;line-height:.95;letter-spacing:-.03em;color:var(--bone-100)}.head-band h1 em{font-style:italic;color:var(--persimmon)}.head-band .sub{margin-top:8px;font-size:13.5px;color:var(--text-mute);max-width:520px;line-height:1.55}.head-band .actions{display:flex;gap:8px;padding-bottom:8px}.toolbar{padding:18px 0 14px;border-bottom:1px solid var(--border-soft);display:grid;grid-template-columns:64px 1fr;gap:16px}.toolbar .strip{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-mute);flex-wrap:wrap}.toolbar .filter{padding:4px 10px;border:1px solid var(--border);border-radius:99px;cursor:pointer}.toolbar .filter.active{background:var(--persimmon);color:#1a0c04;border-color:var(--persimmon-dim)}.toolbar .right{margin-left:auto;display:flex;gap:14px;align-items:center}.grid-12{display:grid;grid-template-columns:64px repeat(12,1fr);gap:16px;margin-top:28px}.marg-num{grid-column:1/2;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.16em;padding-top:4px}.pcards{grid-column:2 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pcard{background:var(--ink-200);border:1px solid var(--border);border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s;position:relative}.pcard:hover{border-color:var(--border-strong);transform:translateY(-1px)}.pcard.active{border-color:var(--persimmon);box-shadow:0 0 0 1px #ff7a3d2e inset,0 16px 40px #ff7a3d1a}.pcard.active:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--persimmon),transparent 70%)}.pcard.archived{opacity:.55}.pcard.archived:after{content:"archived";position:absolute;top:14px;right:18px;font-family:var(--font-mono);font-size:9px;color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase}.pcard .top{padding:18px 22px 14px;display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--border-soft)}.pcard .avatar{width:48px;height:48px;border:1.5px solid var(--persimmon);border-radius:4px;background:linear-gradient(135deg,rgba(255,122,61,.16),transparent 60%);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--persimmon);flex-shrink:0;transform:rotate(-3deg)}.pcard.client .avatar{color:var(--moss);border-color:var(--moss);background:linear-gradient(135deg,rgba(141,181,128,.16),transparent 60%)}.pcard.guest .avatar{color:var(--sky);border-color:var(--sky);background:linear-gradient(135deg,rgba(110,155,209,.16),transparent 60%)}.pcard.archived .avatar{color:var(--text-faint);border-color:var(--ink-500);background:var(--ink-300)}.pcard h2{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:22px;color:var(--bone-100);line-height:1.2}.pcard h2 em{color:var(--persimmon);font-style:italic}.pcard .role{margin-top:4px;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.04em}.pcard .star{margin-left:auto;color:var(--text-faint);font-size:16px}.pcard.active .star{color:var(--amber)}.pcard .desc{padding:14px 22px;font-size:12.5px;color:var(--text-mute);line-height:1.6;border-bottom:1px solid var(--border-soft)}.pcard .desc em{color:var(--bone-100);font-weight:600;font-style:normal}.pcard .meta{padding:14px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.04em;border-bottom:1px solid var(--border-soft)}.pcard .meta .v{font-family:var(--font-display);font-style:italic;font-size:16px;color:var(--bone-100);display:block;margin-bottom:2px}.pcard .meta .v.live{color:var(--persimmon)}.pcard .meta .v.warn{color:var(--amber)}.pcard .perms{padding:14px 22px;display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--border-soft)}.pcard .perm{padding:3px 8px;font-family:var(--font-mono);font-size:10px;border:1px solid var(--border);border-radius:99px;color:var(--text-mute)}.pcard .perm.ok{color:var(--moss);border-color:#8db5804d;background:#8db5800f}.pcard .perm.warn{color:var(--amber);border-color:#e8b85d4d;background:#e8b85d0f}.pcard .perm.deny{color:var(--rust);border-color:#d966664d;background:#d966660f}.pcard .foot{padding:12px 22px;display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.pcard .foot .right{margin-left:auto;display:flex;gap:6px}.pcard .foot .switch-btn{padding:6px 14px;background:var(--persimmon);color:#1a0c04;border-radius:3px;font-weight:600;font-size:11px;display:inline-flex;gap:8px;align-items:center}.pcard.active .foot .switch-btn{background:var(--ink-300);color:var(--text);cursor:default}.pcard.active .foot .switch-btn:before{content:"✓";color:var(--persimmon)}.pcard.add{border-style:dashed;background:transparent;padding:36px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.pcard.add .glyph{font-family:var(--font-display);font-size:36px;color:var(--persimmon);font-style:italic;line-height:1}.pcard.add h3{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--bone-100)}.pcard.add p{font-size:12px;color:var(--text-mute);max-width:220px;line-height:1.55}