:root{--ink:#1b332f;--muted:#61736e;--paper:#f8f7f2;--panel:#fffefa;--line:#dce4dc;--green:#265847;--soft:#e5efe8;--coral:#e29472;font-synthesis:none}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.site-header{justify-content:space-between;align-items:center;max-width:1160px;margin:auto;padding:28px 32px;display:flex}.brand{letter-spacing:-.07em;white-space:nowrap;font-size:20px;font-weight:800}.brand-dot{color:var(--coral)}.site-header nav{align-items:center;gap:28px;font-size:14px;display:flex}.site-header nav a:hover,.site-header nav button:hover,.text-link:hover,.link-button:hover{text-decoration:underline}.site-header nav form{margin:0}.eyebrow,.card-kicker,.section-number{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.text-link,.link-button{color:var(--green);font-weight:700}.link-button{background:0 0;border:0;padding:0}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:13px 22px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--green);color:#fff}.button-primary:hover:not(:disabled){background:#1d4738}.button-outline{border-color:var(--line);background:var(--panel);color:var(--ink)}.full-width{width:100%}.landing{background:radial-gradient(circle at 82% 22%,#e4efe5 0,transparent 28%),var(--paper);min-height:100vh}.hero{max-width:1160px;margin:0 auto;padding:118px 32px 144px}.hero h1,.auth-card h1,.page-shell h1{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.08}.hero h1{max-width:850px;margin:20px 0 25px;font-size:clamp(54px,8vw,110px)}.hero h1 em{color:var(--green);font-weight:400}.hero p{max-width:530px;color:var(--muted);margin-bottom:35px;font-size:19px;line-height:1.65}.steps{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1160px;margin:auto;padding:0 32px 110px;display:grid}.steps>div{border-top:1px solid #bdd2c4;padding-top:20px}.steps span{color:var(--green);font-size:12px;font-weight:800}.steps h2{margin:18px 0 10px;font-family:Georgia,serif;font-size:24px;font-weight:400}.steps p{color:var(--muted);max-width:260px;font-size:14px}.auth-page{background:radial-gradient(circle at 18% 18%,#e1eee4 0,transparent 28%),var(--paper);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(100%,440px);padding:38px;box-shadow:0 18px 50px #234a3212}.auth-card .eyebrow{margin-top:48px}.auth-card h1{margin:13px 0 10px;font-size:46px}.auth-card>p{color:var(--muted);margin:0 0 28px}.login-controls{margin-top:24px}.form-stack{gap:10px;display:grid}.form-stack label,.field{font-size:14px;font-weight:700}.form-stack input,.field input,.field select,.field textarea{width:100%;min-height:47px;color:var(--ink);background:#fff;border:1px solid #cddbd0;border-radius:8px;padding:12px 14px}.form-stack input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline-offset:2px;outline:2px solid #7caf92}.form-stack .button{margin-top:8px}.form-message{color:var(--green);font-size:14px}.form-error{color:#90431e;background:#fff0e8;border-radius:8px;padding:12px 16px}.divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.app-header{border-bottom:1px solid var(--line);max-width:none;padding-left:max(32px,50vw - 548px);padding-right:max(32px,50vw - 548px)}.page-shell{max-width:1096px;margin:auto;padding:70px 32px 130px}.page-shell h1{margin:14px 0 18px;font-size:clamp(44px,6vw,72px)}.page-intro{color:var(--muted);max-width:620px;margin:0 0 48px;font-size:18px}.form-page{max-width:860px}.preferences-form{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:36px 40px;box-shadow:0 12px 36px #234a3208}.form-section{padding:10px 0 34px}.form-section+.form-section{border-top:1px solid var(--line);padding-top:30px}.section-number{margin-bottom:23px}.field-grid{grid-template-columns:1fr 1fr;gap:23px;display:grid}.field{gap:9px;display:grid}.field.wide{grid-column:1/-1}.optional,.field-help{color:var(--muted);font-size:12px;font-weight:400}.field-help{margin-top:-4px}.preferences-form>.button{margin-top:8px}.success-note{background:var(--soft);color:var(--green);border-radius:8px;margin-bottom:25px;padding:12px 16px}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.feature-card,.next-card{border-radius:14px;min-height:300px;padding:36px}.feature-card{background:var(--green);color:#fff}.feature-card .card-kicker{color:#bddbcc}.feature-card h2,.next-card h2{letter-spacing:-.04em;margin:22px 0 10px;font-family:Georgia,serif;font-size:47px;font-weight:400}.feature-card p{color:#e1ece5;max-width:360px}.card-meta{flex-wrap:wrap;gap:10px;margin-top:42px;display:flex}.card-meta span{border:1px solid #82a995;border-radius:100px;padding:6px 12px;font-size:12px}.next-card{background:var(--soft);border:1px solid #d7e4d7}.next-card p{color:var(--muted);max-width:320px}.next-card .text-link{margin-top:18px;display:inline-block}.under-form,.lesson-form .button{margin-top:28px}.lesson-list{gap:12px;margin-top:38px;display:grid}.lesson-row,.empty-state,.status-panel,.playback-panel,.transcript-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 32px;display:block}.lesson-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.lesson-row:hover{background:#fff;border-color:#9dbca6}.lesson-row h2,.empty-state h2,.status-panel h2,.transcript h2{letter-spacing:-.03em;margin:8px 0;font-family:Georgia,serif;font-size:28px;font-weight:400}.lesson-row p,.empty-state p,.status-panel p{color:var(--muted);margin:5px 0}.lesson-row>span{color:var(--green);font-size:24px}.lesson-detail>.eyebrow{margin-top:45px}.status-panel,.playback-panel{max-width:750px}.stage-list{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.stage-list li{border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:7px 12px;font-size:12px}.stage-list .stage-active{background:var(--soft);color:var(--green);border-color:#a5c6ad}.lesson-audio{width:100%;margin:24px 0;display:block}.playback-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.playback-tools .button{min-height:40px;padding:8px 12px}.playback-tools label{font-size:14px;font-weight:700}.playback-tools select{border:1px solid var(--line);background:#fff;border-radius:8px;margin-left:8px;padding:8px}.playback-panel .field-help{margin-top:22px}.transcript-panel{max-width:750px;margin-top:18px}.transcript{margin-top:30px}.transcript-line{border-top:1px solid var(--line);padding:18px 0}.transcript-line p{margin:7px 0}.transcript-line small{color:var(--muted)}@media (max-width:720px){.site-header{padding:20px}.site-header nav{gap:15px;font-size:13px}.hero{padding:80px 24px 100px}.steps{grid-template-columns:1fr;padding:0 24px 70px}.steps p{max-width:none}.page-shell{padding:55px 20px 90px}.preferences-form{padding:24px}.field-grid,.dashboard-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.auth-card{padding:28px}.feature-card,.next-card{min-height:auto}}.feedback-options{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.lesson-detail>.status-panel,.status-panel>.button,.status-panel>form>.button{margin-top:18px}.concept-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:750px;margin-top:18px;padding:28px 32px}.concept-panel h2{letter-spacing:-.03em;margin:8px 0;font-family:Georgia,serif;font-size:28px;font-weight:400}.concept-note{color:var(--muted);margin:0 0 24px;font-size:14px}.concept-groups{gap:20px;display:grid}.concept-group h3{margin:0 0 8px;font-size:15px}.concept-group ul{margin:0;padding:0;list-style:none}.concept-group li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.concept-group li small{color:var(--muted);font-size:12px;display:block}.concept-prompts{color:var(--green);white-space:nowrap;font-size:12px}@media (max-width:720px){.concept-panel{padding:24px}.concept-group li{align-items:flex-start}.concept-prompts{text-align:right;white-space:normal}}.lesson-detail>.status-panel>.text-link{margin-top:16px;display:inline-block}@media (max-width:720px){.site-header{flex-direction:column;align-items:flex-start;gap:14px}.site-header nav{flex-wrap:wrap;gap:10px 18px}}.language-fields{grid-column:1/-1}.field textarea{resize:vertical;line-height:1.5}.optional-steering{border:1px solid var(--line);border-radius:8px;margin-top:20px;padding:18px}.optional-steering summary{cursor:pointer;font-weight:700}.optional-steering[open] summary,.next-brief{margin-bottom:24px}.series-outline{gap:18px;margin:32px 0;padding:0;list-style:none;display:grid}.series-outline .status-panel{max-width:850px}.series-outline .text-link{margin-top:16px;display:inline-block}.series-cards{margin-top:32px}.series-cards h2{font-family:Georgia,serif;font-weight:400}.series-cards .lesson-row{margin-bottom:12px}.preferences-customizations{margin:0 0 24px}.listening-summary{color:var(--muted);align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.listening-status{border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:20px;padding:4px 10px;font-weight:700;display:inline-block}.listening-done{background:var(--soft);color:var(--green);border-color:#a5c6ad}.section-heading,.page-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading h2,.library-section>h2{letter-spacing:-.03em;font-family:Georgia,serif;font-size:30px;font-weight:400}.page-actions{justify-content:flex-start}.language-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:18px;display:grid}.language-cards .feature-card{min-height:0}.language-card-actions{flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px;display:flex}.language-card-actions .button{background:var(--panel);color:var(--green)}.language-card-actions>a:not(.button){font-size:14px;text-decoration:underline}.language-tabs{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.language-tabs a{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:9px 16px;font-size:14px}.language-tabs a[aria-current=page]{background:var(--green);border-color:var(--green);color:#fff}.language-tabs a:hover{border-color:var(--green)}.language-picker{flex-wrap:wrap;align-items:flex-end;gap:22px;margin:0 0 28px;display:flex}.language-picker .field{flex:1;min-width:min(300px,100%)}.library-section{margin-top:40px;scroll-margin-top:24px}.library-section .lesson-list{margin-top:18px}@media (max-width:720px){.language-cards{grid-template-columns:1fr}.language-tabs{gap:8px}.language-tabs a{padding:8px 12px}.language-picker{gap:14px}.language-picker .field{width:100%}}.breadcrumbs{color:var(--muted);margin-bottom:28px;font-size:13px}.breadcrumbs ol{flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:12px;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--muted)}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--ink)}.language-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.language-heading h1{margin:0}.current-series{background:var(--panel);border:1px solid #cbded0;border-radius:16px;padding:36px}.current-series>h2{letter-spacing:-.03em;margin:12px 0;font-family:Georgia,serif;font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.2}.series-progress{color:var(--muted);margin:12px 0;font-size:14px}.current-series progress{width:min(360px,100%);height:7px;accent-color:var(--green);border:0;border-radius:12px;margin:16px 0 26px;display:block;overflow:hidden}.current-series progress::-webkit-progress-bar{background:var(--soft)}.current-series progress::-webkit-progress-value{background:var(--green)}.series-outline-link{margin-left:24px;font-size:14px;display:inline-block}.recorded-tapes{margin-top:32px}.lesson-row h3{letter-spacing:-.025em;margin:8px 0;font-family:Georgia,serif;font-size:25px;font-weight:400}.earlier-series{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.earlier-series>summary{cursor:pointer;color:var(--muted);font-weight:700}.earlier-series>summary span{margin-left:10px;font-size:12px}.earlier-series .lesson-list{margin-top:18px}.outline-planned{background:var(--paper);border-style:dashed}.outline-planned h2{font-size:24px}.outline-planned .card-kicker{color:var(--muted)}.checkbox-field{align-items:center;gap:10px;margin:24px 0;font-size:14px;display:flex}.checkbox-field input{accent-color:var(--green);width:16px;height:16px}.resume-series-form{margin:20px 0}.language-title:hover{text-decoration:underline}@media (max-width:720px){.language-heading{flex-direction:column;align-items:flex-start;gap:18px}.current-series{padding:24px 20px}.series-outline-link{margin:20px 0 0;display:block}.recorded-tapes .lesson-row{padding:20px}.recorded-tapes .lesson-row h3{font-size:23px}.section-heading h1{font-size:44px}}.current-series.current-series-illustrated{padding:0;overflow:hidden}.series-header-actions{flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.series-header-actions .series-outline-link{margin:0}.series-recordings-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:22px;padding:26px 28px}.series-recordings-panel>h2{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:28px;font-weight:400}.series-recordings-panel .recorded-tapes{margin-top:18px}@media (max-width:720px){.series-recordings-panel{padding:24px 20px}}.dashboard .language-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard .language-cards .feature-card{min-height:250px}@media (max-width:1000px){.dashboard .language-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.dashboard .language-cards{grid-template-columns:1fr}}
