@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#173c32;--forest:#173f34;--cream:#f5f1e8;--paper:#fffdf8;--lime:#cfe66f;--rust:#d66a45;--line:#dcd7ca;--muted:#6f786f;--shadow:0 18px 50px rgba(30,56,45,.1)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Fraunces",serif;line-height:1.05}h1{font-size:clamp(2.5rem,6vw,5.4rem);letter-spacing:-.04em}h2{font-size:2.3rem}.eyebrow{font:700 .73rem/1 "DM Sans";letter-spacing:.17em;color:var(--rust);text-transform:uppercase}.muted,.lead{color:var(--muted)}.topbar{height:76px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(245,241,232,.95);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand span,.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--lime);border-radius:50%;font-family:"Fraunces";font-weight:700}.topbar nav{display:flex;gap:2vw;font-size:.9rem}.topbar nav a:hover{color:var(--rust)}.user-menu{margin-left:3vw;position:relative}.user-menu summary{cursor:pointer;font-weight:600}.user-menu a{position:absolute;right:0;top:30px;background:white;padding:12px 18px;box-shadow:var(--shadow);white-space:nowrap}.page{max-width:1240px;margin:auto;padding:64px 32px 90px}.page.narrow{max-width:820px}.hero{min-height:500px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw}.hero h1 em{color:var(--rust);font-style:italic}.hero>div>p:not(.eyebrow){max-width:540px;font-size:1.15rem;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap}.button,button{border:0;cursor:pointer}.button,.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:4px;padding:14px 20px;font-weight:700}.primary{background:var(--forest);color:white}.primary:hover{background:#245949;transform:translateY(-1px)}.ghost{border:1px solid var(--ink);background:transparent}.wide{width:100%}.word-orbit{display:grid;place-items:center;min-height:390px;border-radius:50%;background:radial-gradient(circle at center,#dce99b 0 35%,transparent 36%),repeating-radial-gradient(circle,#d9ddca 0 1px,transparent 2px 48px)}.orbit-card{background:var(--paper);padding:34px;width:min(330px,90%);box-shadow:var(--shadow);transform:rotate(-3deg);display:flex;flex-direction:column;gap:8px}.orbit-card small{letter-spacing:.14em;color:var(--rust)}.orbit-card strong{font:700 2rem "Fraunces"}.orbit-card span{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 70px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-grid article{background:var(--paper);border:1px solid var(--line);padding:22px;display:flex;align-items:center;gap:18px}.metric-grid strong{display:block;font:700 2rem "Fraunces"}.metric-grid small{color:var(--muted)}.metric-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e6ecc9;font-weight:700}.section-head,.title-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.title-row h1{font-size:clamp(2.6rem,5vw,4.6rem);margin-bottom:10px}.feature-grid,.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid>a,.catalog-grid article,.panel{padding:28px;background:var(--paper);border:1px solid var(--line)}.feature-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-grid b{color:var(--rust)}.feature-grid h3{font:700 1.55rem "Fraunces";margin-top:30px}.feature-grid p{color:var(--muted);min-height:48px}.feature-grid span{font-weight:700}.filterbar{display:flex;margin:25px 0}.filterbar input{flex:1}.filterbar button{background:var(--lime);padding:0 25px;font-weight:700}.table-wrap{overflow:auto;background:var(--paper);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}th{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pill,.status,.already{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:5px 9px;border-radius:20px;background:#e8e3d8}.status.on,.already{background:#e4edba}.status.off{background:#eee0da}.row-actions{display:flex;gap:4px}.row-actions form{display:inline}.row-actions button{background:transparent;font-size:1.2rem}.empty{text-align:center!important;padding:45px!important;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--paper);padding:13px 14px;border-radius:3px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--lime);border-color:var(--forest)}textarea{min-height:90px;resize:vertical}label{font-size:.85rem;font-weight:600}.stack,.card-form{display:grid;gap:18px}.stack label,.card-form>label{display:grid;gap:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-form{background:var(--paper);padding:30px;border:1px solid var(--line);box-shadow:var(--shadow)}.inline-form{grid-template-columns:repeat(3,1fr);margin-bottom:24px}.back{display:inline-block;margin-bottom:40px}.selection-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0 20px}.catalog-grid article{position:relative;min-height:235px;display:flex;flex-direction:column}.catalog-top{display:flex;justify-content:space-between}.catalog-grid h3{font:700 1.45rem "Fraunces";margin:25px 0 4px}.catalog-grid p,.catalog-grid small{color:var(--muted)}.catalog-grid small{margin-bottom:20px}.add-check,.already{margin-top:auto}.choice{display:flex;gap:12px;padding:14px;border:1px solid var(--line);margin:8px 0}.choice input{width:auto}.choice span{display:flex;flex-direction:column}.choice small{color:var(--muted)}fieldset{border:0;padding:0;margin:0}legend{font-weight:700;margin-bottom:7px}.study-shell{min-height:calc(100vh - 76px);padding:35px;display:flex;flex-direction:column}.study-progress{display:flex;align-items:center;gap:18px;max-width:920px;width:100%;margin:0 auto 30px}.study-progress>div{height:5px;background:#dad7cc;flex:1}.study-progress i{display:block;height:100%;width:0;background:var(--rust);transition:.3s}.study-progress button{background:transparent}.study-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);max-width:760px;width:100%;margin:auto;padding:clamp(30px,6vw,70px);text-align:center}.study-card h1{font-size:clamp(2.4rem,6vw,4.8rem);margin:25px 0 10px}.category{color:var(--muted)}.answer-tabs{display:flex;justify-content:center;margin:35px 0 18px}.answer-tabs button{background:transparent;border-bottom:2px solid var(--line);padding:10px 22px}.answer-tabs button.active{border-color:var(--rust);color:var(--rust)}[data-keyboard-panel]{display:flex;gap:8px}.mic{width:90px;height:90px;border-radius:50%;background:var(--rust);color:white;font-size:2rem}.study-actions{display:flex;justify-content:space-between;margin-top:25px}.study-actions button{background:transparent;text-decoration:underline}.feedback{margin-top:16px;padding:14px;display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.feedback.correct{background:#e7efc5}.feedback.incorrect{background:#f3ddd4}.feedback button{background:transparent;text-decoration:underline}.session-complete{margin:auto;text-align:center}.hard-list{list-style:none;padding:0;margin:0}.hard-list li{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.hard-list span{display:flex;flex-direction:column}.hard-list small{color:var(--muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,560px) 1fr}.auth-card{background:var(--paper);padding:8vw;display:flex;flex-direction:column;justify-content:center}.auth-card h1{font-size:clamp(2.8rem,5vw,4.4rem)}.auth-card .brand-mark{margin-bottom:35px}.auth-visual{position:relative;overflow:hidden;background:var(--forest);background-image:radial-gradient(circle at 30% 30%,rgba(207,230,111,.2),transparent 25%),linear-gradient(120deg,transparent 48%,rgba(255,255,255,.05) 49%,transparent 50%)}.floating-word{position:absolute;color:var(--lime);font:600 clamp(1.8rem,4vw,4rem) "Fraunces";opacity:.5}.floating-word.one{left:12%;top:15%;transform:rotate(-8deg)}.floating-word.two{right:10%;top:40%;transform:rotate(5deg)}.floating-word.three{left:23%;bottom:18%;transform:rotate(-3deg)}.quote-card{position:absolute;left:10%;bottom:10%;background:var(--paper);padding:22px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.quote-card b{font:700 1.4rem "Fraunces"}.alert{padding:12px}.alert.error{background:#f4ddd5}.upload-card{border:2px dashed var(--line);background:var(--paper);padding:40px;margin:30px 0;display:grid;gap:20px}.import-summary{display:flex;gap:15px;flex-wrap:wrap;background:var(--paper);padding:18px;margin:20px 0}
@media(max-width:850px){.topbar nav{position:fixed;bottom:0;left:0;right:0;background:var(--paper);height:64px;justify-content:space-around;align-items:center;border-top:1px solid var(--line);z-index:20}.topbar nav a{font-size:.72rem}.user-menu{margin-left:10px}.page{padding:40px 18px 95px}.hero{grid-template-columns:1fr}.word-orbit{min-height:310px}.metric-grid,.metric-grid.four,.feature-grid,.catalog-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.inline-form{grid-template-columns:1fr 1fr}}@media(max-width:560px){.metric-grid,.metric-grid.four,.feature-grid,.catalog-grid,.two{grid-template-columns:1fr}.title-row,.section-head{align-items:flex-start;flex-direction:column}.study-shell{padding:18px 12px 85px}.study-card{padding:28px 18px}[data-keyboard-panel]{flex-direction:column}.study-actions{gap:20px}.topbar nav a:nth-child(2){display:none}.inline-form{grid-template-columns:1fr}.auth-card{padding:35px 24px}.selection-toolbar{align-items:flex-start;gap:12px;flex-direction:column}}