@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Space+Mono:wght@400;700&display=swap";:root{--ink: #1a1208;--parchment: #f5efe0;--gold: #c8922a;--gold-light: #e8c060;--gold-border: rgba(200,146,42,.3);--error: #c84040;--rust: #8b3a1a;--sage: #4a6741;--shadow: rgba(26,18,8,.15);--reveal: #2a4a2a}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--ink);min-height:100vh;font-family:Cormorant Garamond,serif;color:var(--parchment);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(200,146,42,.025) 2px,rgba(200,146,42,.025) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(200,146,42,.015) 2px,rgba(200,146,42,.015) 4px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(ellipse,rgba(200,146,42,.05) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.container{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:40px 24px 80px}header{text-align:center;margin-bottom:48px;border-bottom:1px solid rgba(200,146,42,.3);padding-bottom:32px}header h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:300;letter-spacing:.08em;color:var(--gold-light);line-height:1.1}header p{font-style:italic;color:#f5efe080;font-size:1.1rem;margin-top:8px;letter-spacing:.04em}.alpha-toggle{background:none;border:1px solid rgba(200,146,42,.4);color:var(--gold);font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.12em;padding:8px 20px;cursor:pointer;text-transform:uppercase;transition:all .2s;display:block;margin:0 auto 16px}.alpha-toggle:hover{background:#c8922a1a;border-color:var(--gold)}.alphabet-panel{background:#c8922a0f;border:1px solid rgba(200,146,42,.2);border-radius:2px;padding:20px;margin-bottom:32px;display:none;animation:fadeIn .3s ease}.alphabet-panel.open{display:block}.alpha-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.alpha-cell{text-align:center;padding:8px 4px;border:1px solid rgba(200,146,42,.15);border-radius:2px;background:#1a120866}.alpha-cell .letters{font-size:1.3rem;color:var(--gold-light);line-height:1.2}.alpha-cell .name{font-family:Space Mono,monospace;font-size:.55rem;color:#f5efe066;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.word-card{background:#f5efe00a;border:1px solid rgba(200,146,42,.25);border-radius:2px;padding:40px 32px;margin-bottom:24px;text-align:center;position:relative;overflow:hidden}.word-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.source-tag{font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;margin-bottom:24px;opacity:.7}.greek-word{font-size:clamp(3rem,10vw,5.5rem);font-weight:300;color:var(--parchment);line-height:1;margin-bottom:8px;letter-spacing:.04em;transition:opacity .3s}.verse-context{font-style:italic;color:#f5efe059;font-size:.95rem;margin-top:16px;line-height:1.6;max-width:480px;margin-left:auto;margin-right:auto}.attempt-section{margin-bottom:24px}.attempt-label{font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#f5efe066;margin-bottom:10px;display:block}.attempt-input{width:100%;background:#f5efe00d;border:1px solid rgba(200,146,42,.3);border-radius:2px;padding:16px 20px;font-family:Cormorant Garamond,serif;font-size:1.4rem;color:var(--parchment);text-align:center;outline:none;transition:border-color .2s;letter-spacing:.06em}.attempt-input:focus{border-color:var(--gold);background:#c8922a0d}.attempt-input::-moz-placeholder{color:#f5efe033;font-style:italic}.attempt-input::placeholder{color:#f5efe033;font-style:italic}.btn-row{display:flex;gap:12px;margin-bottom:24px}.btn{flex:1;padding:14px;border:1px solid;background:none;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .2s;border-radius:2px}.btn-reveal{border-color:var(--gold);color:var(--gold)}.btn-reveal:hover{background:#c8922a26}.btn-next{border-color:#f5efe033;color:#f5efe066}.btn-next:hover{border-color:#f5efe080;color:var(--parchment)}.btn-next.active{border-color:var(--sage);color:#7ab870}.btn-next.active:hover{background:#4a674133}.reveal-panel{background:#2a4a2a26;border:1px solid rgba(74,103,65,.4);border-radius:2px;padding:28px;display:none;animation:slideDown .35s ease;margin-bottom:24px}.reveal-panel.open{display:block}.reveal-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.reveal-item{flex:1;min-width:120px}.reveal-label{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#7ab87099;margin-bottom:6px;display:block}.reveal-value{font-size:1.5rem;color:#7ab870;font-weight:400}.reveal-meaning{font-size:1.15rem;color:var(--parchment);font-style:italic;line-height:1.5}.reveal-canon{margin-top:16px;padding-top:16px;border-top:1px solid rgba(74,103,65,.3);font-size:.9rem;color:#f5efe080;font-style:italic;line-height:1.6}.reveal-canon strong{color:var(--gold);font-style:normal}.spelling-row{margin-top:16px;padding-top:16px;border-top:1px solid rgba(74,103,65,.3)}.spelling-label{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#7ab87099;margin-bottom:10px;display:block}.spelling-pairs{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}.spelling-pair{text-align:center;background:#1a120880;border:1px solid rgba(200,146,42,.2);border-radius:2px;padding:6px 10px;min-width:36px}.spelling-greek{font-size:1.4rem;color:var(--gold-light);line-height:1;display:block}.spelling-latin{font-family:Space Mono,monospace;font-size:.6rem;color:#7ab870cc;margin-top:4px;display:block;letter-spacing:.05em}.spelling-separator{color:#c8922a4d;font-size:1.2rem;padding-bottom:8px}.stuck-section{background:#8b3a1a1f;border:1px solid rgba(139,58,26,.3);border-radius:2px;padding:20px 24px;margin-bottom:24px;display:none}.stuck-section.has-stuck{display:block}.stuck-title{font-family:Space Mono,monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:#c8922a99;margin-bottom:12px}.stuck-letters{display:flex;flex-wrap:wrap;gap:8px}.stuck-letter{background:#8b3a1a33;border:1px solid rgba(139,58,26,.4);border-radius:2px;padding:6px 12px;font-size:1.3rem;color:var(--gold-light);position:relative}.stuck-count{font-family:Space Mono,monospace;font-size:.55rem;color:var(--rust);position:absolute;top:2px;right:4px}.progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.progress-stat{text-align:center}.progress-num{font-family:Space Mono,monospace;font-size:1.4rem;color:var(--gold);display:block;line-height:1}.progress-label{font-size:.75rem;color:#f5efe059;font-style:italic;margin-top:4px;display:block}.progress-divider{width:1px;height:40px;background:#c8922a33}.gate-screen{background:#2a4a2a26;border:1px solid rgba(74,103,65,.4);border-radius:2px;padding:48px 32px;text-align:center;margin:40px 0;animation:slideDown .35s ease}.gate-screen h2{font-size:2rem;font-weight:300;color:var(--gold-light);margin-bottom:24px;letter-spacing:.06em}.gate-screen p{font-size:1.1rem;color:#f5efe0b3;line-height:1.8;margin-bottom:16px;max-width:500px;margin-left:auto;margin-right:auto}.gate-screen .btn-row{margin-top:32px;justify-content:center}.layer-switch{text-align:center;margin-bottom:24px}.layer-tabs{display:inline-flex;gap:2px;background:#c8922a1a;border:1px solid rgba(200,146,42,.3);border-radius:2px;padding:4px}.layer-tab{padding:10px 24px;background:none;border:none;color:#f5efe080;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .2s;border-radius:2px}.layer-tab:hover{color:var(--parchment);background:#c8922a0d}.layer-tab.active{background:var(--gold);color:var(--ink)}.question-card{background:#f5efe00a;border:1px solid rgba(200,146,42,.25);border-radius:2px;padding:32px;margin-bottom:24px}.question-text{font-size:1.2rem;color:var(--parchment);margin-bottom:24px;line-height:1.6}.options-list{display:flex;flex-direction:column;gap:12px}.option-button{background:#f5efe00d;border:1px solid rgba(200,146,42,.3);border-radius:2px;padding:16px 20px;font-family:Cormorant Garamond,serif;font-size:1.1rem;color:var(--parchment);text-align:left;cursor:pointer;transition:all .2s}.option-button:hover:not(.correct):not(.incorrect){background:#c8922a1a;border-color:var(--gold)}.option-button.selected{background:#c8922a26;border-color:var(--gold)}.option-button.correct{background:#4a674133;border-color:var(--sage)}.option-button.incorrect{background:#8b3a1a33;border-color:var(--rust)}.feedback-panel{background:#2a4a2a26;border:1px solid rgba(74,103,65,.4);border-radius:2px;padding:20px 24px;margin-top:16px;display:none;animation:slideDown .35s ease}.feedback-panel.show{display:block}.feedback-text{font-size:1rem;color:#f5efe0b3;line-height:1.6;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.loading{animation:pulse 1.5s infinite}@media (max-width: 480px){.alpha-grid{grid-template-columns:repeat(4,1fr)}.btn-row,.reveal-row{flex-direction:column}}.track-home{max-width:680px;margin:0 auto}.track-header{margin-bottom:40px;animation:riseIn .6s cubic-bezier(.16,1,.3,1) both}.track-eyebrow{font-family:Space Mono,monospace;font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);opacity:.7;display:block;margin-bottom:10px}.track-title{font-size:clamp(2rem,6vw,3rem);font-weight:300;color:var(--gold-light);letter-spacing:.06em;line-height:1.1;margin-bottom:10px}.track-desc{font-size:1.05rem;font-style:italic;color:#f5efe080;line-height:1.6;max-width:480px}.track-progress{margin-bottom:36px;animation:riseIn .6s .1s cubic-bezier(.16,1,.3,1) both}.progress-label{font-family:Space Mono,monospace;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:#f5efe059;margin-bottom:8px;display:flex;justify-content:space-between}.progress-bar-bg{height:2px;background:#c8922a26;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .6s ease}.module-list{display:flex;flex-direction:column;gap:12px}.module-item{border:1px solid var(--gold-border);background:#c8922a14;padding:20px 24px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;animation:riseIn .5s cubic-bezier(.16,1,.3,1) both}.module-item:nth-child(1){animation-delay:.1s}.module-item:nth-child(2){animation-delay:.15s}.module-item:nth-child(3){animation-delay:.2s}.module-item:nth-child(4){animation-delay:.25s}.module-item:nth-child(5){animation-delay:.3s}.module-item:nth-child(6){animation-delay:.35s}.module-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c8922a0f;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1)}.module-item:hover:before{transform:translate(0)}.module-item.locked{opacity:.4;cursor:not-allowed;border-color:#c8922a1f;background:transparent}.module-item.locked:before{display:none}.module-item.complete{border-color:#4a674180;background:#4a674114}.module-num{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.1em;color:var(--gold);min-width:24px}.module-item.locked .module-num{color:#f5efe033}.module-item.complete .module-num{color:#7ab870}.module-info{flex:1}.module-name{font-size:1.2rem;font-weight:400;color:var(--parchment);margin-bottom:3px}.module-item.locked .module-name{color:#f5efe04d}.module-sub{font-size:.85rem;font-style:italic;color:#f5efe059}.module-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.module-time{font-family:Space Mono,monospace;font-size:.55rem;letter-spacing:.1em;color:#f5efe040}.module-status{font-family:Space Mono,monospace;font-size:.55rem;letter-spacing:.1em;color:var(--gold)}.module-item.locked .module-status{color:#f5efe033}.module-item.complete .module-status{color:#7ab870}.module-page{max-width:680px;margin:0 auto}.back-nav{display:flex;align-items:center;gap:10px;margin-bottom:32px;cursor:pointer;opacity:.5;transition:opacity .2s;width:-moz-fit-content;width:fit-content}.back-nav:hover{opacity:1}.back-nav span{font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.mod-header{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--gold-border);animation:riseIn .5s cubic-bezier(.16,1,.3,1) both}.mod-number{font-family:Space Mono,monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.6;display:block;margin-bottom:8px}.mod-title{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:300;color:var(--gold-light);letter-spacing:.05em;line-height:1.1;margin-bottom:8px}.mod-subtitle{font-size:1.05rem;font-style:italic;color:#f5efe080}.section-label{font-family:Space Mono,monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.6;display:block;margin-bottom:16px}.teach-section{margin-bottom:40px;animation:riseIn .5s .1s cubic-bezier(.16,1,.3,1) both}.teach-overview{font-size:1.1rem;line-height:1.75;color:#f5efe080;margin-bottom:28px;font-style:italic}.concept-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.concept-card{border:1px solid var(--gold-border);background:#c8922a14;padding:24px;position:relative}.concept-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--gold),transparent)}.concept-name{font-family:Space Mono,monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.concept-symbol{font-size:3rem;color:var(--gold-light);line-height:1;margin-bottom:12px;display:block;font-weight:300}.concept-looks{font-size:.9rem;font-style:italic;color:#f5efe066;margin-bottom:8px}.concept-means{font-size:1.05rem;color:var(--parchment);margin-bottom:12px;line-height:1.5}.concept-rule{font-size:.9rem;color:#f5efe080;line-height:1.6;padding:10px 14px;border-left:1px solid rgba(200,146,42,.3);font-style:italic;margin-bottom:16px}.concept-example{background:#1a120880;border:1px solid rgba(200,146,42,.15);padding:16px 18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.example-greek{font-size:2rem;color:var(--gold-light);font-weight:300;letter-spacing:.06em;line-height:1}.example-details{flex:1;min-width:140px}.example-pronunciation{font-family:Space Mono,monospace;font-size:.7rem;color:#7ab870;letter-spacing:.1em;margin-bottom:4px}.example-note{font-size:.85rem;font-style:italic;color:#f5efe059;line-height:1.5}.key-rule{border:1px solid rgba(200,146,42,.4);background:#c8922a0f;padding:18px 20px;margin-top:8px;position:relative}.key-rule:before{content:"KEY RULE";position:absolute;top:-8px;left:16px;font-family:Space Mono,monospace;font-size:.52rem;letter-spacing:.15em;background:var(--ink);padding:0 8px;color:var(--gold)}.key-rule p{font-size:1rem;line-height:1.6;color:var(--parchment)}.practice-section{margin-top:40px;animation:riseIn .5s .2s cubic-bezier(.16,1,.3,1) both}.practice-progress{font-family:Space Mono,monospace;font-size:.56rem;letter-spacing:.12em;color:#f5efe04d;margin-bottom:20px;display:flex;justify-content:space-between}.practice-card{border:1px solid var(--gold-border);background:#f5efe008;padding:36px 28px;text-align:center;position:relative;margin-bottom:16px}.practice-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.practice-greek{font-size:clamp(2.5rem,8vw,4rem);font-weight:300;color:var(--parchment);letter-spacing:.06em;line-height:1;margin-bottom:16px;display:block}.practice-prompt{font-size:.95rem;font-style:italic;color:#f5efe066;margin-bottom:24px;line-height:1.5}.btn-reveal-practice{background:none;border:1px solid var(--gold);padding:12px 32px;font-family:Space Mono,monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.btn-reveal-practice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);transform:translateY(101%);transition:transform .22s cubic-bezier(.16,1,.3,1)}.btn-reveal-practice:hover:before{transform:translateY(0)}.btn-reveal-practice:hover{color:var(--ink)}.btn-reveal-practice span{position:relative;z-index:1}.reveal-answer{display:none;margin-top:24px;padding-top:24px;border-top:1px solid rgba(200,146,42,.2);text-align:left;animation:fadeIn .3s ease both}.reveal-answer.open{display:block}.answer-row{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:16px}.answer-item{flex:1;min-width:100px}.answer-label{font-family:Space Mono,monospace;font-size:.54rem;letter-spacing:.15em;text-transform:uppercase;color:#7ab87099;display:block;margin-bottom:5px}.answer-value{font-size:1.2rem;color:#7ab870}.answer-meaning{font-size:1.05rem;color:var(--parchment);font-style:italic}.answer-explanation{font-size:.9rem;color:#f5efe073;line-height:1.65;font-style:italic;padding:12px 16px;border-left:1px solid rgba(122,184,112,.3);margin-top:4px}.btn-gotit{background:none;border:1px solid var(--sage);padding:11px 28px;font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#7ab870;cursor:pointer;transition:all .2s;margin-top:16px;display:none}.btn-gotit.visible{display:inline-block}.btn-gotit:hover{background:#4a674133}.btn-complete{width:100%;background:none;border:1px solid var(--gold);padding:16px;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);cursor:pointer;transition:all .2s;margin-top:32px;position:relative;overflow:hidden;display:none}.btn-complete.visible{display:block}.btn-complete:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);transform:translateY(101%);transition:transform .25s cubic-bezier(.16,1,.3,1)}.btn-complete:hover:before{transform:translateY(0)}.btn-complete:hover{color:var(--ink)}.btn-complete span{position:relative;z-index:1}.completion-note{display:none;background:#4a67411a;border:1px solid rgba(74,103,65,.3);padding:20px 24px;margin-top:24px;font-size:1rem;font-style:italic;color:#7ab870cc;line-height:1.65;animation:fadeIn .4s ease both}.completion-note.visible{display:block}@media (max-width: 480px){.track-home,.module-page{padding:28px 16px 80px}.concept-example{flex-direction:column;gap:12px}.answer-row{flex-direction:column;gap:16px}}