:root{--brand: #0f766e;--brand-strong: #115e59;--brand-accent: #e68100;--brand-pale: #7fcac0;--brand-soft: #e2f1ee;--scope-shared: #315f9b;--scope-shared-soft: #e7eef8;--scope-shared-action: #315f9b;--scope-shared-action-hover: #244b7d;--scope-instance: #765487;--scope-instance-soft: #f0e8f3;--scope-instance-action: #765487;--scope-instance-action-hover: #60436f;--canvas: #f6f5f1;--surface: #fbfaf7;--surface-elevated: #ffffff;--surface-subtle: #eeefeb;--text: #1f2933;--text-muted: #4b5962;--text-soft: #68757c;--border: #d9ddd8;--border-strong: #b9c3bd;--danger-text: #a22b2b;--danger-surface: #fae9e7;--focus: #e68100;--radius-xs: .35rem;--radius-sm: .55rem;--radius-md: .85rem;--radius-lg: 1.15rem;--shadow-soft: 0 1.2rem 3.5rem rgba(31, 41, 51, .08);--page-width: 1180px;--title-page: clamp(2.15rem, 5vw, 4.25rem);--title-workspace: clamp(1.85rem, 4vw, 2.8rem);--title-compact: clamp(1.5rem, 2.6vw, 2.15rem)}.ph{display:inline-block;width:1em;height:1em;flex:0 0 auto;fill:currentColor;vertical-align:-.125em}:root[data-theme=dark]{--brand: #5dc2b6;--brand-strong: #87d8ce;--brand-pale: #397d75;--brand-soft: #173c38;--scope-shared: #9fc5f8;--scope-shared-soft: #1e3048;--scope-shared-action: #315f9b;--scope-shared-action-hover: #416fa8;--scope-instance: #d7b7e4;--scope-instance-soft: #38283f;--scope-instance-action: #765487;--scope-instance-action-hover: #855e96;--canvas: #111715;--surface: #161d1a;--surface-elevated: #1b2420;--surface-subtle: #151f1b;--text: #edf4f1;--text-muted: #b7c4bf;--text-soft: #8e9d97;--border: #33403b;--border-strong: #52625c;--danger-text: #ffb4ac;--danger-surface: #4c2423;--focus: #ffb347;--shadow-soft: 0 1.2rem 3.5rem rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{scroll-behavior:smooth;color:var(--text);background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0;background:var(--canvas)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{color:#10211e;background:#9de3da}h1,h2,h3,h4,p{overflow-wrap:break-word}h1{margin:.45rem 0 1.1rem;font-size:var(--title-page);line-height:1.02;letter-spacing:-.045em}.page-shell{width:min(var(--page-width),calc(100% - 2rem));margin-inline:auto}.eyebrow{margin:0;color:var(--brand-strong);font-size:.75rem;font-weight:850;letter-spacing:.12em}.lede{max-width:61ch;margin:0;color:var(--text-muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;border:1px solid transparent;border-radius:999px;padding:.65rem 1rem;font:inherit;font-size:.82rem;font-weight:800;text-decoration:none;cursor:pointer}.button-primary{color:#fff;background:#0f766e}.button-primary:hover{background:#115e59}.button-secondary{border-color:var(--brand);color:var(--brand-strong);background:transparent}.button-quiet{color:var(--text-muted);background:transparent}.button-quiet:hover,.button-secondary:hover{background:var(--brand-soft)}.state-panel{padding:clamp(1.5rem,4vw,2.5rem);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);background:var(--surface-subtle)}.state-panel p{max-width:55ch;margin:.4rem 0}.state-kicker{color:var(--text);font-size:1.05rem;font-weight:800}.state-error{border-style:solid;border-color:color-mix(in srgb,var(--danger-text) 35%,var(--border));background:var(--danger-surface)}.state-loading{display:flex;align-items:center;gap:.85rem}.loading-mark{display:inline-block;width:1rem;height:1rem;flex:0 0 auto;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;transform:translateY(-160%);border-radius:var(--radius-sm);padding:.65rem .8rem;color:#fff;background:#115e59;font-weight:750}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
