:root{--radius: .75rem;--background: #fcfaf3;--foreground: #12161f;--card: #fffdf9;--muted: #f4f2eb;--muted-strong: #e9e4d8;--muted-foreground: #5d646f;--border: #e0ded7;--primary: #161d2b;--primary-foreground: #fafafa;--accent: #f4eee0;--ring: #78879f;--success: #1f7a5a;--warning: #a25a00;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;font-family:Manrope,system-ui,sans-serif;color:var(--foreground);background:var(--background)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f4eee094,#fcfaf300 520px),var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Fraunces,Georgia,serif;letter-spacing:-.02em}.app-shell{margin:0 auto;max-width:1180px;padding:0 var(--space-xl) var(--space-3xl)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);min-height:4rem;margin-inline:calc(var(--space-xl) * -1);padding:0 var(--space-xl);border-bottom:1px solid color-mix(in oklab,var(--border) 70%,transparent);background:color-mix(in oklab,var(--background) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{font-size:1rem;font-weight:650}.site-header nav,.site-footer div:last-child{display:flex;align-items:center;gap:var(--space-xl);color:var(--muted-foreground);font-size:.9rem;font-weight:600}.site-header nav a,.site-footer a{transition:color .18s ease}.site-header nav a:hover,.site-footer a:hover{color:var(--foreground)}.header-actions{display:flex;align-items:center}.pill-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:2.75rem;border-radius:999px;padding:.72rem 1.1rem;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease}.pill-link,.button--ghost{border:1px solid var(--border);background:transparent;color:var(--foreground)}.button--primary{border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground)}.button:disabled{cursor:not-allowed;opacity:.45}.button:not(:disabled):hover,.pill-link:hover{transform:translateY(-1px)}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);gap:var(--space-2xl);padding:clamp(3rem,6vw,5.5rem) 0 var(--space-2xl);align-items:stretch}.dashboard-hero__copy{display:grid;align-content:center;gap:var(--space-xl);max-width:760px}.eyebrow{color:var(--muted-foreground);font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.dashboard-hero h1{max-width:760px;font-size:clamp(3rem,7vw,5.75rem);line-height:.97}.dashboard-hero p:not(.eyebrow),.lesson-hero__copy>p,.method-section>div>p:not(.eyebrow){max-width:68ch;color:var(--muted-foreground);font-size:1.05rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.progress-panel{display:grid;align-content:space-between;gap:var(--space-xl);min-height:360px;border:1px solid color-mix(in oklab,var(--border) 76%,transparent);border-radius:1.5rem;padding:var(--space-xl);background:color-mix(in oklab,var(--card) 84%,transparent);box-shadow:0 20px 70px #161d2b12}.progress-panel h2{font-size:1.65rem;line-height:1.1}.progress-panel p:not(.eyebrow){color:var(--muted-foreground);line-height:1.6}.progress-ring{--progress: 0%;display:grid;place-items:center;width:min(100%,12rem);aspect-ratio:1;margin:auto;border-radius:999px;background:radial-gradient(circle at center,var(--card) 58%,transparent 60%),conic-gradient(var(--primary) var(--progress),var(--muted-strong) 0)}.progress-ring span{font-family:Fraunces,Georgia,serif;font-size:2rem;font-weight:700}.progress-panel__row,.course-card__meta,.lesson-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-md);color:var(--muted-foreground);font-size:.82rem;font-weight:700}.course-card__meta span,.lesson-hero__meta span,.progress-panel__row span{display:inline-flex;align-items:center;gap:var(--space-sm)}.course-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);margin:var(--space-xl) 0 var(--space-2xl)}.course-card{display:grid;gap:var(--space-md);min-height:280px;padding:var(--space-xl);border:1px solid var(--border);border-radius:1.25rem;background:color-mix(in oklab,var(--card) 80%,transparent);text-align:left;cursor:pointer;box-shadow:0 12px 34px #161d2b0a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.course-card--active,.course-card:hover{border-color:color-mix(in oklab,var(--primary) 35%,var(--border));box-shadow:0 18px 44px #161d2b14;transform:translateY(-2px)}.course-card__top{display:flex;align-items:center;justify-content:space-between}.course-card__icon,.coach-note__icon,.lesson-item__status{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--border);border-radius:999px;background:var(--muted)}.course-card__price{border:1px solid var(--border);border-radius:999px;padding:.38rem .7rem;color:var(--muted-foreground);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.course-card h3{font-size:2rem;line-height:1.05}.course-card p:not(.eyebrow){color:var(--muted-foreground);line-height:1.65}.mini-progress,.completion-bar{overflow:hidden;width:100%;height:.45rem;border-radius:999px;background:var(--muted-strong)}.mini-progress span,.completion-bar span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .22s ease}.learning-layout{display:grid;grid-template-columns:minmax(280px,.34fr) minmax(0,1fr);gap:var(--space-xl);align-items:start}.lesson-list{position:sticky;top:5rem;display:grid;gap:var(--space-lg);max-height:calc(100vh - 6rem);overflow:hidden;border:1px solid var(--border);border-radius:1.25rem;background:color-mix(in oklab,var(--card) 82%,transparent)}.lesson-list__header{padding:var(--space-xl) var(--space-xl) 0}.lesson-list__header h2{margin-top:var(--space-sm);font-size:1.45rem;line-height:1.1}.lesson-list__header p:not(.eyebrow){margin-top:var(--space-sm);color:var(--muted-foreground);font-size:.9rem;line-height:1.55}.lesson-list__items{display:grid;gap:var(--space-xs);overflow:auto;padding:0 var(--space-sm) var(--space-sm)}.lesson-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-md);align-items:center;border-radius:1rem;padding:var(--space-md);background:transparent;text-align:left;cursor:pointer;transition:background-color .16s ease}.lesson-item:hover,.lesson-item--active{background:var(--muted)}.lesson-item strong{display:block;font-size:.88rem;line-height:1.35}.lesson-item small{display:block;margin-top:.22rem;color:var(--muted-foreground);font-size:.76rem;line-height:1.35}.lesson-stage{display:grid;gap:var(--space-xl)}.lesson-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.46fr);gap:var(--space-xl);align-items:stretch;border:1px solid var(--border);border-radius:1.5rem;background:color-mix(in oklab,var(--card) 82%,transparent);padding:var(--space-xl)}.lesson-hero__copy{display:grid;align-content:center;gap:var(--space-lg)}.lesson-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1}.video-shell{display:grid;gap:var(--space-md)}.video-shell__screen{display:grid;place-items:center;min-height:250px;border-radius:1.1rem;background:linear-gradient(135deg,#12161ff0,#161d2bd6),var(--primary);color:var(--primary-foreground)}.play-button{display:inline-grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:999px;background:var(--primary-foreground);color:var(--primary);cursor:pointer}.video-shell__screen span{margin-top:var(--space-md);color:color-mix(in oklab,var(--primary-foreground) 68%,transparent);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.video-shell p{color:var(--muted-foreground);font-size:.9rem;line-height:1.65}.interaction-panel,.method-section{display:grid;gap:var(--space-xl);border:1px solid var(--border);border-radius:1.5rem;background:color-mix(in oklab,var(--card) 84%,transparent);padding:var(--space-xl)}.interaction-panel__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:var(--space-xl);align-items:end}.interaction-panel__header h2,.method-section h2{margin-top:var(--space-sm);font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05}.interaction-panel__header>span{color:var(--muted-foreground);font-size:.9rem;line-height:1.6}.exercise-grid,.workflow-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.field{display:grid;gap:var(--space-sm)}.field span{color:var(--muted-foreground);font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.field textarea,.field input,.audit-table input,.sort-row select,.mini-table input,.test-card input{width:100%;border:1px solid var(--border);border-radius:.9rem;background:color-mix(in oklab,var(--background) 76%,white);color:var(--foreground);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.field input,.mini-table input,.test-card input{min-height:2.85rem;padding:0 var(--space-md)}.field textarea{min-height:112px;padding:var(--space-md);resize:vertical;line-height:1.55}.field textarea:focus,.field input:focus,.audit-table input:focus,.sort-row select:focus,.mini-table input:focus,.test-card input:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 18%,transparent)}.coach-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-md);align-items:start;border-radius:1.1rem;padding:var(--space-lg);background:var(--muted)}.coach-note p:not(.eyebrow){margin:var(--space-xs) 0 var(--space-md);color:var(--muted-foreground);line-height:1.6}.action-row{display:flex;justify-content:flex-end;gap:var(--space-md)}.sort-list{display:grid;gap:var(--space-sm)}.sort-row{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:var(--space-md);align-items:center;border:1px solid var(--border);border-radius:1rem;padding:var(--space-md);background:color-mix(in oklab,var(--background) 62%,transparent)}.sort-row p{line-height:1.45}.sort-row select{padding:.72rem var(--space-md)}.split-workbench{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--space-md);align-items:stretch}.starter-callout{display:grid;align-content:start;gap:var(--space-md);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:1rem;padding:var(--space-lg);background:color-mix(in oklab,var(--muted) 68%,transparent)}.starter-callout p,.starter-callout pre{color:var(--muted-foreground);line-height:1.65}.starter-callout pre{overflow:auto;margin:0;white-space:pre-wrap;font:.86rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.radio-group{min-width:0;margin:0;border:0;padding:0}.radio-group legend{margin-bottom:var(--space-sm);color:var(--muted-foreground);font-size:.76rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.radio-group>div{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.radio-group label{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:2.5rem;border:1px solid var(--border);border-radius:999px;padding:.45rem .75rem;background:color-mix(in oklab,var(--background) 70%,transparent);color:var(--foreground);font-size:.84rem;font-weight:750}.radio-group input{accent-color:var(--primary)}.mini-table{overflow:hidden;border:1px solid var(--border);border-radius:1.1rem}.mini-table__head,.mini-table__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-table__head--three,.mini-table__row--three{grid-template-columns:minmax(0,1.5fr) minmax(120px,.7fr) minmax(120px,.7fr)}.mini-table__head{background:var(--muted);color:var(--muted-foreground);font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.mini-table__head span{padding:var(--space-md)}.mini-table__row{border-top:1px solid var(--border)}.mini-table__row input{border:0;border-radius:0;background:transparent}.mini-table__row input+input,.mini-table__head span+span{border-left:1px solid var(--border)}.classification-list,.triage-board,.artifact-card-grid,.test-table{display:grid;gap:var(--space-md)}.classification-row,.triage-card,.artifact-card,.test-card{display:grid;gap:var(--space-md);border:1px solid var(--border);border-radius:1rem;padding:var(--space-lg);background:color-mix(in oklab,var(--background) 64%,transparent)}.classification-row{grid-template-columns:minmax(160px,.28fr) minmax(0,1fr);align-items:center}.triage-card h3{font-family:Manrope,system-ui,sans-serif;font-size:1rem;letter-spacing:0;line-height:1.4}.artifact-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.test-table{grid-template-columns:repeat(2,minmax(0,1fr))}.assembly-layout{display:grid;grid-template-columns:minmax(210px,.32fr) minmax(0,1fr);gap:var(--space-lg);align-items:start}.assembly-status{position:sticky;top:5rem;display:grid;gap:var(--space-sm)}.assembly-status span{display:flex;align-items:center;gap:var(--space-sm);border:1px solid var(--border);border-radius:999px;padding:.55rem .75rem;color:var(--muted-foreground);font-size:.82rem;font-weight:750}.assembly-status span.ready{border-color:color-mix(in oklab,var(--success) 45%,var(--border));color:var(--success);background:color-mix(in oklab,var(--success) 8%,transparent)}.artifact-preview{overflow:hidden;border:1px solid var(--border);border-radius:1.1rem;background:var(--primary);color:var(--primary-foreground)}.artifact-preview__top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in oklab,var(--primary-foreground) 12%,transparent);padding:var(--space-md) var(--space-lg);color:color-mix(in oklab,var(--primary-foreground) 75%,transparent);font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.artifact-preview__top button{display:inline-flex;align-items:center;gap:var(--space-sm);border-radius:999px;padding:.35rem .65rem;background:color-mix(in oklab,var(--primary-foreground) 10%,transparent);color:var(--primary-foreground);cursor:pointer}.artifact-preview pre{overflow:auto;margin:0;padding:var(--space-lg);white-space:pre-wrap;font:.92rem/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.audit-table{overflow:hidden;border:1px solid var(--border);border-radius:1.1rem}.audit-table__head,.audit-table__row{display:grid;grid-template-columns:1.4fr .8fr .6fr .6fr}.audit-table__head{background:var(--muted);color:var(--muted-foreground);font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.audit-table__head span,.audit-table input{padding:var(--space-md)}.audit-table input{border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}.audit-table input+input,.audit-table__head span+span{border-left:1px solid var(--border)}.checklist{display:grid;gap:var(--space-sm)}.checklist__item{display:flex;align-items:center;gap:var(--space-md);border:1px solid var(--border);border-radius:1rem;padding:var(--space-md);background:color-mix(in oklab,var(--background) 62%,transparent);font-weight:700}.checklist__item input{width:1.1rem;height:1.1rem;accent-color:var(--primary)}.method-section{margin-top:var(--space-xl)}.method-section{grid-template-columns:minmax(260px,.42fr) minmax(0,1fr)}.principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.principle{display:grid;align-content:start;gap:var(--space-md);border:1px solid var(--border);border-radius:1.1rem;padding:var(--space-lg);background:color-mix(in oklab,var(--background) 64%,transparent)}.principle h3{font-size:1.2rem;line-height:1.1}.principle p{color:var(--muted-foreground);font-size:.92rem;line-height:1.65}.site-footer{display:flex;justify-content:space-between;gap:var(--space-xl);margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border);color:var(--muted-foreground)}.site-footer p{margin-top:var(--space-sm)}@media(max-width:980px){.dashboard-hero,.learning-layout,.lesson-hero,.method-section{grid-template-columns:1fr}.lesson-list{position:relative;top:auto;max-height:520px}}@media(max-width:760px){.app-shell{padding-inline:var(--space-lg)}.site-header{margin-inline:calc(var(--space-lg) * -1);padding-inline:var(--space-lg)}.site-header nav,.header-actions{display:none}.course-switcher,.exercise-grid,.workflow-builder,.interaction-panel__header,.principle-grid,.split-workbench,.classification-row,.artifact-card-grid,.test-table,.assembly-layout,.sort-row{grid-template-columns:1fr}.audit-table{overflow-x:auto}.audit-table__head,.audit-table__row{min-width:680px}.mini-table{overflow-x:auto}.mini-table__head,.mini-table__row,.mini-table__head--three,.mini-table__row--three{min-width:560px}.assembly-status{position:static}.dashboard-hero h1{font-size:clamp(2.6rem,15vw,4rem)}.site-footer{flex-direction:column}}