@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background-color:#f5f5f5;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{max-width:600px;min-height:100vh;margin:0 auto;padding:20px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{margin:0;font-size:24px;font-weight:600}.settings-btn{cursor:pointer;color:#666;background:0 0;border:none;padding:8px;font-size:20px}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000000d}.card-title{color:#1a1a1a;margin:0 0 8px;font-size:16px;font-weight:600}.card-subtitle{color:#666;margin:0 0 16px;font-size:14px;line-height:1.4}.input-field{color:#1a1a1a;box-sizing:border-box;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.input-field:focus{background-color:#fff;border-color:#333;outline:none}.btn{color:#fff;cursor:pointer;background-color:#222;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .2s}.btn:hover{background-color:#000}.btn:disabled{cursor:not-allowed;background-color:#ccc}.btn-secondary{color:#333;background-color:#f0f0f0}.btn-secondary:hover{background-color:#e0e0e0}.toggle-group{background-color:#f0f0f0;border-radius:8px;margin-bottom:20px;padding:4px;display:flex}.toggle-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .2s}.toggle-btn.active{color:#000;background:#fff;box-shadow:0 1px 2px #0000001a}.log-accordion{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.log-header{color:#666;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.log-content{color:#333;white-space:pre-wrap;background:#f9f9f9;border-radius:8px;max-height:200px;margin-top:12px;padding:12px;font-family:monospace;font-size:12px;overflow-y:auto}.status-indicator{color:#666;align-items:center;gap:6px;margin-bottom:20px;font-size:12px;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px}.dot.green{background-color:#34c759}.dot.red{background-color:#ff3b30}.bookmark-list{margin:0;padding:0;list-style:none}.bookmark-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.bookmark-item:last-child{border-bottom:none}.bookmark-text{color:#333;font-size:14px}.bookmark-delete{color:#999;cursor:pointer;background:0 0;border:none;font-size:18px}hr{border:none;border-top:1px solid #eee;margin:20px 0}.books-accordion{flex-direction:column;gap:8px;display:flex}.accordion-item{border:1px solid #eee;border-radius:8px;overflow:hidden}.accordion-header{color:#333;cursor:pointer;background:#f9f9f9;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px;font-size:16px;font-weight:500;transition:background-color .2s;display:flex}.accordion-header:hover{background:#f0f0f0}.accordion-icon{color:#999;font-size:12px}.accordion-content{background:#fff;border-top:1px solid #eee;padding:16px}.grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.chapter-btn{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;padding:12px 0;font-size:16px;font-weight:500;transition:all .2s}.chapter-btn:hover{color:#fff;background:#222}