:root{--c-bg:#f6f7f9;--c-surface:#fff;--c-surface-2:#f1f3f6;--c-surface-3:#e9ecf1;--c-border:#e4e7ec;--c-border-strong:#d3d8e0;--c-text:#1b1f27;--c-text-secondary:#5b6573;--c-text-tertiary:#8b95a5;--c-text-on-accent:#fff;--c-accent:#4a56ae;--c-accent-hover:#3e498f;--c-accent-active:#343d78;--c-accent-soft:#eceef8;--c-accent-soft-hover:#e1e4f3;--c-accent-border:#c7ccec;--c-accent-disabled:#c3c8e4;--c-success:#2f7a57;--c-success-soft:#e7f1ec;--c-success-border:#c5ddd0;--c-warning:#a9791f;--c-warning-soft:#f8f0dc;--c-warning-border:#e6d4a6;--c-danger:#bc4a30;--c-danger-hover:#a33e27;--c-scrim-rgb:20 24 33;--c-danger-soft:#faebe6;--c-danger-border:#edc9bd;--c-info:#2e6c97;--c-info-soft:#e6eff6;--c-info-border:#bfd6e6;--c-pf-instagram:#be3a7e;--c-pf-instagram-standalone:var(--c-pf-instagram);--c-pf-tiktok:#1b1d24;--c-pf-facebook:#2c68c9;--c-pf-x:#14161c;--c-pf-youtube:#e0322b;--c-pf-reddit:#ff4500;--c-chart-1:#4a56ae;--c-chart-2:#5e97b0;--c-chart-3:#6fae8c;--c-chart-4:#c2a24e;--c-chart-5:#b27a8e;--c-chart-grid:#eceef2;--c-chart-axis:#9aa3b2;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--fs-display:1.75rem;--lh-display:1.2;--fs-h1:1.375rem;--lh-h1:1.25;--fs-h2:1.125rem;--lh-h2:1.3;--fs-h3:.9375rem;--lh-h3:1.4;--fs-body:.875rem;--lh-body:1.5;--fs-body-sm:.8125rem;--lh-body-sm:1.45;--fs-label:.8125rem;--lh-label:1.3;--fs-caption:.75rem;--lh-caption:1.35;--fs-micro:.6875rem;--lh-micro:1.3;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--sp-0:0;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-7:1.75rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--r-sm:.375rem;--r-md:.5rem;--r-lg:.75rem;--r-xl:1rem;--r-pill:999px;--r-circle:50%;--bw-1:1px;--bw-2:2px;--shadow-xs:0 1px 2px #141c2e0d;--shadow-sm:0 1px 3px #141c2e0f,0 1px 2px #141c2e0a;--shadow-md:0 6px 16px #141c2e14,0 2px 6px #141c2e0a;--shadow-lg:0 16px 40px #141c2e24,0 4px 10px #141c2e0f;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease-standard:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.16,1,.3,1);--z-base:0;--z-sticky:100;--z-dropdown:1000;--z-overlay:2000;--z-modal:2100;--z-popover:2200;--z-toast:3000;--bp-md:1024px;--bp-lg:1280px;--bp-xl:1440px;--sidebar-w:248px;--topbar-h:60px}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4,p{margin:0}button{cursor:pointer;font-family:inherit}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}:focus{outline:none}:focus-visible{outline:var(--bw-2) solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--c-accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-pill);border:3px solid var(--c-bg)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-tertiary)}.t-display{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--fw-semibold);letter-spacing:-.02em}.t-h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:var(--fw-semibold);letter-spacing:-.015em}.t-h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-semibold);letter-spacing:-.01em}.t-h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-semibold)}.t-body{font-size:var(--fs-body);line-height:var(--lh-body)}.t-body-sm{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm)}.t-label{font-size:var(--fs-label);line-height:var(--lh-label);font-weight:var(--fw-medium)}.t-caption{font-size:var(--fs-caption);line-height:var(--lh-caption)}.t-micro{font-size:var(--fs-micro);line-height:var(--lh-micro);font-weight:var(--fw-medium);letter-spacing:.02em}.t-secondary{color:var(--c-text-secondary)}.t-tertiary{color:var(--c-text-tertiary)}.t-num{font-variant-numeric:tabular-nums}.t-eyebrow{font-size:var(--fs-micro);font-weight:var(--fw-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--c-text-tertiary)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.gap-7{gap:var(--sp-7)}.gap-8{gap:var(--sp-8)}.between{justify-content:space-between}.aic{align-items:center}.wrap{flex-wrap:wrap}.flex1{flex:1;min-width:0}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mt-6{margin-top:var(--sp-6)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.divider{height:var(--bw-1);background:var(--c-border);border:none;margin:0}.dot-sep{border-radius:var(--r-circle);background:var(--c-text-tertiary);flex-shrink:0;width:3px;height:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.aspect-1-1{aspect-ratio:1}.aspect-4-5{aspect-ratio:4/5}.aspect-9-16{aspect-ratio:9/16}.aspect-16-9{aspect-ratio:16/9}.aspect-191-1{aspect-ratio:1.91}.chart-axis-text{fill:var(--c-chart-axis);font-size:10px;font-family:var(--font-sans)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.card{background:var(--c-surface);border:var(--bw-1) solid var(--c-border);border-radius:var(--r-lg)}.card--pad{padding:var(--sp-5)}
.settings-grid{gap:var(--sp-8);grid-template-columns:200px 1fr;display:grid}.settings-section{gap:var(--sp-5);flex-direction:column;display:flex}.setting-row{gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:var(--bw-1) solid var(--c-border);grid-template-columns:1fr auto;align-items:center;display:grid}.setting-row:last-child{border-bottom:none}.setting-row__info{gap:var(--sp-1);flex-direction:column;max-width:440px;display:flex}.times-grid{gap:var(--sp-2);flex-direction:column;display:flex}.time-pills{gap:var(--sp-2);flex-wrap:wrap;flex:1;display:flex}.time-pill{align-items:center;gap:var(--sp-1);background:var(--c-surface-2);border:var(--bw-1) solid var(--c-border);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-2);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;display:inline-flex}.time-pill button{color:var(--c-text-tertiary);padding:var(--sp-1);border-radius:var(--r-sm);background:0 0;border:none;display:flex}.time-pill button:hover{color:var(--c-danger)}.tfa-badge{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);align-items:center;display:inline-flex}.tfa-badge--on{background:var(--c-success-soft);color:var(--c-success)}.tfa-badge--off{background:var(--c-surface-2);color:var(--c-text-tertiary)}.recovery-codes{gap:var(--sp-2);padding:var(--sp-4);background:var(--c-surface-2);border:var(--bw-1) solid var(--c-border);border-radius:var(--r-md);grid-template-columns:repeat(2,1fr);margin:0;list-style:none;display:grid}.recovery-codes__item{font-family:var(--font-mono);font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums}.key-row{align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:var(--bw-1) solid var(--c-border);display:flex}.key-row:last-child{border-bottom:none;padding-bottom:0}.key-row:first-child{padding-top:0}.key-row__main{gap:var(--sp-1);flex-direction:column;flex:1;min-width:0;display:flex}.key-row__prefix{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--c-text-secondary);font-variant-numeric:tabular-nums}.key-badge{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);white-space:nowrap;align-items:center;display:inline-flex}.key-badge--active{background:var(--c-success-soft);color:var(--c-success)}.key-badge--soon{background:var(--c-warning-soft);color:var(--c-warning)}.key-badge--expired{background:var(--c-danger-soft);color:var(--c-danger)}.key-badge--revoked{background:var(--c-surface-2);color:var(--c-text-tertiary)}.key-scope{gap:var(--sp-1);flex-direction:column;display:flex}.key-scope__desc{margin-left:calc(var(--sp-4) + (2 * var(--bw-1)) + var(--sp-2))}.key-token{font-family:var(--font-mono);font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums;word-break:break-all;-webkit-user-select:all;user-select:all;padding:var(--sp-4);background:var(--c-surface-2);border:var(--bw-1) solid var(--c-border);border-radius:var(--r-md)}
.status-pill{align-items:center;gap:var(--sp-2);height:24px;padding:0 var(--sp-2) 0 var(--sp-1);border-radius:var(--r-sm);font-size:var(--fs-micro);font-weight:var(--fw-medium);background:var(--c-surface-2);color:var(--c-text-secondary);display:inline-flex}.status-pill__dot{justify-content:center;align-items:center;display:inline-flex}.status-pill--scheduled{background:var(--c-info-soft);color:var(--c-info)}.status-pill--published{background:var(--c-success-soft);color:var(--c-success)}.status-pill--draft{background:var(--c-surface-3);color:var(--c-text-secondary)}.status-pill--failed{background:var(--c-danger-soft);color:var(--c-danger)}.status-pill--publishing{background:var(--c-warning-soft);color:var(--c-warning)}.connection-pill--pending{background:var(--c-warning-soft);color:var(--c-warning);border:1px solid var(--c-warning-border)}
.svg-chart{width:100%;display:block;overflow:visible}.chart-grid-line{stroke:var(--c-chart-grid);stroke-width:1px}.chart-area-1{fill:var(--c-chart-1);opacity:.08}.chart-line-1{stroke:var(--c-chart-1);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-line-2{stroke:var(--c-chart-2);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none}.chart-bar{fill:var(--c-chart-1);transition:fill var(--dur-fast)}.chart-bar:hover{fill:var(--c-accent-hover)}.chart-bar--hover{fill:var(--c-accent-active)}.spark-line{stroke:var(--c-chart-1);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.spark-area{fill:var(--c-chart-1);opacity:.1}.chart-hit{position:relative}.chart-guide{stroke:var(--c-border-strong);stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.chart-dot-hover{stroke:var(--c-surface);stroke-width:2px;pointer-events:none}.chart-tip{z-index:5;pointer-events:none;background:var(--c-surface);border:var(--bw-1) solid var(--c-border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:var(--sp-2) var(--sp-3);min-width:128px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.chart-tip--below{transform:translate(-50%,12px)}.chart-tip--cursor{min-width:0;transform:translate(-50%,calc(-100% - 14px))}.chart-tip__date{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-text);margin-bottom:var(--sp-1);white-space:nowrap}.chart-tip__row{align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);white-space:nowrap;line-height:1.6;display:flex}.chart-tip__dot{border-radius:var(--r-circle);flex-shrink:0;width:8px;height:8px}.chart-tip__name{color:var(--c-text-secondary)}.chart-tip__val{padding-left:var(--sp-4);font-weight:var(--fw-semibold);color:var(--c-text);font-variant-numeric:tabular-nums;margin-left:auto}
.menu{background:var(--c-surface);border:var(--bw-1) solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-1);min-width:200px;z-index:var(--z-popover);animation:menu-in var(--dur-fast) var(--ease-out)}.menu__label{padding:var(--sp-2) var(--sp-3) var(--sp-1)}.menu__item{align-items:center;gap:var(--sp-3);text-align:left;border-radius:var(--r-sm);width:100%;padding:var(--sp-2) var(--sp-3);color:var(--c-text);font-size:var(--fs-body-sm);transition:background var(--dur-fast) var(--ease-standard);background:0 0;border:none;display:flex}.menu__item:hover:not(:disabled){background:var(--c-surface-2)}.menu__item:disabled{color:var(--c-text-tertiary);cursor:not-allowed}.menu__item--stacked{align-items:flex-start}.menu__item__body{gap:var(--sp-1);text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.menu__item__label{color:inherit}.menu__item__desc{color:var(--c-text-secondary);font-size:var(--fs-caption);line-height:var(--lh-caption)}.menu__item--danger{color:var(--c-danger)}.menu__item--danger:hover{background:var(--c-danger-soft)}.menu__item__check{color:var(--c-accent);margin-left:auto;display:flex}.menu__item__lead{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.menu__divider{height:var(--bw-1);background:var(--c-border);margin:var(--sp-1) 0}.menu__shortcut{color:var(--c-text-tertiary);font-size:var(--fs-caption);margin-left:auto}
.overlay{background:rgb(var(--c-scrim-rgb) / 42%);z-index:var(--z-overlay);animation:overlay-in var(--dur-base) var(--ease-standard);position:fixed;inset:0}.modal-scroll{z-index:var(--z-modal);padding:var(--sp-8) var(--sp-4);pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-scroll .modal{pointer-events:auto}.modal{background:var(--c-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;z-index:var(--z-modal);animation:modal-in var(--dur-base) var(--ease-out);max-height:calc(100vh - var(--sp-16));flex-direction:column;margin:auto 0;display:flex}.modal--sm{max-width:440px}.modal--md{max-width:600px}.modal--lg{max-width:980px}.modal__head{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:var(--bw-1) solid var(--c-border);flex-shrink:0;display:flex}.modal__title{flex-direction:column;gap:2px;display:flex}.modal__body{padding:var(--sp-6);overflow-y:auto}.modal__foot{justify-content:flex-end;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:var(--bw-1) solid var(--c-border);flex-shrink:0;display:flex}.modal__foot--split{justify-content:space-between}.skillfile__panel{gap:var(--sp-3);flex-direction:column;height:460px;max-height:calc(100vh - 200px);display:flex}
.toast-region{bottom:var(--sp-6);right:var(--sp-6);z-index:var(--z-toast);gap:var(--sp-2);flex-direction:column;width:340px;margin:0;padding:0;list-style:none;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--sp-3);background:var(--c-text);color:var(--c-text-on-accent);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-base) var(--ease-out);display:flex}.toast__icon{flex-shrink:0;margin-top:1px;display:flex}.toast__icon--success{color:#7fd3a8}.toast__icon--danger{color:#eca493}.toast__icon--info{color:#9fc2dc}.toast__body{font-size:var(--fs-body-sm);flex:1}.toast__title{font-weight:var(--fw-semibold)}.toast__message{opacity:.85}.toast__close{color:#ffffffb3;border-radius:var(--r-sm);background:0 0;border:none;padding:2px;display:flex}.toast__close:hover{color:var(--c-text-on-accent)}