:root{--color-build-gradient:linear-gradient(120deg, #302a18, #40351b);--color-build-border:#756237;--color-build-text:#f3e6bc;--color-setup-idle:var(--color-surface-2);--color-setup-idle-border:var(--color-border);--color-bg:#07080f;--color-surface-1:#0a0f18;--color-surface-2:#0d1622;--color-surface-3:#111927;--color-surface-danger:#140708;--color-surface-success:#071408;--color-border-subtle:#182030;--color-border:#243548;--color-border-active:#b8880c;--color-text-1:#eaf2fa;--color-text-2:#b0c8dc;--color-text-3:#7a9ab4;--color-gold:#b8880c;--color-gold-bright:#d4a020;--color-gold-dim:#9a7828;--color-gold-surface:#191408;--color-gold-border:#5a4010;--color-run:#c07040;--color-pass:#3a80e0;--color-hybrid:#7858a0;--color-pressure:#bb5050;--color-success:#5a9870;--color-danger:#b05050;--color-situation-fill:#fff;--color-situation-text:#0c1520;--color-situation-base-fill:#2a3648;--color-bg-fade:#07080fd9;--color-hero-bg:var(--color-bg);--color-hero-bg-fade:#07080fd9;--nav-bg-color:#07080f;--color-cta-bg:linear-gradient(135deg, #b8880c, #d4a020, #b8880c);--color-cta-text:#07080f;--font-mono:"IBM Plex Mono", "SF Mono", monospace;--font-sans:"IBM Plex Sans", "SF Pro Text", system-ui, sans-serif;--nav-h:56px;--nav-total:calc(56px + env(safe-area-inset-bottom));--r-sm:6px;--r-md:8px;--r-lg:12px}[data-theme=light]{--color-build-gradient:linear-gradient(120deg, #f0ead5, #e8dbb4);--color-build-border:#b7a571;--color-build-text:#57451c;--color-setup-idle:#fff;--color-setup-idle-border:#c9d2de;--color-bg:#edf1f8;--color-surface-1:#e3eaf5;--color-surface-2:#d8e2ef;--color-surface-3:#cfd9e8;--color-surface-danger:#f5e8e8;--color-surface-success:#e8f2ea;--color-border-subtle:#c4cedd;--color-border:#aabace;--color-border-active:#a89050;--color-text-1:#0c1520;--color-text-2:#253040;--color-text-3:#475868;--color-gold:#6a5014;--color-gold-bright:#a87e28;--color-gold-dim:#705414;--color-gold-surface:#e8e0cc;--color-gold-border:#a89050;--color-bg-fade:#edf1f8d9;--color-run:#904820;--color-pass:#1a5abf;--color-hybrid:#5034a0;--color-pressure:#8a2828;--color-success:#2a7040;--color-danger:#903030;--color-situation-fill:#1a4a7a;--color-situation-text:#f0f5ff;--color-situation-base-fill:var(--color-surface-3);--color-cta-bg:#1a1a1a;--color-cta-text:#f0f5ff;--color-hero-bg:var(--color-bg);--color-hero-bg-fade:#edf1f8d9;--nav-bg-color:#cdd5e1}[data-theme=light] .xo-hero:before{color:#78601826}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s,border-color .2s}html,body{background:var(--color-bg);width:100%;height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;color:var(--color-text-1);margin:0;padding:0;font-size:16px;overflow:hidden}#root{-webkit-overflow-scrolling:touch;width:100%;height:100dvh;padding-bottom:var(--nav-total);overflow:hidden auto}#root::-webkit-scrollbar{display:none}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}button{touch-action:manipulation;-webkit-appearance:none}input,textarea{-webkit-appearance:none;border-radius:0}button,label{-webkit-user-select:none;user-select:none}@keyframes screenEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:.22s forwards screenEnter}.xo-hero{background:var(--color-hero-bg);border-bottom:2px solid var(--color-gold);position:relative;overflow:hidden}.xo-hero:before{content:"X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O\a O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X\a X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O\a O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X\a X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O\a O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X\a X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O\a O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X  O  X";white-space:pre;color:#b8880c59;letter-spacing:4px;pointer-events:none;font-size:12px;font-weight:700;line-height:28px;font-family:var(--font-mono);padding:6px 10px;position:absolute;inset:0;overflow:hidden}.xo-fades{pointer-events:none;background:linear-gradient(to right, var(--color-hero-bg) 0%, var(--color-hero-bg-fade) 35%, transparent 55%), linear-gradient(to left, var(--color-hero-bg) 0%, transparent 20%), linear-gradient(to bottom, var(--color-hero-bg) 0%, transparent 30%), linear-gradient(to top, var(--color-hero-bg) 0%, transparent 40%);position:absolute;inset:0}.xo-hero--footer{height:80px;border-bottom:none!important}.xo-hero--footer:before{opacity:.45}.xo-fades--footer{background:linear-gradient(to right, var(--color-bg) 0%, transparent 20%), linear-gradient(to left, var(--color-bg) 0%, transparent 20%), linear-gradient(to bottom, var(--color-bg) 0%, transparent 15%), linear-gradient(to top, var(--color-bg) 0%, transparent 20%)}.trait-card-grid{grid-template-columns:repeat(12,1fr);gap:6px;display:grid}.macro-cat-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (width>=768px){.trait-card-grid{grid-template-columns:repeat(7,1fr)}.trait-card-grid>*{grid-column:span 1!important}}.plan-toolbar{--toolbar-blue:#8bb9eb;border:1px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface-1);margin-bottom:12px}.plan-toolbar__row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.plan-toolbar__trigger{min-width:0;min-height:76px;color:var(--color-text-1);text-align:center;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 20px;display:flex;position:relative}.plan-toolbar__situation{background:linear-gradient(120deg, color-mix(in srgb, var(--color-success) 16%, var(--color-surface-1)), color-mix(in srgb, var(--color-success) 5%, var(--color-surface-1)));border-radius:var(--r-md) 0 0 var(--r-md)}.plan-toolbar__formation{background:linear-gradient(120deg, color-mix(in srgb, var(--toolbar-blue) 12%, var(--color-surface-1)), color-mix(in srgb, var(--toolbar-blue) 5%, var(--color-surface-1)));border-left:1px solid var(--color-border);border-radius:0 var(--r-md) var(--r-md) 0}.plan-toolbar[data-expanded=true] .plan-toolbar__row{border-bottom:1px solid var(--color-border)}.plan-toolbar[data-expanded=true] .plan-toolbar__trigger{border-bottom-right-radius:0;border-bottom-left-radius:0}.plan-toolbar__label{font:700 12px/1.3 var(--font-sans)}.plan-toolbar__situation .plan-toolbar__label{color:var(--color-success)}.plan-toolbar__formation .plan-toolbar__label{color:var(--toolbar-blue)}.plan-toolbar__value{font:800 15px/1.3 var(--font-sans);overflow-wrap:anywhere}.plan-toolbar__composition{font:600 12px/1.4 var(--font-sans);color:var(--color-text-2);display:block}.plan-toolbar__chevron{color:var(--color-text-2);margin-top:-8px;font-size:16px;transition:transform .32s;position:absolute;top:50%;right:7px}.plan-toolbar__trigger[aria-expanded=true] .plan-toolbar__chevron{transform:rotate(180deg)}.plan-toolbar__reveal{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1);display:grid}.plan-toolbar__reveal[data-open=true]{grid-template-rows:1fr}.plan-toolbar__clip{min-height:0;overflow:hidden}.plan-toolbar__options{gap:6px;padding:10px;display:grid}.plan-toolbar__formations,.plan-toolbar__situations{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-toolbar__options button{border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface-2);min-width:0;min-height:44px;color:var(--color-text-1);text-align:center;font:700 13px/1.4 var(--font-sans);cursor:pointer;padding:8px}.plan-toolbar__options button[aria-pressed=true]{border-color:var(--toolbar-blue);background:color-mix(in srgb, var(--toolbar-blue) 12%, var(--color-surface-1))}.plan-toolbar__situations button[aria-pressed=true]{border-color:var(--color-success);background:var(--color-surface-success)}.plan-toolbar button:focus-visible{outline:2px solid var(--toolbar-blue);outline-offset:-3px}@media (width<=400px){.plan-toolbar__trigger{padding:7px 18px}.plan-toolbar__value{font-size:14px}}@media (prefers-reduced-motion:reduce){.plan-toolbar__reveal,.plan-toolbar__chevron{transition:none}}[data-theme=light] .plan-toolbar{--toolbar-blue:#315f8e}.plan-toolbar__choice-column{align-content:start;gap:6px;min-width:0;display:grid}.plan-toolbar__column-title{border-bottom:1px solid var(--color-border);text-align:center;font:700 12px/1.4 var(--font-sans);color:var(--color-text-1);padding-bottom:6px}.plan-toolbar__options button:disabled{opacity:.45;cursor:default}.plan-toolbar__distance-hint{text-align:center;font:400 12px/1.4 var(--font-sans);color:var(--color-text-2)}.playbook-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;padding:2px;display:grid;overflow-y:auto}.playbook-choice-grid button:focus-visible{outline:2px solid var(--color-gold-bright);outline-offset:-3px}@media (width>=560px){.playbook-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-page-header{-webkit-backdrop-filter:none;filter:none;opacity:1;text-shadow:none;background:var(--color-surface-1)!important}@media (display-mode:standalone){#root{margin-top:env(safe-area-inset-top);height:calc(100dvh - env(safe-area-inset-top))}.app-page-header{padding-top:20px!important}}.app-page-header,.app-page-header *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;text-shadow:none!important}.team-info-panel{--team-outline:color-mix(in srgb, var(--color-text-3) 65%, var(--color-surface-1));--team-info-radius:var(--r-md);border-radius:var(--r-md);margin-bottom:12px}.team-info-header{border:1px solid var(--team-outline);border-left:6px solid var(--team-secondary)}.team-info-details{background:color-mix(in srgb, var(--team-primary) 8%, var(--color-surface-1));border:1px solid var(--team-outline);border-left:3px solid var(--team-outline);border-top:none}[data-theme=light] .team-info-panel{--team-info-radius:calc(var(--r-md) - 1px);border:1px solid var(--team-outline)}[data-theme=light] .team-info-header{border:0;border-left:6px solid var(--team-secondary)}[data-theme=light] .team-info-header[aria-expanded=true]{border-bottom:1px solid var(--team-outline)}[data-theme=light] .team-info-details{background:color-mix(in srgb, var(--team-light-tint) 18%, #fff);border:0}.plan-layout-button{border:1px solid var(--color-border);border-radius:var(--r-sm);width:100%;min-height:32px;color:var(--color-text-2);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:5px 10px;font-size:11px}.plan-layout-choices{gap:9px;display:grid}.plan-layout-choices>button{border:1px solid var(--color-border-subtle);border-radius:var(--r-md);background:var(--color-surface-1);text-align:left;min-height:68px;font-family:var(--font-sans);cursor:pointer;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.plan-layout-choices>button[aria-pressed=true]{background:var(--color-gold-surface);border-color:var(--color-gold)}.plan-layout-choice-title{color:var(--color-text-1);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.plan-layout-default{color:var(--color-gold);font-size:11px;font-weight:600}.plan-layout-choice-description{color:var(--color-text-2);font-size:12px}.plan-presentation{margin:12px 0 18px;line-height:1.5}.plan-presentation p{color:var(--color-text-2);overflow-wrap:anywhere;margin:6px 0 0;font-size:13px}.plan-purpose{background:var(--color-surface-success);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-success);border-radius:var(--r-md);margin-bottom:12px;padding:10px 13px}.plan-purpose-heading{color:var(--color-success);flex-wrap:wrap;align-items:baseline;gap:5px 12px;font-size:13px;display:flex}.plan-purpose-heading span{color:var(--color-text-3);font-size:12px}.plan-purpose p{font-size:12px}.plan-primary-call{border:1px solid var(--color-border-subtle);border-top:3px solid var(--color-gold);border-radius:var(--r-lg);background:var(--color-surface-1);padding:16px}.plan-call-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 9px;display:flex}.plan-role{letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:800}.plan-role-primary{color:var(--color-gold)}.plan-role-changeup{color:var(--color-success)}.plan-role-pressure{color:var(--color-pressure)}.plan-fit{color:var(--color-text-3);white-space:nowrap;font-size:12px}.plan-primary-title{color:var(--color-text-1);overflow-wrap:anywhere;margin:8px 0 2px;font-size:24px;line-height:1.2}.plan-alternative-title{color:var(--color-text-1);overflow-wrap:anywhere;margin:6px 0 2px;font-size:17px;line-height:1.25}.plan-presentation .plan-formation-name{color:var(--color-text-3);margin:3px 0 0;font-size:13px}.plan-user-job{background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--r-md);margin-top:13px;padding:12px}.plan-user-job>strong{color:var(--color-pass);font-size:13px}.plan-user-job p{margin-top:4px}.plan-quick-setup{flex-wrap:wrap;gap:7px;margin:13px 0 10px;display:flex}.plan-setting{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--r-sm);flex-direction:column;flex:130px;min-width:0;padding:8px 10px;font-size:12px;display:flex}.plan-setting span{color:var(--color-text-3)}.plan-setting strong{color:var(--color-text-1);overflow-wrap:anywhere}.plan-coaching-details{border-top:1px solid var(--color-border-subtle);margin-top:11px;font-size:12px}.plan-coaching-details>summary{min-height:44px;color:var(--color-gold);cursor:pointer;padding:11px 0;font-weight:700}.plan-expanded-coaching{padding-bottom:5px}.plan-adjustment-explanation{border-top:1px solid var(--color-border-subtle);color:var(--color-text-1);margin-top:10px;padding:9px 0;font-size:12px}.plan-adjustment-explanation p{font-size:12px}.plan-log-call{border:1px solid var(--color-gold-border);border-radius:var(--r-md);background:var(--color-gold-surface);min-height:44px;color:var(--color-gold);font-family:var(--font-sans);cursor:pointer;margin-top:13px;padding:9px 13px;font-size:12px;font-weight:700}.plan-next-heading{color:var(--color-text-1);margin:18px 0 9px;font-size:14px}.plan-quick-alternatives{gap:9px;display:grid}.plan-alternative{border:1px solid var(--color-border-subtle);border-radius:var(--r-md);background:var(--color-surface-1);min-width:0;padding:13px}.plan-alternative-changeup{border-left:3px solid var(--color-success)}.plan-alternative-pressure{border-left:3px solid var(--color-pressure)}.plan-alternative-collapsed{padding:0}.plan-alternative-collapsed>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;list-style:none;display:flex}.plan-alternative-collapsed>summary::-webkit-details-marker{display:none}.plan-alternative-collapsed>summary>div{flex:1;min-width:0}.plan-expand-mark{color:var(--color-text-3);flex:none;font-size:18px}.plan-alternative-collapsed[open]>summary .plan-expand-mark{transform:rotate(45deg)}.plan-expanded-alternative{padding:0 13px 13px}.plan-presentation .plan-personnel-note{color:var(--color-text-3);font-size:12px}.plan-presentation .plan-one-setup{color:var(--color-text-3);margin-top:10px;font-size:12px}.plan-notes{margin-top:12px;padding:0 2px}.plan-notes p{color:var(--color-text-3);font-size:12px}.plan-board-focus{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.plan-board-focus .plan-user-job{margin:0}.plan-board-keys{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--r-md);color:var(--color-text-1);padding:12px;font-size:13px}.plan-board-keys p{font-size:12px}.plan-board-alternatives{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.plan-board-alternatives>:only-child{grid-column:1/-1}.plan-board-alternatives>.plan-alternative-expanded{order:-1;grid-column:1/-1}.plan-board-alternatives-expanded{grid-template-columns:minmax(0,1fr)}.plan-pressure-status{margin-top:12px}.plan-board-alternatives .plan-pressure-status{margin-top:0}.plan-formation-groups{gap:10px;margin-top:12px;display:grid}.plan-formation-group{border:1px solid var(--color-border-subtle);border-radius:var(--r-lg);background:var(--color-surface-1);min-width:0}.plan-formation-group-primary{border-top:3px solid var(--color-gold)}.plan-formation-group>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px;list-style:none;display:flex}.plan-formation-group>summary::-webkit-details-marker{display:none}.plan-formation-group>summary>div{min-width:0}.plan-formation-group>summary .plan-role{color:var(--color-text-3)}.plan-formation-group-primary>summary .plan-role{color:var(--color-gold)}.plan-formation-group h3{color:var(--color-text-1);overflow-wrap:anywhere;margin:6px 0 2px;font-size:22px;line-height:1.25}.plan-formation-group>summary p{color:var(--color-text-3);font-size:12px}.plan-formation-group[open]>summary .plan-expand-mark{transform:rotate(45deg)}.plan-formation-calls{padding:0 13px 13px}.plan-formation-call{border:1px solid var(--color-border-subtle);border-radius:var(--r-md);background:var(--color-bg);margin-top:10px;padding:13px}.plan-formation-call .plan-primary-title{font-size:20px}.plan-formation-browser{margin:18px 0}.plan-formation-browser>button{border:1px solid var(--color-border-subtle);border-radius:var(--r-md);background:var(--color-surface-1);width:100%;min-height:48px;color:var(--color-text-1);font-family:var(--font-sans);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 13px;font-size:13px;font-weight:700;display:flex}.plan-formation-browser>button>span{color:var(--color-text-3);font-size:12px}@media (width<=380px){.plan-board-focus,.plan-board-alternatives{grid-template-columns:minmax(0,1fr)}.plan-primary-call{padding:13px}.plan-primary-title{font-size:22px}}@media (pointer:coarse){.plan-layout-button{min-height:44px}}@media (width>=381px) and (width<=480px){.plan-header-title{font-size:18px!important}}@media (width<=380px){.plan-header-summary{flex-direction:column;align-items:stretch!important}.plan-header-actions{width:100%}}.compare-school-button,.compare-school-close{border:1px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface-1);min-height:44px;color:var(--color-text-1);font:inherit;cursor:pointer;padding:10px 12px}.compare-school-button{text-align:left;font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.compare-school-count{color:var(--color-text-3);margin-top:4px;font-size:11px;display:block}.compare-school-dialog{inset:auto 12px max(12px, env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:688px;max-height:min(80dvh, calc(100dvh - 24px - env(safe-area-inset-bottom)));overscroll-behavior:contain;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-1);font-family:var(--font-sans);border-radius:14px;margin:0 auto;padding:0;font-size:14px;position:fixed;overflow:hidden}.compare-school-dialog::backdrop{background:#07080f8c}.compare-school-dialog[open]{flex-direction:column;display:flex}.compare-school-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-1);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 16px;display:flex}.compare-school-header h2{color:var(--color-text-1);-webkit-text-fill-color:var(--color-text-1);font-family:var(--font-mono);overflow-wrap:anywhere;margin:0;font-size:18px}.compare-school-subtitle{color:var(--color-text-3);margin-top:5px;font-size:13px}.compare-school-close{flex-shrink:0}.compare-school-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;min-height:0;padding:16px;overflow-y:auto}.compare-school-list{margin:0;padding:0;list-style:none}.compare-school-list li{border:1px solid var(--color-border-subtle);border-radius:var(--r-md);background:var(--color-surface-1);border-left-width:4px;align-items:center;min-height:48px;margin-bottom:8px;padding:12px 14px;display:flex}.compare-school-list li span{color:var(--color-text-1);-webkit-text-fill-color:var(--color-text-1);overflow-wrap:anywhere;font-size:15px;font-weight:600}.compare-school-empty{color:var(--color-text-2);text-align:center;margin:0;padding:18px 12px;line-height:1.5}@media (width<=380px){.compare-school-header h2{font-size:16px}}