:root{--ph-surface-void: #090908;--ph-surface-base: #0E0D0D;--ph-surface-s1: #161514;--ph-surface-s2: #1D1C1B;--ph-surface-s3: #282625;--ph-line-divider: #2D2B29;--ph-line-border: #3E3C38;--ph-line-interactive: #7A756D;--ph-text-primary: #F5EFE6;--ph-text-secondary: #C2BBB0;--ph-text-muted: #958F85;--ph-text-disabled: #66615A;--ph-text-ink: #130F09;--ph-gold-100: #FBEEC9;--ph-gold-200: #F9E2AC;--ph-gold-300: #F4D18D;--ph-gold-400: #E6B767;--ph-gold-500: #D09B47;--ph-gold-600: #A87A2F;--ph-gold-700: #805C24;--ph-gold-800: #543E19;--ph-gold-900: #30230E;--ph-status-online: #62BD8F;--ph-status-degraded: #DA9253;--ph-status-error: #E66560;--ph-status-info: #72A9D0;--ph-status-offline: #857F76;--ph-space-1: 4px;--ph-space-2: 8px;--ph-space-3: 12px;--ph-space-4: 16px;--ph-space-6: 24px;--ph-space-8: 32px;--ph-space-12: 48px;--ph-space-16: 64px;--ph-space-24: 96px;--ph-radius-xs: 2px;--ph-radius-sm: 4px;--ph-radius-md: 8px;--ph-radius-full: 999px;--ph-font-display: Archivo, "Archivo Variable", system-ui, sans-serif;--ph-font-ui: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--ph-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--ph-motion-micro: .12s;--ph-motion-standard: .2s;--ph-motion-state: .4s;--ph-motion-ignition: 1.4s;--ph-motion-ease: cubic-bezier(.2,.8,.2,1);--ph-type-display-1-size: 56px;--ph-type-display-1-height: 60px;--ph-type-display-1-weight: 700;--ph-type-display-2-size: 36px;--ph-type-display-2-height: 42px;--ph-type-display-2-weight: 700;--ph-type-h1-size: 26px;--ph-type-h1-height: 32px;--ph-type-h1-weight: 600;--ph-type-h2-size: 20px;--ph-type-h2-height: 28px;--ph-type-h2-weight: 600;--ph-type-h3-size: 16px;--ph-type-h3-height: 24px;--ph-type-h3-weight: 600;--ph-type-body-size: 14px;--ph-type-body-height: 22px;--ph-type-body-weight: 400;--ph-type-small-size: 13px;--ph-type-small-height: 20px;--ph-type-small-weight: 400;--ph-type-micro-size: 11px;--ph-type-micro-height: 16px;--ph-type-micro-weight: 500;--ph-type-mono-size: 13px;--ph-type-mono-height: 20px;--ph-type-mono-weight: 400;--ph-type-mono-sm-size: 12px;--ph-type-mono-sm-height: 18px;--ph-type-mono-sm-weight: 400;--ph-focus-color: #F4D18D;--ph-focus-width: 2px;--ph-focus-offset: 2px}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:var(--ph-surface-base);color:var(--ph-text-primary);font-family:var(--ph-font-ui);font-size:var(--ph-type-body-size);line-height:var(--ph-type-body-height);-webkit-font-smoothing:antialiased}:focus-visible{outline:var(--ph-focus-width) solid var(--ph-focus-color);outline-offset:var(--ph-focus-offset);border-radius:var(--ph-radius-xs)}.app{position:relative;min-height:100vh;max-inline-size:720px;margin-inline:auto;padding:var(--ph-space-8) var(--ph-space-6) var(--ph-space-16);isolation:isolate;overflow-x:clip}.app__glow{position:absolute;inset-block-start:-10vh;inset-inline-start:50%;translate:-50% 0;inline-size:min(680px,130vw);block-size:440px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#e6b7671f,#e6b76700 68%)}.app__nav{display:flex;justify-content:flex-end;margin-block-end:var(--ph-space-16)}.app__nav-action{display:inline-flex;align-items:center;min-block-size:34px;padding-inline:var(--ph-space-4);border:1px solid var(--ph-line-border);border-radius:var(--ph-radius-sm);background:var(--ph-surface-s1);color:var(--ph-text-secondary);font-size:var(--ph-type-small-size);line-height:1;font-weight:500;text-decoration:none;transition:border-color var(--ph-motion-micro) var(--ph-motion-ease),background-color var(--ph-motion-micro) var(--ph-motion-ease),color var(--ph-motion-micro) var(--ph-motion-ease)}.app__nav-action:hover{background:var(--ph-surface-s2);border-color:var(--ph-line-interactive);color:var(--ph-gold-300)}.app__nav-action:active{background:var(--ph-surface-s1)}.app__mast{text-align:center}.app__mark{inline-size:96px;block-size:auto}.app__wordmark{margin:var(--ph-space-4) 0 0;font-family:var(--ph-font-display);font-weight:800;font-stretch:118%;font-size:clamp(26px,8vw,36px);line-height:1.18;letter-spacing:.055em;text-indent:.055em;text-transform:uppercase;text-wrap:balance}.app__motto{margin:var(--ph-space-3) 0 0;color:var(--ph-gold-400);letter-spacing:.02em}.app__status{margin-block-start:var(--ph-space-16);background:var(--ph-surface-s1);border:1px solid var(--ph-line-divider);border-radius:var(--ph-radius-md);padding:var(--ph-space-2) var(--ph-space-4)}.app__status-row{display:flex;align-items:center;gap:var(--ph-space-3);padding-block:var(--ph-space-3);border-block-end:1px solid var(--ph-line-divider)}.app__status-row:last-child{border-block-end:0}.app__status-name{font-family:var(--ph-font-mono);font-size:var(--ph-type-mono-sm-size);color:var(--ph-text-primary);min-inline-size:96px}.app__status-value{font-size:var(--ph-type-small-size);color:var(--ph-text-muted)}.app__foot{margin-block-start:var(--ph-space-16);padding-block-start:var(--ph-space-6);border-block-start:1px solid var(--ph-line-divider);font-size:var(--ph-type-small-size);color:var(--ph-text-muted)}.ph-ring[data-spin=true]{transform-box:view-box;transform-origin:50% 50%;animation-name:ph-ring-spin;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ph-ring-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{position:relative;min-height:100vh;display:flex;flex-direction:column;isolation:isolate;overflow-x:clip}.shell:before{content:"";position:absolute;inset-block-start:-18vh;inset-inline-start:50%;translate:-50% 0;inline-size:min(760px,140vw);block-size:420px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#e6b76712,#e6b76700 70%)}.shell__bar{border-block-end:1px solid var(--ph-line-divider);padding:var(--ph-space-4) var(--ph-space-6)}.shell__brand{display:flex;align-items:center;gap:var(--ph-space-3);inline-size:min(34rem,100%);margin-inline:auto;color:var(--ph-text-primary);text-decoration:none}.shell__mark{inline-size:26px;block-size:auto}.shell__brand-name{font-family:var(--ph-font-display);font-weight:700;font-stretch:112%;font-size:var(--ph-type-small-size);letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;transition:color var(--ph-motion-micro) var(--ph-motion-ease)}.shell__brand:hover .shell__brand-name{color:var(--ph-gold-300)}.shell__main{flex:1;padding:clamp(32px,7vh,64px) var(--ph-space-6)}.shell__foot{inline-size:min(34rem,calc(100% - (2 * var(--ph-space-6))));margin-inline:auto;padding-block:var(--ph-space-6) var(--ph-space-12);border-block-start:1px solid var(--ph-line-divider);font-size:var(--ph-type-small-size);line-height:var(--ph-type-small-height);color:var(--ph-text-muted);text-wrap:pretty}.account{inline-size:min(34rem,100%);margin-inline:auto}.account__title{margin:0;font-family:var(--ph-font-display);font-weight:700;font-stretch:112%;font-size:var(--ph-type-h1-size);line-height:var(--ph-type-h1-height);letter-spacing:.02em;color:var(--ph-text-primary)}.account__identity{margin-block-start:var(--ph-space-6);padding-block-end:var(--ph-space-6);border-block-end:1px solid var(--ph-line-divider)}.account__name{margin:0;font-family:var(--ph-font-display);font-size:var(--ph-type-h2-size);line-height:var(--ph-type-h2-height);font-weight:600;color:var(--ph-text-primary)}.account__handle{margin:var(--ph-space-1) 0 0;font-family:var(--ph-font-mono);font-size:var(--ph-type-mono-sm-size);line-height:var(--ph-type-mono-sm-height);color:var(--ph-text-muted)}.account__facts{margin:0}.account__fact{display:grid;grid-template-columns:minmax(7rem,9rem) 1fr;gap:var(--ph-space-4);align-items:baseline;padding-block:var(--ph-space-3);border-block-end:1px solid var(--ph-line-divider)}.account__fact:last-child{border-block-end:0}.account__fact dt{font-size:var(--ph-type-small-size);line-height:var(--ph-type-small-height);color:var(--ph-text-muted)}.account__fact dd{margin:0;font-size:var(--ph-type-body-size);line-height:var(--ph-type-body-height);color:var(--ph-text-primary)}.account__status{display:inline-flex;align-items:center;gap:var(--ph-space-2)}.account__status-dot{inline-size:7px;block-size:7px;border-radius:var(--ph-radius-full);background:var(--ph-status-offline)}.account__status[data-tone=online] .account__status-dot{background:var(--ph-status-online);box-shadow:0 0 0 3px #62bd8f24}.account__note{margin:var(--ph-space-6) 0 0;color:var(--ph-text-secondary)}.account__actions{margin-block-start:var(--ph-space-8);padding-block-start:var(--ph-space-6);border-block-start:1px solid var(--ph-line-divider)}.account__action{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-block-size:40px;padding-inline:var(--ph-space-6);border:1px solid var(--ph-line-border);border-radius:var(--ph-radius-sm);background:var(--ph-surface-s2);color:var(--ph-text-primary);font-family:var(--ph-font-ui);font-size:var(--ph-type-body-size);font-weight:500;text-decoration:none;cursor:pointer;transition:border-color var(--ph-motion-micro) var(--ph-motion-ease),background-color var(--ph-motion-micro) var(--ph-motion-ease),color var(--ph-motion-micro) var(--ph-motion-ease)}.account__action:hover:not(:disabled){background:var(--ph-surface-s3);border-color:var(--ph-line-interactive);color:var(--ph-gold-300)}.account__action:active:not(:disabled){background:var(--ph-surface-s2)}.account__action:disabled{cursor:not-allowed;color:var(--ph-text-disabled);border-color:var(--ph-line-divider)}.account__action--primary{background:var(--ph-gold-500);border-color:var(--ph-gold-600);color:var(--ph-text-ink);font-weight:600}.account__action--primary:hover:not(:disabled){background:var(--ph-gold-400);border-color:var(--ph-gold-500);color:var(--ph-text-ink)}@media(max-width:480px){.shell__bar,.shell__main{padding-inline:var(--ph-space-4)}.shell__foot{inline-size:min(34rem,calc(100% - (2 * var(--ph-space-4))))}.account__fact{grid-template-columns:1fr;gap:var(--ph-space-1)}.app{padding:var(--ph-space-6) var(--ph-space-4) var(--ph-space-12)}.app__nav{margin-block-end:var(--ph-space-12)}}