:root{font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN',sans-serif;color:#1e293b;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;min-height:100dvh;padding-bottom:90px}header{display:flex;align-items:center;gap:16px;background:#1e293b;color:white;padding:18px 20px}h1{font-size:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{background:transparent;color:white;border:0;font-size:25px;cursor:pointer}section{padding:20px}h2{font-size:17px;margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px}button{font:inherit;cursor:pointer;border:1px solid #cbd5e1;border-radius:12px;padding:11px 14px;background:white;color:#1e293b}button:active{opacity:.75}.primary{background:#0f766e;color:white;border-color:#0f766e;flex:1;font-weight:700}.actions{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.deck{display:flex;width:100%;justify-content:space-between;margin:10px 0;padding:19px;text-align:left;font-weight:600}.settings{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:15px;display:grid;gap:16px;margin:20px 0}.settings label{display:flex;align-items:center;gap:9px}.settings input{width:19px;height:19px;accent-color:#0f766e}.empty{padding:30px;text-align:center;color:#64748b;background:white;border-radius:12px}.card-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e2e8f0;padding:12px 0}.card-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.card-row small{display:block;color:#64748b;margin-top:5px}.card-row button{font-size:12px;padding:7px}.danger-text{color:#b91c1c}.danger{color:#b91c1c;margin-top:30px;width:100%}.notice{margin:14px 20px;padding:12px;background:#ccfbf1;border-radius:9px}.study{text-align:center}.counter{color:#64748b}.flashcard{min-height:330px;border-radius:22px;background:white;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0f172a12;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:25px 15px;touch-action:pan-y;user-select:none}.flashcard strong{font-size:clamp(24px,6vw,40px);overflow-wrap:anywhere;max-width:100%}.face,.hint,.tip{color:#64748b;font-size:13px}.nav{display:flex;justify-content:space-between;margin:20px 0;gap:12px}.nav button{flex:1}footer{color:#64748b;font-size:12px;padding:25px;text-align:center;line-height:1.7}