/* Agathos: graphite surfaces, silver typography, ruby focus. */




body.agathos-interface{
  --paper:#111213;--surface:#1b1b1e;--soft:#212124;--rose:#2c2d32;--ink:#e8e6e6;--muted:#afa5a7;--line:#45474d;
  --wine:#b7afb0;--wine2:#d0cbcc;--accent:#b7afb0;--green:#a7c9b5;--amber:#beb6b8;--gold:#b4acad;--shadow:0 8px 24px #00000022;
  --ui-mono:Consolas,"Cascadia Code","SFMono-Regular",AgathosSans,monospace;
  background:radial-gradient(ellipse at 92% 0,#3132372b,transparent 42%),linear-gradient(#bbb4b510 1px,transparent 1px),linear-gradient(90deg,#bbb4b507 1px,transparent 1px),#111213;
  background-size:auto,100% 88px,88px 100%,auto;color:var(--ink);font-size:16px;line-height:1.8;color-scheme:dark;
}
body.agathos-interface ::selection{background:#b3abac;color:#151517}
body.agathos-interface a{color:#c0b9ba;text-underline-offset:.2em}
body.agathos-interface :is(h1,h2,h3,h4){color:#e8e6e6;letter-spacing:.03em}
body.agathos-interface :is(.eyebrow,.topbar-label,.data-status,.skill-id,.calc-step-no,.benchmark-kicker,.site-legal>span){font-family:var(--ui-mono);font-weight:400;letter-spacing:.1em}
body.agathos-interface :is(.number,.metric strong,.detail-metrics strong,.detail-extremes strong,.part>b,.character-detail-head>strong,.fact-row strong,.skill-source-timing b){font-family:var(--ui-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1;letter-spacing:-.035em}
body.agathos-interface :is(.eyebrow,.topbar-label){color:#aea4a6}
body.agathos-interface .topbar{background:#151517f5;border-bottom:1px solid #554c4e;backdrop-filter:none}
body.agathos-interface .top-inner{gap:14px;min-height:74px}
body.agathos-interface .global-search{border-color:#5f5557;background:#1d1e20;border-radius:3px;height:42px;box-shadow:inset 3px 0 #b06679;color:#c0b8ba}
body.agathos-interface .global-search input{color:#e3e0e0;font-size:15px;min-height:0}
body.agathos-interface :is(.sidebar-open-trigger,.sidebar-toggle){background:#212225;color:#d3cecf;border-color:#615658;border-radius:3px}
body.agathos-interface .language-switch{border-color:#544c4d;border-radius:3px;background:#1d1e21}
body.agathos-interface .language-switch button{color:#c6c0c1;font-size:12px}
body.agathos-interface .language-switch button[aria-pressed=true]{background:#42444a;color:#e2dfdf}

body.agathos-interface .site-sidebar{background:#161719;border-color:#6e4c55;box-shadow:14px 0 45px #00000055}
body.agathos-interface .site-sidebar .brand{border-color:#4a4b52;background:#1c1c1f}
body.agathos-interface .brand-gem{fill:#b0677a33;stroke:#beb7b8;filter:none}
body.agathos-interface .site-sidebar .brand strong{color:#eae8e8}
body.agathos-interface .site-sidebar .brand small{color:#b9b1b2;font-family:var(--ui-mono);font-size:8px}
body.agathos-interface .site-sidebar .nav{border-radius:2px;color:#c4bebf;min-height:51px;font-size:15px}
body.agathos-interface .site-sidebar .nav:hover{background:#28292d;color:#ebe9e9}
body.agathos-interface .site-sidebar .nav.active{background:linear-gradient(90deg,#643c474d,#232427);border-left-color:#c2babc;color:#e7e5e5}
body.agathos-interface .nav-icon{color:#bab3b4}

body.agathos-interface .site-sidebar .agathos-nav-icon{display:block;flex:none;width:23px;height:23px;fill:none;stroke:#b8b0b1;stroke-width:1.2;stroke-linecap:square;stroke-linejoin:miter}
body.agathos-interface .nav-icon-bolt{fill:#b5acae;filter:none}
body.agathos-interface .sidebar-tail{border-color:#494a51;color:#bcb4b6}
body.agathos-interface .sidebar-tail>span{font-family:AgathosSans,sans-serif;font-size:13px;line-height:1.9;letter-spacing:.12em}
body.agathos-interface .sidebar-backdrop{background:#070808ad;backdrop-filter:none}
body.agathos-interface main{padding-top:27px}
body.agathos-interface .workspace-intro{min-height:225px;padding:30px 250px 29px 32px;gap:25px;border:1px solid #754955;border-radius:3px;background:radial-gradient(ellipse at 90% 30%,#7b3f4f29,transparent 46%),#1c1c1f;box-shadow:inset 0 1px #c5bebf0a}
body.agathos-interface .workspace-intro:before{inset:12px;border:1px solid #6b434e2b;background:none;z-index:0}
body.agathos-interface .workspace-intro:after{display:block;content:"+";position:absolute;right:14px;top:4px;color:#b7afb0;font:18px var(--ui-mono);background:transparent;inset:auto 14px auto auto;width:auto;height:auto}
body.agathos-interface .workspace-intro h1{font-size:clamp(27px,2.2vw,36px);font-weight:550;letter-spacing:.06em;margin:10px 0 10px}
body.agathos-interface .workspace-intro p{color:#bdb5b7;font-size:15px;max-width:650px}
body.agathos-interface .hero-gem{width:220px;background:none;border-left:1px dashed #804c5a77;color:#c5bfc0;gap:0;overflow:hidden}
body.agathos-interface .hero-gem>svg{display:none}

body.agathos-interface .hero-gem span{font:12px/1.7 AgathosSans,sans-serif;letter-spacing:.2em}
body.agathos-interface .hero-gem:after{height:10px;margin-top:7px;background:#9b6271}
body.agathos-interface .workflow{gap:8px;align-self:center}
body.agathos-interface .workflow button{border-color:#5f5657;background:#26272a;border-radius:2px;min-width:100px;min-height:72px;color:#dedbdb;padding:11px}
body.agathos-interface .workflow button:hover{transform:none;background:#313237;border-color:#ba7a8b}
body.agathos-interface .workflow b{border:0;border-radius:0;background:none;color:#bab3b4;font:18px var(--ui-mono)}
body.agathos-interface .workflow small{font-size:11px;color:#b2aaab}
body.agathos-interface .contact-strip{border-color:#584e50;background:#202124;color:#cbc5c6;font-size:12px}
body.agathos-interface .contact-label{color:#c5bfc0}
body.agathos-interface :is(.panel,.metric,.control-panel){position:relative;background:#1d1e20;border:1px solid #544b4d;border-radius:3px;box-shadow:var(--shadow)}
body.agathos-interface :is(.panel,.control-panel):after{content:"";position:absolute;top:-1px;right:-1px;width:13px;height:13px;border-top:1px solid #c38c9a;border-right:1px solid #c38c9a;pointer-events:none}
body.agathos-interface :is(.control-panel,.panel){padding:22px 24px}
body.agathos-interface .control-panel{border-left:3px solid #bd7f8f;background:linear-gradient(100deg,#242528,#1e1f22)}
body.agathos-interface .control-heading{border-color:#5c5354}
body.agathos-interface :is(.panel-title,.section-heading){border-color:#564d4f}
body.agathos-interface .panel-title{position:relative;border-bottom:1px solid #5f5557;border-image:none;padding-bottom:15px;margin-bottom:18px}
body.agathos-interface .panel-title:before{content:"+";width:auto;height:auto;border:0;border-radius:0;box-shadow:none;color:#c28897;font:17px var(--ui-mono);transform:none;background:none}
body.agathos-interface .panel-title h2{font-size:19px;line-height:1.6;font-weight:550}
body.agathos-interface :is(.panel-title>span,.help,.table-foot,.section-heading p,.matrix-head p){color:#b4abad;line-height:1.85}
body.agathos-interface :is(.metric,.detail-metrics>div,.detail-extremes>div){border-color:#544c4d;background:#242428;border-radius:2px}
body.agathos-interface .metric{padding:17px 20px;border-top-color:#834f5d;min-height:110px}
body.agathos-interface .metric:before{background:#c28897!important;height:1px;left:0;width:30px}
body.agathos-interface .metric strong{color:#d2cccd;font-size:27px}
body.agathos-interface .metric:first-child strong{font-family:AgathosSans,sans-serif;font-size:18px;letter-spacing:0}
body.agathos-interface :is(label,.control-heading p){color:#c4bdbe;font-size:14px}
body.agathos-interface :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border:1px solid #695e60;border-radius:3px;background:#292a2e;color:#e7e5e5;font-size:15px;min-height:40px}
body.agathos-interface .global-search input[type=search]{min-height:0;border:0;background:transparent;box-shadow:none}
body.agathos-interface input[type=range]{min-height:20px;accent-color:#c48c9b;border:0;background:transparent}
body.agathos-interface :is(input,select,textarea):focus-visible{outline:1px solid #bbb3b4;outline-offset:2px;box-shadow:0 0 0 3px #aea4a622}
body.agathos-interface .global-search input[type=search]:focus-visible{outline:0;box-shadow:none}
body.agathos-interface #global-search{min-height:0;border:0;background:transparent;outline:0;box-shadow:none}
body.agathos-interface :is(select option,select optgroup){background:#292a2e!important;color:#e5e3e3!important}
body.agathos-interface .field-hint{font-size:12px;color:#aca3a4;line-height:1.7}
body.agathos-interface .scenario{border-color:#67474f}
body.agathos-interface .scenario summary{color:#c2bbbc;font-size:15px}
body.agathos-interface :is(.primary,.secondary,.text-button){border-radius:3px}
body.agathos-interface .primary{background:#73424f;border-color:#ad7483;color:#f0eeee;box-shadow:none}
body.agathos-interface .secondary{background:#2b2c30;border-color:#726668;color:#cdc8c9;font-size:14px}
body.agathos-interface .text-button{color:#c1b9bb}
body.agathos-interface .table-wrap{background:#1a1b1d;border:1px solid #615658;border-radius:2px;scrollbar-color:#895f6a #1c1d1f}
body.agathos-interface .table-wrap :is(th,td){border-color:#3d3e44;font-size:15px}
body.agathos-interface .table-wrap thead th{background:#2c2c31!important;color:#cac4c5!important;border-bottom:1px solid #9a606f!important;padding-block:14px;font-size:13px;font-weight:500;letter-spacing:.06em}
body.agathos-interface .table-wrap tbody tr{background:#1d1e20}
body.agathos-interface .table-wrap tbody tr:nth-child(even){background:#222326}
body.agathos-interface .table-wrap tbody tr:hover{background:#2d2e32}
body.agathos-interface .table-wrap tbody tr.selected{background:#37383d;box-shadow:inset 2px 0 #b3abac}
body.agathos-interface .table-wrap td{color:#d9d4d5;padding-block:15px}
body.agathos-interface :is(.number.strong,.part>b,.character-detail-head>strong){color:#c4bdbe}
body.agathos-interface .character-name strong{font-size:18px;color:#e8e5e6;font-weight:550}
body.agathos-interface .character-name small{color:#aba2a3;font-size:12px}
body.agathos-interface .character-portrait{border-color:#b27a89;border-radius:3px;box-shadow:0 0 0 3px #222326}
body.agathos-interface .style-chip{border-radius:2px;font-size:13px;border:1px solid #ffffff20}
body.agathos-interface .style-1{background:#35363b;color:#b1d1de}
body.agathos-interface .style-2{background:#313237;color:#b9d4b7}
body.agathos-interface .style-3{background:#333439;color:#beb6b8}
body.agathos-interface .style-4{background:#35363b;color:#c3bbbd}
body.agathos-interface :is(.tag,.pill,.matrix-verdict){background:#2d2e33;border:1px solid #716668;border-radius:2px;color:#cfcacb}
body.agathos-interface :is(.tag.good,.matrix-verdict.is-positive){background:#2d2e33;border-color:#658370;color:#c2d7b9}
body.agathos-interface :is(.tag.warn,.pill.warning,.matrix-verdict.is-caution){background:#303136;border-color:#a35469;color:#c1babb}
body.agathos-interface .character-bottom{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);align-items:start}
body.agathos-interface .part-list{background:#1d1e20;border-radius:2px;border-color:#6d4e56}
body.agathos-interface .part-audit{border-color:#494a51}
body.agathos-interface .part-audit>summary.part{grid-template-columns:78px minmax(130px,1fr) 88px;min-height:80px;gap:6px 15px;font-size:15px;padding:16px}
body.agathos-interface .part-audit>summary.part>small{grid-column:2/-1;text-align:left;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:12px}
body.agathos-interface .part-audit>summary.part .scenario-assumption-label{margin:0;font-size:12px}
body.agathos-interface .part-audit>summary.part>strong{font-weight:550}
body.agathos-interface :is(.part-audit>summary:hover,.part-audit[open]>summary){background:#2b2b2f}
body.agathos-interface .part-open-hint{font-size:12px;color:#b2aaab}
body.agathos-interface .skill-source-panel{background:#1d1e21;border-color:#75525b;padding:24px}
body.agathos-interface .skill-source-description{font-size:16px;color:#e4e0e1}
body.agathos-interface :is(.skill-source-caption,.skill-source-footnote,.skill-source-code dt){color:#b2aaab}
body.agathos-interface .skill-source-timing>div{background:#28292d;border-color:#5e5556;border-radius:2px}
body.agathos-interface .skill-source-timing b{font-size:18px;color:#c6c0c1}
body.agathos-interface .skill-source-effects{border-color:#615658;border-radius:2px}
body.agathos-interface .skill-source-effects thead th{background:#2c2d31;color:#cbc6c7}
body.agathos-interface .skill-source-effects :is(th,td){border-color:#414248;color:#ddd8d9}
body.agathos-interface .skill-source-code code{background:#171719;border-color:#b67284;color:#c8c1c2;font-family:var(--ui-mono);font-size:13px}
body.agathos-interface :is(.skill-scenario-conditions,.lane-source-demo){border-color:#8c485a;border-radius:2px;background:#26272a}
body.agathos-interface .skill-scenario-conditions :is(p,li,dd){font-size:14px}
body.agathos-interface :is(.scenario-assumption-label,.partial-longitudinal){color:#c2babc!important}
body.agathos-interface .scenario-assumption-label{font-size:12px}
body.agathos-interface :is(.band-button,.character-note){border-color:#5a5152}
body.agathos-interface :is(.group-line,.bar-track){background:#2d2e33;border-color:#62444c;border-radius:1px}
body.agathos-interface :is(.group-line span,.bar-fill){border-radius:0;background:linear-gradient(90deg,#a45c6f,#b7aeb0)}
body.agathos-interface :is(.skill-algorithm-viz,.composition-algorithm-viz){background:#1f2023;border-color:#64595b;border-radius:2px}
body.agathos-interface .route-panel .course-svg{background:#212225;border-color:#62585a;border-radius:2px}
body.agathos-interface .route-panel .route-key span{background:#27282c;border-color:#675c5e;color:#ddd9da;border-radius:2px}
body.agathos-interface #tab-matrix :is(.matrix-head,.main-grid .panel){border-color:#76545d;background:#212225}
body.agathos-interface #tab-matrix .matrix-head:after{background:#c38a99}
body.agathos-interface #tab-matrix .matrix-verdict{background:#2b2b2f;color:#ccc7c8;border-color:#675c5e}
body.agathos-interface #tab-matrix .number.strong{color:#c4bdbe}
body.agathos-interface #tab-data .matrix-head{background:linear-gradient(120deg,#242528,#252629 55%,#2c2c31);border-color:#726668;border-radius:3px}
body.agathos-interface #tab-data .matrix-head:after{background:linear-gradient(90deg,#bf8393,#b0a7a9,#b78290)}
body.agathos-interface #tab-data .matrix-head :is(h1,p){color:#e4e1e1}
body.agathos-interface #tab-data :is(.algorithm-chart,.formula-panel){background:#212124;border-color:#6f6466}
body.agathos-interface #tab-data :is(.algorithm-controls,.algorithm-svg){background:#292a2e;border-color:#685d5f;border-radius:2px}
body.agathos-interface #tab-data .algorithm-chart .panel-title{border-image:none;border-color:#76696c}
body.agathos-interface #tab-data .algorithm-facts{background:#26272b;border-color:#726769}
body.agathos-interface #tab-data .fact-row{background:#2f3034;border-color:#6f6365;border-radius:2px;color:#cec8c9}
body.agathos-interface #tab-data .fact-row strong{color:#d5d0d1;font-size:21px}
body.agathos-interface #tab-data .fact-row.prominent{background:#3c3d43;border-color:#b29099}
body.agathos-interface #tab-data .fact-row.prominent strong{font-size:30px;color:#d1cbcc}
body.agathos-interface #tab-data .formula-grid>div{background:#28292d;border-color:#5f5557;border-radius:2px}
body.agathos-interface #tab-data .formula-grid :is(h3,h4){color:#d1cccd}
body.agathos-interface #tab-data .formula-grid code{background:#1e1e21;color:#c8d9cc}
body.agathos-interface #tab-data .formula-viz{background:linear-gradient(90deg,#1c1d20,#26272b,#1c1d20);border-color:#665b5d}
body.agathos-interface #tab-data .formula-viz .viz-grid{stroke:#b3aaac;stroke-dasharray:1 5;stroke-opacity:.24}
body.agathos-interface #tab-data :is(.calc-flow,.calc-flow-note){background:#252629;border-color:#675c5e;border-radius:2px}
body.agathos-interface #tab-data .calc-step{border-color:#75696b;background:#2a2b2f;border-radius:2px}
body.agathos-interface #tab-data .calc-step-icon{background:transparent;border:1px solid #9f7a84;border-radius:2px;box-shadow:none;color:#bcb4b6}
body.agathos-interface #tab-data :is(.calc-step h3,.calc-flow-note strong){color:#cac3c5}
body.agathos-interface #tab-data :is(.benchmark-card,.benchmark-metric){background:#26272a;border-color:#64595b;border-radius:2px}
body.agathos-interface #tab-account :is(.account-head,.account-panel){background:#212225;border-color:#77525c;border-radius:3px}
body.agathos-interface #tab-account .account-head{background:linear-gradient(115deg,#222326,#2c2d32)}
body.agathos-interface #tab-account .account-head:after{background:#b3abac}
body.agathos-interface #tab-account .account-panel :is(input,.secondary){background:#2c2d31;border-color:#766a6c;color:#dedadb}
body.agathos-interface #tab-account .account-panel .primary{background:#784b57;border-color:#b88190;color:#efeeee}
body.agathos-interface .site-legal{color:#af8993;border-color:#6a4c54;padding-top:19px}
body.agathos-interface .site-legal:before{content:"+ ──";margin-right:12px;color:#bd7f8f;font:14px var(--ui-mono)}
@media(min-width:1500px){body.agathos-interface .workspace-intro{gap:38px}body.agathos-interface .workflow button{min-width:122px}body.agathos-interface .character-bottom{grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr)}}
@media(max-width:1150px){body.agathos-interface .workspace-intro{flex-wrap:wrap;gap:18px;padding-right:230px}body.agathos-interface .workspace-intro>div:first-child{flex-basis:100%}body.agathos-interface .workflow button{min-height:55px}body.agathos-interface .topbar-label{display:none}body.agathos-interface .character-bottom{grid-template-columns:minmax(0,1fr)}}
@media(max-width:820px){body.agathos-interface{font-size:15px}body.agathos-interface .top-inner{min-height:56px;padding:9px 13px;gap:8px}body.agathos-interface .topbar{height:auto}body.agathos-interface .global-search{height:36px}body.agathos-interface .global-search input{font-size:13px}body.agathos-interface .data-status{display:none}body.agathos-interface main{padding-top:19px}body.agathos-interface .workspace-intro{min-height:0;padding:25px 180px 25px 23px}body.agathos-interface .workspace-intro h1{font-size:27px}body.agathos-interface .hero-gem{width:160px}body.agathos-interface .workspace-intro p{font-size:14px}body.agathos-interface :is(.control-panel,.panel){padding:18px}body.agathos-interface .panel-title h2{font-size:18px}}
@media(max-width:560px){body.agathos-interface .top-inner{padding:8px 10px;gap:6px}body.agathos-interface .language-switch button{font-size:10px;padding:5px 6px}body.agathos-interface .global-search{padding:0 9px;gap:5px}body.agathos-interface .global-search input{font-size:12px}body.agathos-interface .workspace-intro{display:block;padding:23px 20px 20px;border-radius:2px}body.agathos-interface .workspace-intro>div:first-child{min-width:0}body.agathos-interface .workspace-intro h1{font-size:26px;letter-spacing:.01em;max-width:100%}body.agathos-interface .workspace-intro p{font-size:14px;line-height:1.9}body.agathos-interface .hero-gem{display:none}body.agathos-interface .workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;gap:7px}body.agathos-interface .workflow button{padding:8px 6px;min-width:0;gap:4px;min-height:60px}body.agathos-interface .workflow span{font-size:12px}body.agathos-interface .workflow small{font-size:10px}body.agathos-interface .contact-strip{font-size:11px}body.agathos-interface .panel-title{padding-bottom:12px}body.agathos-interface :is(.control-panel,.panel){padding:16px}body.agathos-interface .metric{padding:14px;min-height:103px}body.agathos-interface .metric strong{font-size:24px}body.agathos-interface .metric:first-child strong{font-size:16px}body.agathos-interface .part-audit>summary.part{grid-template-columns:58px minmax(0,1fr) 65px;padding:13px 10px;font-size:13px;gap:6px 8px}body.agathos-interface .part-open-hint{font-size:10px;gap:4px}body.agathos-interface .skill-source-panel{padding:14px}body.agathos-interface .skill-source-description{font-size:15px}body.agathos-interface .skill-scenario-conditions{padding:13px}body.agathos-interface .table-wrap :is(th,td){font-size:14px}body.agathos-interface .table-wrap thead th{font-size:12px}body.agathos-interface .character-name strong{font-size:16px}body.agathos-interface .scenario-assumption-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){body.agathos-interface *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the introductory study compact, and leave the race workspace in view. */
body.agathos-interface .workspace-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
body.agathos-interface .workspace-intro>div:first-child{min-width:0}
body.agathos-interface .workspace-intro:after{content:"";inset:9px 9px auto auto;transform:none;width:9px;height:9px;border:0;border-top:1px solid #c38c9a;border-right:1px solid #c38c9a;background:none}
body.agathos-interface .hero-gem:after{width:1px;height:12px}
body.agathos-interface .workflow span{font-size:13px}
@media(max-width:1350px){body.agathos-interface .workspace-intro{grid-template-columns:minmax(0,1fr);padding:24px 230px 23px 29px;gap:16px}body.agathos-interface .workflow{justify-self:start}body.agathos-interface .workflow button{min-height:54px;padding:7px 12px}body.agathos-interface .workspace-intro p{margin-bottom:10px}body.agathos-interface .contact-strip{padding-block:7px}}
@media(max-width:820px){body.agathos-interface .workspace-intro{padding:23px 176px 23px 22px}}
@media(max-width:560px){body.agathos-interface .workspace-intro{display:block;padding:23px 20px 20px}body.agathos-interface .workflow button{min-height:59px;padding:8px 5px}body.agathos-interface .workflow span{font-size:12px}}
body.agathos-interface[data-tab]:not([data-tab="race"]) .workspace-intro{display:none}
@media(min-width:561px) and (max-width:820px){body.agathos-interface .hero-gem{position:absolute;inset:0 0 0 auto;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:0;border-left:1px dashed #804c5a77}}

/* One visual language: measured rails, registration marks and drawn signals. */
body.agathos-interface .ui-framed{position:relative;isolation:isolate}
body.agathos-interface .ui-framed:after{display:none}
body.agathos-interface .ui-frame{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;fill:none;z-index:1}
body.agathos-interface .ui-frame path{vector-effect:non-scaling-stroke;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;fill:none}
body.agathos-interface .ui-frame-rail{stroke:#aa707f;opacity:.6}
body.agathos-interface .ui-frame-ticks{stroke:#b9b0b2;opacity:.7}
body.agathos-interface .ui-frame-trace{stroke:#c8c2c3;stroke-dasharray:1;stroke-dashoffset:1;opacity:.9}
body.agathos-interface .ui-entered>.ui-frame .ui-frame-trace{animation:agathos-rail-draw 1.25s cubic-bezier(.2,.65,.25,1) var(--ui-delay,0ms) both}
body.agathos-interface .ui-framed:focus-within>.ui-frame .ui-frame-rail{opacity:.95;stroke:#c7c0c1}
body.agathos-interface .panel-title{border-bottom-style:dashed;border-color:#885f6a;padding-left:4px;gap:13px}
body.agathos-interface .panel-title:before{content:"";width:9px;height:9px;border:1px solid #b1a8aa;border-radius:0;transform:rotate(45deg);flex:none;opacity:.9}
body.agathos-interface .panel-title:after{content:"";position:absolute;bottom:-1px;left:0;right:68%;height:1px;background:#bab2b3;transform-origin:left;pointer-events:none}
body.agathos-interface .ui-entered>.panel-title:after{animation:agathos-divider-draw .95s ease-out var(--ui-delay,0ms) both}
body.agathos-interface .panel-title h2{letter-spacing:.06em}
body.agathos-interface .section-heading .eyebrow:before,
body.agathos-interface .matrix-head .eyebrow:before,
body.agathos-interface .workspace-intro .eyebrow:before{content:"[ ";color:#b67687}
body.agathos-interface .section-heading .eyebrow:after,
body.agathos-interface .matrix-head .eyebrow:after,
body.agathos-interface .workspace-intro .eyebrow:after{content:" ]";color:#b67687}
body.agathos-interface .topbar:after{content:"";position:absolute;left:30px;right:30px;bottom:-1px;height:1px;background:linear-gradient(90deg,#bab1b3 0 5%,transparent 5% 8%,#b27081 8% 14%,transparent 14% 91%,#be8191 91% 100%);pointer-events:none}
body.agathos-interface .site-sidebar .nav{position:relative;transition:color .18s,background-color .18s}
body.agathos-interface .site-sidebar .nav:after{content:"";position:absolute;right:10px;top:50%;width:15px;height:5px;border-top:1px solid #b8afb1;border-right:1px solid #b8afb1;transform:translate(-7px,-50%);opacity:0;transition:transform .24s,opacity .24s}
body.agathos-interface .site-sidebar .nav:hover:after,
body.agathos-interface .site-sidebar .nav:focus-visible:after,
body.agathos-interface .site-sidebar .nav.active:after{transform:translate(0,-50%);opacity:.9}
body.agathos-interface .workflow button{position:relative;overflow:hidden;transition:border-color .2s,background-color .2s}
body.agathos-interface .workflow button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#b9b0b2;transform:scaleX(.13);transform-origin:left;transition:transform .35s}
body.agathos-interface .workflow button:hover:after,
body.agathos-interface .workflow button:focus-visible:after{transform:scaleX(1)}
body.agathos-interface .hero-gem{background:radial-gradient(ellipse at 50% 45%,#994f621a,transparent 65%)}

body.agathos-interface .ui-ink-path{stroke-dasharray:1;stroke-dashoffset:0;animation:agathos-signal-draw 1.2s cubic-bezier(.2,.65,.25,1) both}
body.agathos-interface #tab-data .calc-flow-track{background:repeating-linear-gradient(90deg,#afa6a8 0 5px,transparent 5px 9px);height:1px;opacity:.65}
body.agathos-interface #tab-data .calc-arrow{font-family:var(--ui-mono);color:#b2a9ab;font-size:23px}
body.agathos-interface #tab-data .calc-step{box-shadow:none;border-left:2px solid #9c6f7b;transition:border-color .2s,background-color .2s}
body.agathos-interface #tab-data .calc-step:hover{border-color:#b6aeaf;background:#2f3034}
body.agathos-interface #tab-data .calc-step-no{font-size:12px;color:#c6bfc0}
body.agathos-interface .ui-entered .calc-flow .calc-step{animation:agathos-node-pass 1.1s ease-out var(--signal-delay,0ms) both}
body.agathos-interface .ui-entered .calc-flow .calc-arrow{animation:agathos-link-pass .9s ease-out var(--signal-delay,0ms) both}
body.agathos-interface #tab-data .formula-grid>div{position:relative;border-top:1px solid #a2717e}
body.agathos-interface #tab-data .formula-grid>div>small{display:flex;align-items:center;gap:12px;font:12px/1.7 var(--ui-mono);color:#bfb7b9;letter-spacing:.04em}
body.agathos-interface #tab-data .formula-grid>div>small:after{content:"";height:1px;flex:1;background:repeating-linear-gradient(90deg,#906570 0 2px,transparent 2px 7px)}
body.agathos-interface #tab-data .formula-viz{border-top:0;border-bottom:1px dotted #706466}
body.agathos-interface .skill-source-panel{position:relative;isolation:isolate}
body.agathos-interface details[open]>.skill-source-panel{animation:agathos-detail-reveal .32s ease-out both}
body.agathos-interface .skill-source-code code{border-left-width:1px;border-top:1px dotted #6f5058;padding:11px 13px}
body.agathos-interface .skill-source-branch-head strong:before{content:"[ ";font-family:var(--ui-mono);color:#a77280}
body.agathos-interface .skill-source-branch-head strong:after{content:" ]";font-family:var(--ui-mono);color:#a77280}
body.agathos-interface .ui-compute-line{position:absolute;bottom:0;left:0;right:0;height:2px;pointer-events:none;opacity:0;overflow:hidden;z-index:2;transition:opacity .2s}
body.agathos-interface .ui-working>.ui-compute-line{opacity:1;background:#b36b7e22}
body.agathos-interface .ui-compute-line i{display:block;height:100%;width:24%;background:linear-gradient(90deg,transparent,#bab3b4,#c8c2c3);transform:translateX(-100%)}
body.agathos-interface .ui-working:not(.ui-work-known)>.ui-compute-line i{animation:agathos-work-signal 1.25s linear infinite}
body.agathos-interface .ui-working.ui-work-known>.ui-compute-line i{width:var(--work-progress,0%);transform:none;transition:width .22s linear}
body.agathos-interface.ui-backgrounded *{animation-play-state:paused!important}
@keyframes agathos-rail-draw{0%{stroke-dashoffset:1;opacity:.25}75%{opacity:1}100%{stroke-dashoffset:0;opacity:.8}}
@keyframes agathos-divider-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes agathos-signal-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes agathos-detail-reveal{from{opacity:.55;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes agathos-work-signal{from{transform:translateX(-100%)}to{transform:translateX(520%)}}
@keyframes agathos-node-pass{0%,100%{box-shadow:none}40%{border-color:#c1b9bb;box-shadow:inset 0 1px #c8c2c3,0 0 12px #bb7a8b14}}
@keyframes agathos-link-pass{0%,100%{color:#b28994}40%{color:#cfc9ca;text-shadow:0 0 6px #b1697c}}
@media(max-width:820px){body.agathos-interface .topbar:after{left:13px;right:13px}}
@media(prefers-reduced-motion:reduce){
  body.agathos-interface .ui-frame-trace,body.agathos-interface .ui-ink-path{stroke-dashoffset:0!important}
  body.agathos-interface .ui-working:not(.ui-work-known)>.ui-compute-line i{transform:none;width:100%;opacity:.55}
}

/* The opening is composed as a single room, without nested decorative cards. */
body.agathos-interface{--paper:#101114;--surface:#191b20;--soft:#22232a;--rose:#302129;--ink:#ece9e5;--muted:#a8a5ad;--line:#3c3a43;--wine:#dfa1b2;--wine2:#edc2cf;--accent:#bd637d;--gold:#c5b9bf;--shadow:none;background:radial-gradient(ellipse at 87% 0,#74253f12,transparent 40%),#101114}
body.agathos-interface .topbar{height:auto;background:#121317;border-color:#36343d}
body.agathos-interface .topbar:after{display:none}
body.agathos-interface .top-inner{min-height:76px;gap:22px;padding:0 clamp(20px,3vw,54px)}
body.agathos-interface .top-signature{display:flex;align-items:center;gap:11px;flex:none;padding-right:24px;border-right:1px solid #41353f}
body.agathos-interface .top-signature svg{width:22px;height:34px;fill:#9c364b16;stroke:#cc7c92;stroke-width:1}
body.agathos-interface .top-signature span{font:400 19px/1 Georgia,"Times New Roman",serif;letter-spacing:.16em;color:#e4dde0}
body.agathos-interface .global-search{height:38px;max-width:560px;margin-left:auto;padding:0 6px;border:0;border-bottom:1px solid #48404b;background:transparent;border-radius:0;box-shadow:none;color:#b68494}
body.agathos-interface #global-search{font-size:14px;color:#e4e1e5;background:transparent}
body.agathos-interface .topbar-label{display:none}
body.agathos-interface .data-status{font-size:10px;letter-spacing:.02em;color:#9a8c9c}
body.agathos-interface .language-switch{background:transparent;border:0;border-left:1px solid #453646;padding-left:13px;border-radius:0;gap:4px}
body.agathos-interface .language-switch button{background:transparent;color:#b3a5b7;border-radius:1px;padding:5px 8px;font-size:11px}
body.agathos-interface .language-switch button[aria-pressed=true]{background:#3b2433;color:#f1ccd7}
body.agathos-interface .sidebar-open-trigger{background:transparent;border-color:#51414d;box-shadow:none}
body.agathos-interface main{padding:0 clamp(20px,3vw,54px) 70px}
body.agathos-interface .workspace-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.66fr);gap:0 25px;align-items:center;min-height:0;margin:0 0 28px;padding:36px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
body.agathos-interface .workspace-intro:before,body.agathos-interface .workspace-intro:after{display:none}
body.agathos-interface .workspace-intro>div:first-child{min-width:0;flex-basis:auto}
body.agathos-interface .intro-copy{padding:12px 0 27px;z-index:1}
body.agathos-interface .intro-copy>.eyebrow{display:flex;align-items:center;gap:16px;color:#ac95a6;font-size:10px;letter-spacing:.23em;margin:0 0 17px}
body.agathos-interface .intro-copy>.eyebrow:before{content:"";width:28px;height:1px;background:#bf657c}
body.agathos-interface .intro-copy>.eyebrow:after{display:none}
body.agathos-interface .intro-wordmark{display:flex;align-items:center;gap:23px;font:400 clamp(52px,5.3vw,83px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:.075em;color:#ede9e4;margin-left:-3px}
body.agathos-interface .intro-wordmark>span{font-size:19px;color:#ae526b;font-family:Georgia,serif;font-weight:400}
body.agathos-interface .workspace-intro h1{font-size:22px;letter-spacing:.15em;line-height:1.5;font-weight:450;margin:18px 0 11px;color:#d5ced4}
body.agathos-interface .workspace-intro p{font-size:14px;line-height:1.9;max-width:620px;color:#afa6b2;margin:0}
body.agathos-interface .hero-gem{position:relative;inset:auto;display:block;width:100%;height:263px;margin:0;padding:0;background:transparent;border:0;overflow:visible;color:#c19baa}
body.agathos-interface .hero-gem:after{display:none}
body.agathos-interface .hero-gem .gem-constellation{display:block;width:100%;height:100%;fill:none;stroke:none;filter:none;overflow:visible}
body.agathos-interface .hero-gem>span{position:absolute;right:0;top:45%;font:11px/2 AgathosSans,sans-serif;letter-spacing:.26em;color:#bca0ad;text-align:center}
body.agathos-interface .constellation-guides{stroke:#8e737f;stroke-width:.55;opacity:.28;fill:none}
body.agathos-interface .constellation-guides>ellipse{stroke-dasharray:1 7}
body.agathos-interface .gem-orbits{fill:none;stroke:#a3526d;stroke-width:.65;opacity:.62}
body.agathos-interface .gem-orbits>path{stroke:#b8abb4;stroke-dasharray:2 7;opacity:.36}
body.agathos-interface .gem-facets{fill:none;stroke:#cf7e94;stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:0;animation:agathos-signal-draw 2s cubic-bezier(.22,.7,.25,1) both}
body.agathos-interface .satellite-gems{stroke:#c1778d;stroke-width:.7;fill:#7c2d442b;transition:transform .7s ease}
body.agathos-interface .gem-stars{stroke:#c59cab;stroke-width:.65;fill:#b37087}
body.agathos-interface .gem-coordinates{font:8px var(--ui-mono);letter-spacing:2px;fill:#987f8c;stroke:none}
body.agathos-interface .gem-body{transform-origin:286px 150px;animation:agathos-gem-settle 1.7s ease-out both}
body.agathos-interface .hero-gem:hover .satellite-gems{transform:translateY(-4px)}
body.agathos-interface .intro-bottom{grid-column:1/-1;display:grid;grid-template-columns:minmax(470px,1.2fr) minmax(290px,1fr);align-items:center;gap:30px;border-block:1px solid #4b3547;padding:0;background:transparent}
body.agathos-interface .workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:none;padding:0;border-radius:0;max-width:none;margin:0}
body.agathos-interface .workflow button{position:relative;display:flex;align-items:center;gap:14px;text-align:left;padding:18px 18px 18px 0;min-width:0;min-height:83px;border:0;border-right:1px solid #3b303d;border-radius:0;background:transparent;box-shadow:none;color:#e4dce2;overflow:hidden;transition:color .2s}
body.agathos-interface .workflow button+button{padding-left:22px}
body.agathos-interface .workflow button:last-child{border-right:0}
body.agathos-interface .workflow button:hover{background:transparent;transform:none;color:#f5dce4}
body.agathos-interface .workflow button:after{left:0;right:17px;width:auto;transform:scaleX(0);background:#d08c9f}
body.agathos-interface .workflow button:hover:after,body.agathos-interface .workflow button:focus-visible:after{transform:scaleX(1)}
body.agathos-interface .workflow b{display:block;background:none;border:0;width:auto;height:auto;color:#ad788b;border-radius:0;font:12px var(--ui-mono);font-weight:400}
body.agathos-interface .workflow span{font-size:14px;font-weight:500;line-height:1.6}
body.agathos-interface .workflow small{display:block;font-size:10px;color:#ab9baf;font-weight:400;margin-top:2px}
body.agathos-interface .workflow i{font:16px Georgia,serif;color:#b38e9e;margin-left:auto}
body.agathos-interface .contact-strip{margin:0;padding:13px 0;display:flex;align-items:center;gap:2px 15px;flex-wrap:wrap;font-size:10px;line-height:1.8;border:0;background:transparent;color:#ae9cb1;border-radius:0}
body.agathos-interface .contact-label{flex-basis:100%;color:#bfa9b6;font-size:10px}
body.agathos-interface .control-panel{background:#1d1c23;border-color:#443b49;border-left:2px solid #a65c7b}
body.agathos-interface :is(.panel,.metric){background:#1b1c22;border-color:#3c3b45;box-shadow:none}
body.agathos-interface .panel-title{border-bottom:1px solid #4a3c4e}
body.agathos-interface .panel-title h2{font-weight:500}
body.agathos-interface .metric{border:0;border-left:1px solid #5c3f54;background:#1d1b24}
body.agathos-interface .metric:before{width:4px!important;height:4px;left:-3px;top:19px;background:#bf8198!important;transform:rotate(45deg);border:0;border-radius:0}
body.agathos-interface .metric strong{color:#ecdee7;font-weight:450}
body.agathos-interface .ui-frame-rail{opacity:.34;stroke:#9b718d}
body.agathos-interface .ui-frame-ticks{opacity:.4;stroke:#c99bb9}
body.agathos-interface .ui-frame-trace{stroke:#d4acc9;opacity:.65}
body.agathos-interface .table-wrap thead th{background:#302634!important;color:#dfcadb!important;border-bottom-color:#78516c!important}
body.agathos-interface .table-wrap tbody tr{background:#1a191f}
body.agathos-interface .table-wrap tbody tr:nth-child(even){background:#222029}
body.agathos-interface .table-wrap tbody tr:hover{background:#332738}
body.agathos-interface .table-wrap tbody tr.selected{background:#402a3c;box-shadow:inset 2px 0 #cc8eb0}
body.agathos-interface .table-wrap td{border-color:#3a303f}
body.agathos-interface #tab-data .matrix-head{background:linear-gradient(110deg,#1c2027,#252128);border-color:#49414d}
body.agathos-interface #tab-data :is(.algorithm-chart,.formula-panel){background:#1c1f25;border-color:#44434e}
body.agathos-interface #tab-data :is(.algorithm-svg,.algorithm-controls){background:#22252e;border-color:#4d4958}
body.agathos-interface #tab-data .formula-grid>div{background:#24232b;border-color:#514756}
body.agathos-interface #tab-data .formula-viz{background:#1d2028;border-color:#53465b}
body.agathos-interface #tab-data .formula-grid code{background:#1b1c24;color:#b8d0c9}
body.agathos-interface #tab-data .algorithm-facts{background:#1f282a;border-color:#4c6261}
body.agathos-interface #tab-data .fact-row{background:#283234;border-color:#4b6261;color:#a9c3bc}
body.agathos-interface #tab-data .fact-row strong{font-size:19px;color:#d4e1db;overflow-wrap:normal;word-break:normal}
body.agathos-interface #tab-data .fact-row.prominent{background:#31423f;border-color:#7b9c8d}
body.agathos-interface #tab-data .fact-row.prominent strong{font-size:30px;color:#d7e8d9}
body.agathos-interface #tab-account :is(.account-head,.account-panel){background:#201e25;border-color:#514151}
body.agathos-interface #tab-account .account-head{background:linear-gradient(110deg,#211e25,#2a222c)}
body.agathos-interface #tab-characters .number.strong{color:#e2b4c5}
body.agathos-interface :is(.section-heading h1,.matrix-head h1){font-weight:500}
body.agathos-interface[data-tab]:not([data-tab="race"]) main{padding-top:24px}
body.agathos-interface .control-heading h2{font-weight:500}
body.agathos-interface .control-heading p{font-size:12px;color:#ac9eae}
body.agathos-interface .metric{background:#1c1c23}
body.agathos-interface .metric span,body.agathos-interface .metric small{color:#aaa0af}
body.agathos-interface .brand-gem{stroke:#c97894;fill:#8e2b4922}
body.agathos-interface .site-sidebar .agathos-nav-icon{stroke:#bf92ab}
body.agathos-interface .site-sidebar .nav.active{background:linear-gradient(90deg,#68304c55,transparent);border-left-color:#cd8da7;color:#f0dae8}
body.agathos-interface .gem-facets{stroke:#d4798e}
body.agathos-interface .gem-orbits>ellipse{animation:agathos-orbit-reveal 1.8s ease-out both}
@keyframes agathos-orbit-reveal{from{opacity:0}to{opacity:1}}
@keyframes agathos-gem-settle{from{opacity:.1;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1650px){body.agathos-interface .workspace-intro{grid-template-columns:minmax(0,1fr) minmax(400px,.7fr);padding-top:42px}body.agathos-interface .hero-gem{height:280px}body.agathos-interface .intro-wordmark{font-size:86px}body.agathos-interface .intro-copy{padding-bottom:35px}body.agathos-interface .intro-bottom{grid-template-columns:minmax(590px,1fr) minmax(400px,.7fr)}}
@media(max-width:1150px){body.agathos-interface .data-status{display:none}body.agathos-interface .top-inner{gap:17px}body.agathos-interface .intro-bottom{grid-template-columns:minmax(400px,1.3fr) minmax(210px,1fr);gap:22px}body.agathos-interface .hero-gem>span{right:-7px;font-size:10px}body.agathos-interface .intro-wordmark{font-size:61px}body.agathos-interface .workspace-intro h1{font-size:21px}}
@media(max-width:820px){body.agathos-interface .top-inner{min-height:62px;padding:0 20px;gap:13px}body.agathos-interface .top-signature{padding-right:15px;gap:8px}body.agathos-interface .top-signature span{font-size:16px}body.agathos-interface .top-signature svg{width:18px;height:28px}body.agathos-interface main{padding:0 20px 50px}body.agathos-interface .workspace-intro{grid-template-columns:minmax(0,1fr) 230px;padding-top:26px;margin-bottom:23px;gap:0}body.agathos-interface .intro-copy{padding:12px 0 23px}body.agathos-interface .intro-wordmark{font-size:48px;gap:14px}body.agathos-interface .workspace-intro h1{font-size:19px;letter-spacing:.07em}body.agathos-interface .workspace-intro p{font-size:13px}body.agathos-interface .hero-gem{position:relative;inset:auto;height:220px;width:100%;border:0;background:none}body.agathos-interface .hero-gem>span{display:none}body.agathos-interface .intro-bottom{grid-template-columns:1fr;gap:0}body.agathos-interface .contact-strip{border-top:1px solid #403140;padding:9px 0;gap:3px 15px}body.agathos-interface .contact-label{flex-basis:auto}body.agathos-interface .workflow button{min-height:76px}body.agathos-interface .language-switch{padding-left:8px}body.agathos-interface .language-switch button{padding:5px;font-size:10px}}
@media(max-width:560px){body.agathos-interface .top-inner{padding:0 14px;gap:9px;min-height:58px}body.agathos-interface .top-signature{padding-right:0;border:0}body.agathos-interface .top-signature span{display:none}body.agathos-interface .top-signature svg{width:16px;height:26px}body.agathos-interface .sidebar-open-trigger{width:31px;height:32px}body.agathos-interface .global-search{height:32px;padding:0 2px;gap:4px}body.agathos-interface #global-search{font-size:12px;height:30px}body.agathos-interface .language-switch{border:0;padding:0;gap:1px}body.agathos-interface .language-switch button{padding:5px 4px;font-size:10px}body.agathos-interface main{padding:0 16px 45px}body.agathos-interface .workspace-intro{display:block;padding:24px 0 0;overflow:hidden}body.agathos-interface .intro-copy{position:relative;padding:9px 0 22px;z-index:1}body.agathos-interface .intro-copy>.eyebrow{font-size:8px;letter-spacing:.16em;gap:11px;margin-bottom:19px}body.agathos-interface .intro-copy>.eyebrow:before{width:18px}body.agathos-interface .intro-wordmark{font-size:clamp(40px,10vw,57px);letter-spacing:.065em;gap:14px}body.agathos-interface .intro-wordmark>span{font-size:14px}body.agathos-interface .workspace-intro h1{font-size:20px;letter-spacing:.04em;margin:19px 0 10px}body.agathos-interface .workspace-intro p{font-size:13px;line-height:1.9;max-width:90%}body.agathos-interface .hero-gem{display:block;position:absolute;right:-140px;top:-4px;width:340px;height:260px;opacity:.24;pointer-events:none;z-index:0}body.agathos-interface .intro-bottom{position:relative;display:block;z-index:1;margin:0}body.agathos-interface .workflow{margin:0;gap:0}body.agathos-interface .workflow button{padding:13px 10px 13px 0;gap:9px;min-height:75px}body.agathos-interface .workflow button+button{padding-left:12px}body.agathos-interface .workflow span{font-size:12px}body.agathos-interface .workflow small{font-size:9px}body.agathos-interface .workflow b{font-size:10px}body.agathos-interface .workflow i{display:none}body.agathos-interface .contact-strip{font-size:9px;gap:1px 12px;padding:10px 0}body.agathos-interface .contact-label{font-size:9px;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){body.agathos-interface *,body.agathos-interface *:before,body.agathos-interface *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.agathos-interface .gem-facets{stroke-dashoffset:0!important}}
@media(max-width:560px){body.agathos-interface .control-heading p{max-width:120px;font-size:10px;line-height:1.7}body.agathos-interface .control-heading h2{font-size:18px}body.agathos-interface[data-tab]:not([data-tab="race"]) main{padding-top:16px}}