@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#191815;-webkit-font-smoothing:antialiased;background:#f6f3ed;font-family:DM Sans,sans-serif}button{transition:transform .16s,opacity .16s}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #c85f3d}:root{--paper:#f6f3ed;--ink:#191815;--muted:#77716a;--line:#d9d3ca;--accent:#c85f3d;--card:#fbfaf6;--green:#42745b;--red:#a54737}button,input,textarea{font:inherit}.app{background:var(--paper);min-height:100vh;color:var(--ink);grid-template-columns:7.5rem minmax(0,1fr);display:grid}.rail{border-right:1px solid var(--line);background:var(--paper);z-index:5;flex-direction:column;align-items:center;gap:2.6rem;height:100vh;padding:2rem .75rem;display:flex;position:sticky;top:0}.wordmark{cursor:pointer;background:0 0;border:0;font:500 3rem/1 Georgia,serif}.rail nav{flex-direction:column;gap:.2rem;width:100%;display:flex}.rail-item{min-height:4.65rem;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.42rem;font-size:.72rem;display:flex}.rail-item svg{width:1.45rem;height:1.45rem}.rail-item.active{color:var(--accent)}.rail-item:hover{background:#19181509}.study{flex-direction:column;min-width:0;height:100vh;padding:2rem clamp(2rem,7vw,8rem);display:flex;overflow:auto}.study-header{justify-content:space-between;align-items:flex-start;display:flex}.study-header p,.page-header p{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin:0 0 .55rem;font-size:.7rem}.study-header h1,.page-header h1{letter-spacing:-.035em;margin:0;font:500 clamp(2rem,3.2vw,3.25rem)/1.08 Georgia,serif}.mode-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:1.7rem;display:flex}.modes{gap:2rem;display:flex}.modes button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.78rem 0}.modes button.selected{color:var(--accent);box-shadow:0 2px 0 var(--accent)}.progress-meta{height:1.8rem;color:var(--muted);justify-content:flex-end;align-items:end;font-size:.78rem;display:flex}.progress{background:#e7e2da;height:2px}.progress i{background:var(--accent);height:100%;transition:width .25s;display:block}.flashcard{background:var(--card);width:100%;min-height:0;max-height:32rem;color:var(--ink);box-shadow:0 16px 30px #362c211f,7px 7px 0 var(--paper),7px 7px 0 1px #cdc6bb;cursor:pointer;perspective:1000px;border:1px solid #c8c1b7;flex:1;margin:2.2rem auto 1.5rem;position:relative}.face{backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;padding:2.25rem;transition:transform .38s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0}.face:after{content:"";pointer-events:none;border:1px solid #d7d0c6;position:absolute;inset:.65rem}.face small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.67rem;position:absolute;top:2.2rem;left:2.2rem}.face strong{letter-spacing:-.035em;text-wrap:balance;max-width:46rem;font:500 clamp(2.1rem,4vw,4rem)/1.15 Georgia,serif}.face em{color:#9a948c;font-size:.75rem;font-style:normal;position:absolute;bottom:2rem}.back,.flipped .front{transform:rotateY(180deg)}.flipped .back{transform:rotateY(360deg)}.controls{justify-content:center;gap:1rem;display:flex}.controls button{cursor:pointer;background:0 0;border:1px solid #8a847c;justify-content:space-between;align-items:center;gap:1rem;min-width:9.5rem;padding:.85rem 1.2rem;display:flex}.controls button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.controls .flip{border-color:var(--accent);background:var(--accent);color:#fff}.controls button:hover{transform:translateY(-2px)}.page{min-width:0;padding:3.5rem clamp(2rem,7vw,8rem);overflow:auto}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding-bottom:2rem;display:flex}.solid-action{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;padding:.85rem 1.25rem}.solid-action:hover{transform:translateY(-1px)}.solid-action:disabled{opacity:.55;cursor:wait}.solid-action.wide{width:100%;padding:1rem}.search-field{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;max-width:32rem;margin:2.25rem 0 1rem;padding:.7rem 0;display:flex}.search-field svg{fill:none;width:1.2rem;height:1.2rem;stroke:var(--muted);stroke-width:1.7px}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:1rem}.list-head,.library-row{grid-template-columns:minmax(18rem,2fr) 1fr .75fr auto;align-items:center;gap:1.5rem;display:grid}.list-head{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:.8rem 1rem;font-size:.7rem}.library-row{border-top:1px solid var(--line);padding:1rem}.library-row:last-child{border-bottom:1px solid var(--line)}.library-row>span{color:var(--muted);font-size:.84rem}.set-main{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:1rem;display:flex}.paper-icon{background:var(--card);border:1px solid #c9c2b8;place-items:center;width:2.8rem;height:3.2rem;display:grid;box-shadow:3px 3px #ded8cf}.paper-icon svg{fill:none;width:1.25rem;stroke:var(--accent);stroke-width:1.7px}.set-main>span:last-child{flex-direction:column;gap:.25rem;display:flex}.set-main strong{font-weight:500}.set-main small{color:var(--muted)}.library-row.current .set-main strong{color:var(--accent)}.row-actions{align-items:center;gap:.5rem;display:flex}.row-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:.55rem .75rem}.row-actions .delete{color:var(--muted);border:0;font-size:1.2rem}.empty-state{text-align:center;padding:6rem 1rem}.empty-state h2{margin:0;font:500 2rem Georgia,serif}.empty-state p{color:var(--muted)}.create-layout{grid-template-columns:minmax(17rem,.8fr) minmax(28rem,1.2fr);gap:clamp(3rem,8vw,9rem);padding-top:3rem;display:grid}.create-copy h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 1.5rem;font:500 clamp(2rem,3.5vw,3.5rem)/1.08 Georgia,serif}.create-copy>p{color:var(--muted);max-width:31rem;line-height:1.7}.create-copy ol{border-top:1px solid var(--line);margin:3rem 0 0;padding:0;list-style:none}.create-copy li{border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding:1rem 0;display:flex}.create-copy li span{color:var(--accent);font:500 1.1rem Georgia,serif}.create-form{max-width:40rem}.field{flex-direction:column;gap:.55rem;margin-bottom:1.25rem;display:flex}.field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.73rem}.field input,.field textarea{border:1px solid var(--line);background:var(--card);outline:0;padding:.9rem}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:10rem;line-height:1.6}.upload{cursor:pointer;text-align:center;background:#fff3;border:1px dashed #b8b1a8;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:9.5rem;display:flex}.upload input{display:none}.upload b{width:2rem;color:var(--accent)}.upload b svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:100%}.upload strong{font-weight:500}.upload span{color:var(--muted);font-size:.75rem}.or{color:var(--muted);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.72rem;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.form-status{color:var(--muted);text-align:center;font-size:.8rem}.lesson-meta,.match-heading,.test-heading{color:var(--muted);justify-content:space-between;align-items:center;padding:1.4rem 0;font-size:.8rem;display:flex}.question-panel{width:min(48rem,100%);margin:auto;padding:2.25rem 0}.question-panel>small{text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.question-panel h2{letter-spacing:-.03em;margin:1rem 0 2rem;font:500 clamp(2rem,4vw,3.4rem)/1.14 Georgia,serif}.options{gap:.75rem;display:grid}.options button{border:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer;align-items:center;gap:1rem;padding:1rem;display:flex}.options button>span{border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);place-items:center;display:grid}.options button:hover{border-color:#9c958b}.options button.correct{border-color:var(--green);color:var(--green)}.options button.wrong{border-color:var(--red);color:var(--red)}.feedback{border-left:3px solid;margin-top:1rem;padding:1rem 1.25rem}.feedback.correct{border-color:var(--green)}.feedback.wrong{border-color:var(--red)}.feedback p{color:var(--muted);margin:.35rem 0}.feedback button{color:inherit;cursor:pointer;background:0 0;border:0;padding:.4rem 0;font-weight:600}.test-view{height:auto;min-height:100vh}.test-heading{padding:2rem 0}.test-heading h2,.match-heading h2{color:var(--ink);margin:0 0 .4rem;font:500 2rem Georgia,serif}.test-heading p,.match-heading p{margin:0}.test-heading>strong{color:var(--accent);font:500 2.5rem Georgia,serif}.test-list{border-top:1px solid var(--line)}.test-question{border-bottom:1px solid var(--line);grid-template-columns:2rem 1fr;gap:1rem;padding:1.5rem 0;display:grid}.test-question>span{color:var(--accent);font:500 1.1rem Georgia,serif}.test-question>div{flex-direction:column;gap:.8rem;display:flex}.test-question strong{font-weight:500}.test-question textarea{border:1px solid var(--line);background:var(--card);resize:vertical;min-height:5rem;padding:.8rem}.test-question small.right{color:var(--green)}.test-question small.missed{color:var(--red)}.test-footer{justify-content:flex-end;padding:1.5rem 0;display:flex}.match-heading{padding:1.5rem 0}.match-heading>span{color:var(--accent)}.match-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:.75rem;min-height:0;display:grid}.match-grid button{border:1px solid var(--line);background:var(--card);cursor:pointer;padding:1rem;line-height:1.4}.match-grid button:hover,.match-grid button.selected{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.match-grid button.matched{opacity:0;pointer-events:none}.match-grid button.mistake{border-color:var(--red);animation:.35s shake}.match-complete{background:var(--paper);border:1px solid var(--line);text-align:center;z-index:4;padding:2.5rem;position:fixed;top:50%;left:calc(50% + 3.75rem);transform:translate(-50%,-50%);box-shadow:0 18px 50px #19181526}.match-complete h2{margin:0;font:500 2.5rem Georgia,serif}.match-complete p{color:var(--muted);margin:1rem 0 1.5rem}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (width<=900px){.app{grid-template-columns:5.5rem minmax(0,1fr)}.study,.page{padding:2rem}.rail-item span{font-size:.65rem}.create-layout{grid-template-columns:1fr;gap:3rem}.list-head{display:none}.library-row{grid-template-columns:1fr auto}.library-row>span{display:none}.match-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.app{display:block}.rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;gap:.5rem;height:4.4rem;padding:.4rem .75rem;position:sticky}.wordmark{font-size:2rem}.rail nav{flex-direction:row;justify-content:flex-end;overflow-x:auto}.rail-item{min-width:3.25rem;min-height:3.4rem;padding:.2rem}.rail-item svg{width:1.15rem;height:1.15rem}.rail-item span{font-size:.55rem}.study{height:calc(100vh - 4.4rem);padding:1.4rem 1rem}.page{padding:1.5rem 1rem}.study-header h1,.page-header h1{font-size:1.8rem}.modes{gap:1.1rem;overflow-x:auto}.modes button{font-size:.8rem}.flashcard{margin:1.3rem auto 1rem}.face{padding:1.5rem}.face strong{font-size:1.9rem}.controls button{min-width:0;padding:.75rem}.controls button span{display:none}.page-header{align-items:flex-start}.solid-action{padding:.7rem}.library-row{padding:1rem 0}.create-layout{display:block}.create-copy{margin-bottom:2.5rem}.match-grid{grid-template-columns:repeat(2,1fr);overflow:auto}.match-grid button{padding:.65rem;font-size:.78rem}.match-complete{width:calc(100% - 2rem);left:50%}.test-heading{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mode-row{overflow:hidden}.modes{scrollbar-width:none;gap:1.55rem;overflow-x:auto}.modes::-webkit-scrollbar{display:none}.modes button{white-space:nowrap}.flashcard{perspective:none;transition:background .25s,box-shadow .25s,transform .2s;overflow:hidden}.flashcard:hover{box-shadow:0 20px 36px #362c2124,7px 7px 0 var(--paper),7px 7px 0 1px #cdc6bb;transform:translateY(-2px)}.flashcard.flipped{background:#f1e9df}.flashcard.flipped:before{content:"";background:var(--accent);z-index:2;width:4px;position:absolute;inset:0 auto 0 0}.face{backface-visibility:visible;transition:opacity .22s,transform .3s cubic-bezier(.2,.7,.2,1)}.back{opacity:0;pointer-events:none;transform:translateY(18px)scale(.985)}.flipped .front{opacity:0;pointer-events:none;transform:translateY(-18px)scale(.985)}.flipped .back{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.flipped .back small{color:var(--accent)}.recall-panel,.tf-panel{width:min(48rem,100%);margin:auto;padding:2rem 0}.recall-panel>small,.tf-panel>small{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.recall-panel h2,.tf-panel h2{letter-spacing:-.03em;margin:1rem 0 2rem;font:500 clamp(2rem,4vw,3.5rem)/1.14 Georgia,serif}.recall-panel textarea{border:1px solid var(--line);background:var(--card);resize:vertical;outline:0;width:100%;min-height:9rem;margin-bottom:1rem;padding:1rem}.recall-panel textarea:focus{border-color:var(--accent)}.recall-result,.tf-result{border-left:3px solid;padding:1rem 1.25rem}.recall-result.correct,.tf-result.correct{border-color:var(--green)}.recall-result.wrong,.tf-result.wrong{border-color:var(--red)}.recall-result p,.tf-result p{color:var(--muted);line-height:1.6}.recall-result button,.tf-result button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:.35rem 0;font-weight:600}.tf-panel blockquote{border:1px solid var(--line);background:var(--card);margin:0 0 1.5rem;padding:1.5rem;font:500 1.3rem/1.5 Georgia,serif}.tf-actions{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tf-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:1rem}.tf-actions button:hover{border-color:var(--accent);color:var(--accent)}.tf-result{margin-top:1rem}.speed-score{color:var(--muted);justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.speed-score strong{color:var(--accent);font:500 1.5rem Georgia,serif}.speed-card{background:var(--card);cursor:pointer;border:1px solid #c8c1b7;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:18rem;padding:3rem;display:flex;position:relative;box-shadow:7px 7px #e1dbd2}.speed-card.revealed{background:#f1e9df}.speed-card small{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;position:absolute;top:2rem;left:2rem}.speed-card strong{text-wrap:balance;max-width:46rem;font:500 clamp(2rem,4vw,3.8rem)/1.14 Georgia,serif}.speed-card em{color:var(--muted);font-style:normal;position:absolute;bottom:2rem}.speed-actions{justify-content:center;gap:1rem;padding-top:1.25rem;display:flex}.speed-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;min-width:10rem;padding:.9rem 1.2rem}.speed-actions .solid-action{background:var(--accent);border-color:var(--accent)}@media (width<=650px){.recall-panel h2,.tf-panel h2{font-size:2rem}.speed-card{padding:1.5rem}.speed-card strong{font-size:2rem}.speed-actions button{min-width:0}.modes{gap:1rem}}