*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#18233b;font:16px system-ui,sans-serif}main{max-width:720px;margin:auto;padding:20px}header p,.hint{color:#59667b}section{background:#fff;padding:22px;margin:18px 0;border:1px solid #e0e6f0;border-radius:16px}h1{margin-bottom:4px}h2{margin-top:0}.stats{display:flex;justify-content:space-between;gap:16px;font-weight:600}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #bbc5d4;border-radius:8px;font:inherit}textarea{min-height:85px}button,.import{background:#284ac9;color:#fff;border:0;border-radius:9px;padding:12px 16px;font:inherit;cursor:pointer}.flashcard{width:100%;min-height:210px;background:#eef2ff;color:#18233b;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:20px;margin:16px 0;padding:24px}.flashcard strong{font-size:clamp(23px,5vw,34px);overflow-wrap:anywhere}.flashcard small{color:#586581}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{flex:1}.import{margin:0;display:inline-block}.import input{display:none}.hint{font-size:14px}.check{display:flex;align-items:center;gap:8px;margin:12px 0}.check input{width:auto}