.pmm-root{--pmm-shell-max-w:1100px;--pmm-gap:20px;--pmm-radius:20px;--pmm-radius-sm:12px;--pmm-tile-min-w:116px;--pmm-tile-max-w:168px;--pmm-tile-gap:10px;--pmm-ink:var(--ca-color-text,#1a1a1a);--pmm-surface:var(--ca-color-surface,#fff);--pmm-bg:var(--ca-color-bg-elevated,var(--ca-color-bg,#faf6ee));--pmm-muted:var(--ca-color-text-muted,#0009);--pmm-border:var(--ca-color-border,#0000001a);--pmm-card-shadow:0 8px 28px color-mix(in srgb, var(--pmm-ink) 12%, transparent);--pmm-card-border:1px solid var(--pmm-border);--pmm-hover-bg:color-mix(in srgb, var(--ca-color-primary,#c46b3f) 8%, transparent);--pmm-active-bg:color-mix(in srgb, var(--ca-color-primary,#c46b3f) 14%, transparent);--pmm-active-bar:var(--ca-color-primary,#c46b3f)}.pmm-backdrop{background:color-mix(in srgb, var(--pmm-ink) 60%, transparent);z-index:1000;position:fixed;inset:0}.pmm-shell{z-index:1001;background:var(--pmm-bg);color:var(--pmm-ink);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.pmm-inner{width:100%;max-width:var(--pmm-shell-max-w);flex-direction:column;flex:1;gap:18px;margin:0 auto;padding:24px 24px 20px;display:flex}.pmm-header{border-bottom:1px solid var(--pmm-border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.pmm-header__user{align-items:center;gap:14px;min-width:0;display:flex}.pmm-avatar{background:color-mix(in srgb, var(--ca-color-primary,#c46b3f) 14%, var(--pmm-surface));width:48px;height:48px;color:var(--ca-color-primary,var(--pmm-ink));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;overflow:hidden}.pmm-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pmm-header__name{color:var(--pmm-ink);font-size:1.05rem;font-weight:700;line-height:1.2}.pmm-header__sub{color:var(--pmm-muted);margin-top:2px;font-size:.82rem}.pmm-close{background:var(--pmm-surface);border:var(--pmm-card-border);width:44px;height:44px;color:var(--pmm-ink);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .15s ease-out;display:flex}.pmm-close:hover{background:var(--pmm-hover-bg)}.pmm-close:focus-visible{outline:var(--ca-focus-ring,0 0 0 3px #c46b3f66);outline-offset:2px}.pmm-nav{gap:var(--pmm-gap);flex-direction:column;min-width:0;display:flex}.pmm-group{flex-direction:column;gap:8px;display:flex}.pmm-group__label{letter-spacing:.16em;color:var(--pmm-muted);padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:600}.pmm-tile-grid{grid-template-columns:repeat(auto-fit, minmax(var(--pmm-tile-min-w), var(--pmm-tile-max-w)));gap:var(--pmm-tile-gap);justify-content:center;display:grid}.pmm-tile{border-radius:var(--pmm-radius-sm);border:var(--pmm-card-border);background:var(--pmm-surface);color:var(--pmm-ink);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 11px;text-decoration:none;transition:background .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;display:flex;position:relative}.pmm-tile:hover{background:var(--pmm-hover-bg);box-shadow:0 4px 16px color-mix(in srgb, var(--pmm-ink) 8%, transparent);transform:translateY(-2px)}.pmm-tile:active{transform:translateY(0)}.pmm-tile.is-active{background:var(--pmm-active-bg);border-color:color-mix(in srgb, var(--ca-color-primary,#c46b3f) 40%, transparent)}.pmm-tile.is-active:after{content:"";background:var(--pmm-active-bar);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:12px;right:12px}.pmm-tile:focus-visible{outline:var(--ca-focus-ring,0 0 0 3px #c46b3f66);outline-offset:2px}.pmm-tile__chip{background:color-mix(in srgb, var(--ca-color-primary,#c46b3f) 12%, transparent);width:34px;height:34px;color:var(--ca-color-primary,var(--pmm-ink));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .15s ease-out;display:flex;position:relative}.pmm-tile:hover .pmm-tile__chip{background:color-mix(in srgb, var(--ca-color-primary,#c46b3f) 20%, transparent)}.pmm-tile.is-active .pmm-tile__chip{background:color-mix(in srgb, var(--ca-color-primary,#c46b3f) 22%, transparent)}.pmm-tile__label{color:var(--pmm-ink);font-size:.95rem;font-weight:600;line-height:1.2}.pmm-tile.is-active .pmm-tile__label{font-weight:700}.pmm-tile__desc{color:var(--pmm-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.pmm-tile__badge{background:var(--ca-color-primary,#c46b3f);min-width:18px;height:18px;color:var(--ca-color-primary-ink,#fff);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.68rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.pmm-btn{cursor:pointer;background:var(--ca-color-primary,#c46b3f);color:var(--ca-color-primary-ink,#fff);text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 18px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;display:inline-flex}.pmm-btn:hover{background:var(--ca-color-primary-strong,var(--ca-color-primary,#c46b3f))}.pmm-btn:focus-visible{outline:var(--ca-focus-ring,0 0 0 3px #c46b3f66);outline-offset:2px}.pmm-btn--ghost{color:var(--pmm-ink);border-color:var(--pmm-border);background:0 0}.pmm-btn--ghost:hover{background:var(--pmm-hover-bg)}.pmm-footer{border-top:1px solid var(--pmm-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.pmm-footer__lock{color:var(--pmm-muted);align-items:center;gap:6px;font-size:.78rem;display:flex}.pmm-footer__auth{gap:8px;display:flex}.pmm-skeleton{background:color-mix(in srgb, var(--pmm-ink) 6%, transparent);border-radius:8px}.pmm-skeleton--row{height:18px;margin-bottom:10px}.pmm-skeleton--tile{border-radius:var(--pmm-radius-sm);height:106px}.pmm-skeleton--avatar{border-radius:50%;width:48px;height:48px}.pmm-auth-callout{border-radius:var(--pmm-radius);border:var(--pmm-card-border);background:color-mix(in srgb, var(--ca-color-primary,#c46b3f) 7%, var(--pmm-surface));box-shadow:var(--pmm-card-shadow);flex-direction:column;gap:12px;padding:20px 22px;display:flex}.pmm-auth-callout__kicker{letter-spacing:.18em;color:var(--ca-color-primary,var(--pmm-ink));text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:700}.pmm-auth-callout__copy{color:var(--pmm-ink);margin:0;font-size:.92rem;line-height:1.45}.pmm-auth-callout__actions{gap:10px;margin-top:4px;display:flex}.pmm-auth-callout__btn{cursor:pointer;border:1px solid #0000;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out,transform .15s ease-out;display:inline-flex}.pmm-auth-callout__btn:focus-visible{outline:var(--ca-focus-ring,0 0 0 3px #c46b3f66);outline-offset:2px}.pmm-auth-callout__btn--primary{background:var(--ca-color-primary,#c46b3f);color:var(--ca-color-primary-ink,#fff)}.pmm-auth-callout__btn--primary:hover{background:var(--ca-color-primary-strong,var(--ca-color-primary,#c46b3f))}.pmm-auth-callout__btn--ghost{color:var(--pmm-ink);border-color:var(--ca-color-primary,var(--pmm-border));background:0 0}.pmm-auth-callout__btn--ghost:hover{background:var(--pmm-hover-bg)}@media (width<=849px){.pmm-inner{padding:24px 20px}}@media (width<=480px){.pmm-root{--pmm-tile-min-w:92px;--pmm-tile-max-w:1fr;--pmm-tile-gap:8px}.pmm-tile{text-align:center;align-items:center;padding:10px 8px}.pmm-tile.is-active:after{left:18px;right:18px}.pmm-tile__desc{-webkit-line-clamp:1}.pmm-auth-callout{padding:14px 16px}.pmm-auth-callout__actions{flex-direction:column}.pmm-auth-callout__btn{width:100%}}@media (height<=720px){.pmm-inner{gap:14px;padding:16px 20px 14px}.pmm-nav{gap:14px}.pmm-tile{gap:4px;padding:9px}.pmm-tile__chip{width:30px;height:30px}.pmm-tile__desc{-webkit-line-clamp:1}}@media (prefers-reduced-motion:reduce){.pmm-tile,.pmm-tile__chip,.pmm-close,.pmm-btn,.pmm-auth-callout__btn{transition:none}.pmm-tile:hover{transform:none}}
