:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#11254a;background:#f5f9ff}*{box-sizing:border-box}body{margin:0}header{background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe7ff;padding:20px max(24px,calc((100vw - 1100px)/2))}.brand{font-size:21px;color:#1263d9;font-weight:900;text-decoration:none}.brand span{color:#132b52}main{max-width:1100px;margin:auto;padding:0 24px}.hero{text-align:center;padding:70px 10px 38px}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.08;letter-spacing:-.055em;margin:16px 0}.hero em{color:#176de8;font-style:normal}.hero p{color:#526786;max-width:680px;margin:0 auto 14px;font-size:18px;line-height:1.6}.hero .sub{font-size:13px;color:#637999}.tag{color:#176de8;font-weight:800;letter-spacing:.14em;font-size:12px}.panel{background:white;border:1px solid #dbe7fa;border-radius:18px;padding:26px;box-shadow:0 8px 28px #183a7510;margin-bottom:20px}.panel h2,.panel h3{margin-top:0}.panel p{color:#526786}#auth{max-width:480px;margin:12px auto 60px}.tabs{display:flex;background:#edf4ff;border-radius:10px;padding:4px;margin:18px 0}.tabs button{flex:1;border:0;background:transparent}.tabs button.active{background:white;color:#176de8;box-shadow:0 1px 4px #0002}button{cursor:pointer;background:#eaf2ff;border:1px solid #bbd4ff;color:#1459b9;padding:10px 15px;border-radius:10px;font-weight:700;min-height:42px}button:hover{filter:brightness(.97)}button.primary{background:#176de8;border-color:#176de8;color:white}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:13px;font-weight:750;margin:14px 0 6px}input,textarea{font:inherit;border-radius:10px;border:1px solid #c7d7ed;padding:12px;width:100%;margin-top:7px;background:#fff;color:#132b52}input:focus,textarea:focus{outline:2px solid #81b4ff;border-color:#176de8}.msg{margin-top:14px;white-space:pre-wrap;color:#1952a5}.cards{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:20px}.greeting{margin:20px 0}.greeting h2{font-size:30px;margin:0}.greeting p,.hint{color:#69809e;font-size:13px;line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.stack{display:grid;gap:10px}.note,.flashcard,.quizitem{border:1px solid #dce8fb;background:#f9fbff;padding:14px;border-radius:12px;overflow-wrap:anywhere}.note button{margin:7px 7px 0 0}.output{margin-top:5px}.output pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.choice{display:block;text-align:left;width:100%;margin:6px 0}.choice.selected{background:#d4e5ff}.feedback{font-weight:700}footer{text-align:center;color:#7890af;padding:42px 0 54px;font-size:12px}@media(max-width:760px){.cards{grid-template-columns:1fr}.hero{padding-top:44px}.panel{padding:18px}header{padding:16px 22px}}