*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f7f9;color:#15171a}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;cursor:pointer}.brand b{display:block;font-size:15px}.brand small{display:block;color:#7b8088;font-size:11px;margin-top:2px}.logo{width:38px;height:38px;border-radius:10px;background:#111827;color:white;display:grid;place-items:center;font-weight:800}.top-actions{display:flex;gap:10px}.primary,.ghost,.textbtn,.actions button{border:0;border-radius:9px;padding:10px 14px}.primary{background:#111827;color:#fff}.ghost{background:#f0f1f3;color:#20242a}.textbtn{background:transparent;color:#3947b7;padding:5px}.hero{padding:65px 5vw 50px;display:flex;justify-content:space-between;gap:40px;background:linear-gradient(135deg,#fff 0%,#f4f5ff 100%);border-bottom:1px solid #e6e7eb}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:750;color:#5962a8}.hero h1{font-size:46px;line-height:1.06;margin:12px 0 16px;letter-spacing:-1.8px}.hero h1 em{font-style:normal;color:#5962a8}.hero p{max-width:690px;color:#646a73;font-size:16px;line-height:1.6}.stats{display:flex;align-self:flex-end;background:#fff;border:1px solid #e2e4e8;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #1118270a}.stats div{padding:20px 25px;border-right:1px solid #e5e7eb}.stats div:last-child{border:0}.stats strong{font-size:25px;display:block}.stats span{font-size:11px;color:#777}.searchbox{margin:30px 5vw 0;background:#fff;border:1px solid #dfe2e7;border-radius:12px;height:50px;display:flex;align-items:center;padding:0 16px;max-width:900px}.searchbox span{font-size:24px;color:#8a9098}.searchbox input{border:0;outline:0;width:100%;margin-left:10px}.subjects,.workspace,.all-section{padding:30px 5vw}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h2{font-size:20px;margin:0}.muted{color:#8a9098;font-size:12px}.subject-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.subject-card{background:#fff;border:1px solid #e1e4e9;border-radius:13px;padding:17px;text-align:left;min-height:130px;transition:.15s}.subject-card:hover,.subject-card.active{border-color:#6972c2;box-shadow:0 6px 20px #1118270c}.subject-code{display:inline-grid;place-items:center;background:#eef0ff;color:#505aa7;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:800;margin-bottom:22px}.subject-card b{display:block;font-size:13px;line-height:1.35}.subject-card small{display:block;color:#9297a0;margin-top:8px}.workspace{padding-top:5px}.crumb{font-size:11px;color:#6b7280}.chapter-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chapter-pills button{border:1px solid #dfe2e8;background:#fff;border-radius:20px;padding:8px 13px;color:#555}.chapter-pills button.selected{background:#111827;color:#fff;border-color:#111827}.filters{display:flex;gap:10px;align-items:center;margin-bottom:12px}.filters select{border:1px solid #dfe2e8;background:#fff;border-radius:8px;padding:9px 11px}.result-count{margin-left:auto;color:#888;font-size:12px}.table{background:#fff;border:1px solid #e1e4e9;border-radius:13px;overflow:hidden}.table-head,.row{display:grid;grid-template-columns:1.1fr .8fr .65fr 1.6fr 1.1fr 2.1fr;gap:12px;align-items:center;padding:13px 15px}.table-head{background:#f8f9fa;font-size:10px;font-weight:750;color:#7b8088}.row{border-top:1px solid #eef0f2;font-size:13px;min-height:62px}.tag{background:#f0f1f4;padding:5px 7px;border-radius:6px;font-size:11px;width:max-content}.qloc{font-weight:750}.status{border:1px solid #e0e3e8;background:#fff;border-radius:7px;padding:6px 7px;font-size:11px;max-width:120px}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{background:#eef0ff;color:#4f59a7;font-size:11px;padding:7px 9px}.actions .danger{background:#fff0f0;color:#a33}.empty{padding:50px;text-align:center;color:#888}.mini-list{background:#fff;border:1px solid #e1e4e9;border-radius:13px;overflow:hidden}.mini-list button{width:100%;border:0;background:#fff;border-top:1px solid #eee;padding:14px 16px;display:grid;grid-template-columns:1fr .6fr 1.7fr 1.5fr 1fr;text-align:left;gap:12px}.mini-list button:first-child{border:0}.mini-list button:hover{background:#fafbff}.mini-list i{font-style:normal;color:#777;font-size:11px}.backdrop{position:fixed;inset:0;background:#111827b8;z-index:100;display:flex;justify-content:center;align-items:flex-start;padding:30px;overflow:auto}.viewer{width:min(1000px,100%);background:#f2f3f5;border-radius:15px;overflow:hidden}.viewer-head{background:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e4e9}.viewer-head span{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.08em}.viewer-head h2{margin:4px 0 0;font-size:19px}.viewer-head>button{border:0;background:#f0f1f3;border-radius:8px;width:35px;height:35px}.image-sequence{padding:20px}.paper-img{background:#fff;margin-bottom:16px;box-shadow:0 3px 15px #00000012;position:relative}.paper-img img{width:100%;display:block;height:auto}.image-number{position:absolute;right:8px;top:8px;background:#111827d9;color:#fff;border-radius:6px;padding:4px 7px;font-size:10px;z-index:1}.no-image{padding:80px;text-align:center;color:#888}.notes{background:#fff;border-top:1px solid #ddd;padding:22px}.notes-title{display:flex;justify-content:space-between;align-items:center}.notes-title h3{margin:0;font-size:15px}.notes-title span{font-size:11px;color:#888}.note-add{display:flex;gap:10px;margin:14px 0}.note-add textarea{flex:1;min-height:75px;border:1px solid #dfe2e8;border-radius:9px;padding:10px;resize:vertical;outline-color:#6b73c3}.note{border:1px solid #e4e6e9;border-radius:9px;padding:12px;margin-top:9px}.note p{margin:0 0 7px;white-space:pre-wrap;font-size:13px;line-height:1.5}.note small{color:#92979e;font-size:10px}.form-modal,.settings-modal,.login-modal{background:#fff;border-radius:15px;overflow:hidden;width:min(850px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px}.form-grid label,.settings-body label,.login-modal label{font-size:11px;font-weight:700;color:#555}.form-grid input,.form-grid select,.url-row input,.settings-body input,.login-modal input{display:block;width:100%;margin-top:6px;border:1px solid #dfe2e8;border-radius:8px;padding:10px;outline-color:#6972c2}.image-inputs{padding:0 22px 18px}.input-title{display:flex;justify-content:space-between;align-items:center}.input-title h3{font-size:13px;margin:0}.url-row{display:flex;gap:8px;align-items:center;margin-top:8px}.url-row>span{width:24px;color:#777;font-size:11px}.url-row input{margin-top:0}.url-row button{border:0;background:#f4f4f5;border-radius:7px;width:34px;height:34px}.form-actions{padding:18px 22px;background:#f8f9fa;border-top:1px solid #e6e8eb;display:flex;justify-content:flex-end;gap:8px}.form-note{margin:0;padding:0 22px 18px;color:#888;font-size:11px}.login-modal{width:min(420px,100%);padding:30px;text-align:center}.login-icon{width:54px;height:54px;border-radius:14px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:800;margin:0 auto 15px}.login-modal h2{margin:0}.login-modal p,.hint{color:#888;font-size:11px;line-height:1.6}.login-modal label{text-align:left;display:block;margin-top:22px}.login-error{color:#a33;font-size:11px;min-height:16px;margin-top:8px}.login-modal small{display:block;color:#999;font-size:10px;margin-top:15px}.settings-body{padding:24px}.settings-body hr{border:0;border-top:1px solid #eee;margin:25px 0}.settings-body h3{font-size:14px}.connection-msg{margin-top:10px;color:#666;font-size:11px}.notice{margin:18px 5vw 0;padding:12px 14px;border-radius:9px;background:#fff;border:1px solid #e1e4e9;font-size:12px;color:#666}.notice.error{background:#fff4f4;border-color:#eccaca;color:#8d3434}.toast{position:fixed;right:24px;bottom:24px;background:#111827;color:#fff;padding:12px 16px;border-radius:9px;z-index:200;font-size:12px}@media(max-width:900px){.subject-grid{grid-template-columns:repeat(3,1fr)}.hero{display:block}.stats{margin-top:25px;width:max-content}.table-head{display:none}.row{grid-template-columns:1fr 1fr 1fr}.row>:nth-child(4),.row>:nth-child(5){display:none}.hero h1{font-size:35px}}@media(max-width:600px){.topbar{padding:0 16px}.top-actions .ghost:first-child{display:none}.hero,.subjects,.workspace,.all-section{padding-left:16px;padding-right:16px}.searchbox{margin-left:16px;margin-right:16px}.subject-grid{grid-template-columns:1fr 1fr}.stats div{padding:14px}.backdrop{padding:0}.viewer,.form-modal,.settings-modal,.login-modal{border-radius:0;min-height:100vh}.form-grid{grid-template-columns:1fr}.note-add{display:block}.note-add .primary{margin-top:8px}.filters{flex-wrap:wrap}.result-count{margin-left:0}.mini-list button{grid-template-columns:1fr 1fr}.mini-list button span:nth-child(3),.mini-list button span:nth-child(4){display:none}}
.config-modal{width:min(1000px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.2);padding:24px}.small-modal{width:min(480px,92vw);background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.2);padding:24px}.modal-subtitle{margin:5px 0 0;color:#737984;font-size:13px}.config-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin-top:18px}.config-panel{border:1px solid #e5e7eb;border-radius:14px;padding:14px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-title h3{margin:0}.small{padding:7px 10px!important;font-size:12px}.config-list{display:flex;flex-direction:column;gap:7px}.config-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #eceef1;border-radius:10px;padding:8px}.config-item.selected{border-color:#6b7280;background:#f7f8fa}.config-main{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0;padding:3px}.config-main.static{cursor:default}.config-main b,.config-main small{display:block}.config-main b{font-size:13px}.config-main small{color:#7b8088;font-size:11px;margin-top:3px}.config-actions{display:flex;gap:4px}.config-actions button{border:0;background:#f0f1f3;border-radius:7px;width:30px;height:30px}.config-actions .danger{background:#fff0f0;color:#b42318}.order{width:24px;height:24px;border-radius:6px;background:#f0f1f3;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.hint{color:#737984;font-size:12px}.config-modal .form-actions,.small-modal .form-actions{margin-top:18px}.config-modal .form-actions{justify-content:flex-end}@media(max-width:760px){.config-layout{grid-template-columns:1fr}.config-modal{padding:16px}.top-actions{gap:5px}.top-actions button{padding:8px 9px;font-size:11px}}