.px-portal{--pp-sidebar-w:10.5rem;--pp-aside-w:17rem;--pp-content-max:80rem;--pp-gutter:1rem;--pp-gap:1.125rem;--pp-card-pad:1rem;--pp-banner-h:10rem;--pp-hex-size:3.5rem;--pp-radius-card:.625rem;--pp-radius-control:.625rem;--pp-control-h:2.75rem;--pp-page:var(--background);--pp-sidebar:var(--card);--pp-panel:var(--card);--pp-card:var(--card);--pp-tile:var(--card);--pp-surface-2:var(--muted);--pp-border:var(--border);--pp-border-strong:var(--border);--pp-track:var(--muted);--pp-accent:var(--primary);--pp-accent-text:var(--primary);--pp-accent-soft:color-mix(in oklab, var(--primary) 12%, transparent);--pp-accent-glow:color-mix(in oklab, var(--primary) 45%, transparent);--pp-on-accent:var(--primary-foreground);--pp-gold:oklch(72% .14 82);--pp-online:oklch(65% .2 145)}@media (width>=64rem){.px-portal{--pp-gutter:2rem;--pp-banner-h:15rem}}.dark .px-portal{--pp-page:oklch(11.5% 0 90);--pp-sidebar:oklch(12.2% 0 90);--pp-panel:oklch(15% 0 90);--pp-card:oklch(15.4% 0 90);--pp-tile:oklch(14.5% 0 90);--pp-surface-2:oklch(19.1% 0 90);--pp-border:oklch(21.3% 0 90);--pp-border-strong:oklch(100% 0 0/.16);--pp-track:oklch(26% 0 90);--pp-accent:oklch(64.1% .232 27);--pp-accent-text:oklch(66% .23 24);--pp-accent-soft:oklch(20.9% .047 22);--pp-accent-glow:oklch(64.1% .232 27/.45);--pp-on-accent:oklch(15% .01 25);--pp-gold:oklch(85.1% .141 82);--pp-online:oklch(75.7% .22 145);--background:var(--pp-page);--card:var(--pp-card);--muted:var(--pp-surface-2);--border:var(--pp-border);--primary:var(--pp-accent);--primary-foreground:var(--pp-on-accent);--px-accent:var(--pp-accent-text)}@layer components{.px-portal .pp-sidebar{background:var(--pp-sidebar);border-right:1px solid var(--pp-border)}.px-portal .pp-panel{background:var(--pp-panel);border-bottom:1px solid var(--pp-border)}.px-portal .pp-content{width:100%;max-width:var(--pp-content-max);padding-inline:var(--pp-gutter);margin-inline:auto}.px-portal .pp-card{background:var(--pp-card);border:1px solid var(--pp-border);border-radius:var(--pp-radius-card);padding:var(--pp-card-pad)}.px-portal .pp-tile{background:var(--pp-tile);border:1px solid var(--pp-border);border-radius:var(--pp-radius-card);padding:.75rem var(--pp-card-pad)}.px-portal .pp-title{font-family:var(--font-oswald);letter-spacing:.02em;text-transform:uppercase;font-size:1.125rem;font-weight:700}.px-portal .pp-chip{border:1px solid var(--pp-border);background:var(--pp-surface-2);color:var(--muted-foreground);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;line-height:1.25;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.px-portal button.pp-chip:hover{color:var(--foreground)}.px-portal .pp-chip[data-active=true],.px-portal .pp-chip[aria-pressed=true]{background:var(--pp-accent-soft);border-color:color-mix(in oklab, var(--pp-accent) 55%, transparent);color:var(--pp-accent-text)}.px-portal .pp-btn{height:var(--pp-control-h);border-radius:var(--pp-radius-control);border:1px solid var(--pp-border);background:var(--pp-surface-2);color:var(--foreground);text-align:left;align-items:center;gap:.75rem;padding-inline:1rem;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s;display:flex}.px-portal .pp-btn:hover{border-color:var(--pp-border-strong);background:color-mix(in oklab, var(--pp-surface-2), var(--foreground) 6%)}.px-portal .pp-btn--primary{background:var(--pp-accent);color:var(--pp-on-accent);border-color:#0000}.px-portal .pp-btn--primary:hover{background:color-mix(in oklab, var(--pp-accent), white 8%);border-color:#0000}.px-portal .pp-btn--outline{border-color:color-mix(in oklab, var(--pp-accent) 60%, transparent);background:0 0;justify-content:center}.px-portal .pp-progress{background:var(--pp-track);border-radius:9999px;height:.3125rem;overflow:hidden}.px-portal .pp-progress>span{border-radius:inherit;background:var(--pp-accent);height:100%;display:block}.px-portal .pp-hex{--pp-hex-tone:var(--foreground);width:var(--pp-hex-size);height:var(--pp-hex-size);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--pp-hex-tone);color:var(--pp-hex-tone);place-items:center;display:grid;position:relative}.px-portal .pp-hex:before{content:"";clip-path:inherit;background:var(--pp-tile);position:absolute;inset:2px}.px-portal .pp-hex>svg{position:relative}.px-portal .pp-hex--gold{--pp-hex-tone:var(--pp-gold)}.px-portal .pp-hex--red{--pp-hex-tone:var(--pp-accent)}.px-portal .pp-input{border:1px solid var(--pp-border);border-radius:var(--pp-radius-control);background:var(--pp-surface-2);width:100%;min-width:0;color:var(--foreground);outline:none;padding:.5rem .75rem;font-size:.875rem;line-height:1.4;transition:border-color .15s,box-shadow .15s}.px-portal .pp-input::placeholder{color:var(--muted-foreground)}.px-portal .pp-input:focus-visible{border-color:var(--pp-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--pp-accent) 25%, transparent)}.px-portal .pp-input[aria-invalid=true]{border-color:var(--destructive)}.px-portal textarea.pp-input{resize:vertical;min-height:6rem}.px-portal .pp-field-error{color:var(--destructive);font-size:.75rem}.px-portal .pp-savebar{inset-inline:0;z-index:40;padding:.75rem var(--pp-gutter);border-top:1px solid var(--pp-border);background:color-mix(in oklab, var(--pp-sidebar) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;bottom:0}}@media (width>=64rem){.px-portal .pp-savebar{left:var(--pp-sidebar-w)}}