*{box-sizing:border-box}body{color:#1e293b;background:#eef5f4;margin:0;font-family:Inter,Arial,sans-serif}.app{max-width:1000px;margin:auto;padding:30px}h1{align-items:center;gap:12px;margin-bottom:25px;font-size:34px;display:flex}h2{margin:0}.bookSelect{background:#fff;border-radius:25px;justify-content:space-between;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 8px 25px #00000014}.bookSelect div{text-align:center}.bookSelect h2{font-size:24px}.bookSelect p{color:#64748b}.bookSelect button{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;transition:all .2s;display:flex}.bookSelect button:hover{background:#0f766e;transform:scale(1.08)}h3{margin-top:25px}progress{border-radius:30px;width:100%;height:22px;overflow:hidden}progress::-webkit-progress-bar{background:#d1fae5}progress::-webkit-progress-value{background:#0d9488}.filters{flex-wrap:wrap;gap:15px;margin:25px 0;display:flex}.filters button{color:#fff;cursor:pointer;background:#0d9488;border:none;border-radius:25px;padding:12px 25px;font-size:15px;transition:all .2s}.filters button:hover{background:#0f766e;transform:translateY(-2px)}.searchBox{background:#fff;border-radius:20px;align-items:center;gap:12px;margin-bottom:25px;padding:15px 20px;display:flex;box-shadow:0 5px 15px #00000014}.searchBox input{background:0 0;border:none;outline:none;width:100%;font-size:17px}.section{margin-top:22px}.sectionTitle{cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:15px;padding:18px 22px;transition:all .2s;display:flex;box-shadow:0 5px 18px #00000014}.sectionTitle:hover{transform:translateY(-2px)}.sectionTitle h2{font-size:20px}.card{background:#fff;border-radius:18px;align-items:flex-start;gap:18px;margin:12px 0 12px 35px;padding:18px;transition:all .2s;display:flex;box-shadow:0 4px 15px #00000012}.card:hover{transform:scale(1.01)}.card input[type=checkbox]{cursor:pointer;accent-color:#0d9488;flex-shrink:0;width:26px;height:26px}.card b{font-size:17px;line-height:1.4}.finished{opacity:.55}.finished b{color:#64748b;text-decoration:line-through}.topicBody{width:100%}.noteBox{background:#f1f5f9;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.noteBox input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-size:15px}.noteBox input::placeholder{color:#94a3b8}@media (width<=700px){.app{padding:15px}h1{font-size:26px}.bookSelect{padding:18px}.bookSelect h2{font-size:18px}.bookSelect button{width:45px;height:45px}.card{margin-left:0}.sectionTitle h2{font-size:17px}.filters{gap:10px}.filters button{flex:1}}