*{box-sizing:border-box}body{margin:0;background:#f7f5fb;color:#272431;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{max-width:900px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px}header b{font-size:22px;color:#59449a}header small{display:block;color:#777}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{text-decoration:none;color:#494451;padding:9px 12px;border-radius:12px}nav a:hover{background:#eee9f7}.hero{text-align:center;padding:55px 20px;background:linear-gradient(145deg,#eee8fb,#fff);border-radius:28px;box-shadow:0 12px 40px #3b2b6810}.hero h1{font-size:40px;margin:12px 0}.hero p{color:#6c6674;max-width:520px;margin:0 auto 28px}.pill{background:#ddd1f8;color:#59449a;padding:6px 12px;border-radius:99px;font-weight:700}.primary,button{display:inline-block;border:0;border-radius:14px;padding:13px 18px;background:#6750a4;color:#fff;font-size:16px;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.grid article,.panel{background:#fff;padding:22px;border-radius:20px;border:1px solid #ece8f1}.grid strong{display:block;font-size:32px;color:#59449a}.grid span{color:#777}.study{max-width:600px;margin:auto}.progress{text-align:center;color:#777;margin-bottom:12px}.card{background:#fff;border-radius:28px;padding:52px 25px;text-align:center;min-height:390px;box-shadow:0 14px 45px #34265e18;cursor:pointer}.card h1{font-size:50px;margin:30px 0 18px}.card h2{font-size:34px}.card small{color:#81798a;font-weight:700;letter-spacing:1px}.card hr{border:0;border-top:1px solid #eee;margin:32px}.speak{background:#f0ebfa;color:#59449a}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.grades form,.grades button{width:100%}.again{background:#b74b4b}.hard{background:#9a7339}.good{background:#4d7d65}.easy{background:#536fa3}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form{display:grid;gap:10px}.form input,.form select,.form textarea,.deckform input{width:100%;border:1px solid #ddd5e8;border-radius:12px;padding:13px;font-size:16px;background:#fff}.deckform{display:flex;gap:8px;margin:16px 0}.wordlist{display:grid;gap:8px}.wordlist>div{background:#fff;border:1px solid #ece8f1;border-radius:15px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center}.wordlist small{display:block;color:#8a8490;margin-top:3px}.trash{background:#f2eef5;color:#766e7c;padding:6px 11px;font-size:22px}@media(max-width:650px){.wrap{padding:14px}header{display:block;margin-bottom:22px}nav{margin-top:14px;overflow:auto;flex-wrap:nowrap}nav a{white-space:nowrap}.hero{padding:38px 16px}.hero h1{font-size:32px}.grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}.card{min-height:350px;padding:40px 18px}.card h1{font-size:43px}.grades{grid-template-columns:1fr 1fr}.grades button{padding:14px 6px}}