body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f0e8;color:#2c2c2c;font-family:SB Sans Display,SB Sans Text,system-ui,sans-serif;height:100vh;overflow:hidden}.app{flex-direction:column;height:100vh}.app,.page{display:flex}.page{flex:1 1;flex-direction:column;overflow:hidden;padding:16px 16px 100px}.header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.header h1{color:#2c2c2c;flex:1 1;font-size:24px;font-weight:600}.tabs{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab{background:#0000;border:1px solid #c8b99a;border-radius:20px;color:#7a6a55;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.tab.active{background:#6b4f2a;border-color:#6b4f2a;color:#fff}.book-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto}.book-card{background:#fff;border:1px solid #e8dfd0;border-radius:12px;box-shadow:0 1px 4px #00000014;cursor:pointer;padding:14px 16px;transition:box-shadow .2s}.book-card:hover{box-shadow:0 3px 10px #0000001f}.book-card h3{color:#2c2c2c;font-size:16px;margin-bottom:4px}.book-card .author{color:#7a6a55;font-size:13px}.book-card .meta{color:#a09080;display:flex;font-size:12px;gap:12px;margin-top:8px}.progress-bar{background:#e8dfd0;border-radius:2px;height:3px;margin-top:8px}.progress-fill{background:#6b4f2a;border-radius:2px;height:100%}.rating{color:#c8860a}.btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .2s}.btn:hover{opacity:.85}.btn-primary{background:#6b4f2a;color:#fff}.btn-secondary{background:#e8dfd0;color:#2c2c2c}.btn-danger{background:#c0392b;color:#fff}.btn-icon{color:#2c2c2c;font-size:20px;padding:4px}.btn-back,.btn-icon{background:#0000;border:none;cursor:pointer}.btn-back{color:#7a6a55;font-size:24px;line-height:1}.note-list{display:flex;flex-direction:column;gap:8px}.note-item{background:#fff;border-left:3px solid #6b4f2a;border-radius:10px;box-shadow:0 1px 3px #0000000f;color:#2c2c2c;font-size:14px;padding:12px}.note-item .note-type{color:#a09080;font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.note-item .note-page{color:#a09080;font-size:11px;margin-top:4px}.modal-overlay{align-items:flex-end;background:#0006;display:flex;inset:0;position:fixed;z-index:100}.modal{background:#faf6f0;border-radius:16px 16px 0 0;max-height:90vh;overflow-y:auto;padding:24px 24px 110px;width:100%}.modal h2{color:#2c2c2c;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{color:#7a6a55;font-size:13px}.field input,.field select,.field textarea{background:#fff;border:1px solid #c8b99a;border-radius:8px;color:#2c2c2c;font-size:14px;outline:none;padding:10px 12px}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#6b4f2a}.field-hint{color:#a09080;font-size:11px;margin-top:2px}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-actions .btn{flex:1 1}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e8dfd0;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:16px;text-align:center}.stat-card .value{color:#6b4f2a;font-size:32px;font-weight:700}.stat-card .label{color:#a09080;font-size:12px;margin-top:4px}.empty{color:#a09080;font-size:15px;padding:40px 0;text-align:center}.book-detail-header{margin-bottom:16px}.book-detail-header h2{color:#2c2c2c;font-size:20px;margin-bottom:4px}.book-detail-header .author{color:#7a6a55;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}select option{background:#faf6f0;color:#2c2c2c}.top-list{display:flex;flex-direction:column;gap:8px;list-style:none}.top-list li{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000f;display:flex;font-size:14px;justify-content:space-between;padding:12px}.loading-hint{color:#a09080;font-size:12px;font-style:italic}.btn{min-height:44px}.tab{min-height:40px}@media (max-width:559px){.page{padding:10px 10px 90px}.header h1{font-size:18px}.btn{font-size:13px;padding:8px 12px}.tabs{gap:6px}.tab{font-size:13px;padding:6px 12px}.book-card{padding:12px}.book-card h3{font-size:15px}.stat-card .value{font-size:26px}.modal{padding:20px 14px 90px}.actions{gap:6px}.actions .btn{font-size:13px;padding:8px 10px}}@media (min-width:600px){.modal-overlay{align-items:center;justify-content:center}.modal{border-radius:16px;max-height:85vh;padding-bottom:28px;width:min(520px,92vw)}}@media (min-width:960px){.page{padding:20px 24px}.book-list{align-content:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.header h1{font-size:26px}.stat-card .value{font-size:36px}.stats-grid{grid-template-columns:repeat(4,1fr)}}.NativePanel{background:linear-gradient(#0000,#120a04f7)!important;padding:28px 16px 14px!important}.NativePanel .Bubble{display:none!important}.NativePanel .TextInput{background:#ffffff14!important;border:1px solid #c8b99a59!important;border-radius:20px!important;color:#f5f0e8!important;flex:1 1!important;font-size:14px!important;outline:none!important;padding:8px 16px!important}.NativePanel .TextInput::placeholder{color:#f5f0e866!important}