*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f6f8;--surface: #ffffff;--line: #e4e7eb;--line2: #eef0f3;--accent: #2563eb;--accent-bg: #eaf1fe;--text: #1b2230;--muted: #5b6472;--hint: #98a0ad}html,body,#root{height:100%}body{font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:14px;height:54px;padding:0 16px;flex:none;background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:15px;white-space:nowrap}.ctabs{display:flex;gap:4px}.ctab{border:none;background:transparent;color:var(--muted);padding:6px 14px;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap}.ctab:hover{background:var(--line2)}.ctab.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.search{margin-left:auto;width:200px;padding:7px 12px;font-size:13px;border:1px solid var(--line);border-radius:8px;background:#f1f3f5;outline:none}.search:focus{background:#fff;border-color:var(--accent);width:260px}.status{font-size:12px;color:var(--muted);white-space:nowrap}.syncbtn{background:var(--accent);color:#fff;border:none;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.syncbtn:hover{opacity:.9}.syncbtn:disabled{background:#9aa4b2;cursor:default}.body{display:flex;flex:1;min-height:0}.sidebar{width:232px;flex:none;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);padding:10px}.loading{padding:24px;color:var(--hint);font-size:13px}.loadscreen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg)}.spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadscreen-text{color:var(--muted);font-size:14px}.rail{font-size:13px}.railitem{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--text);white-space:nowrap;overflow:hidden}.railitem:hover{background:var(--line2)}.railitem.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.railitem.week{font-size:12.5px}.railitem .badge{background:var(--accent);color:#fff;border-radius:10px;padding:0 7px;font-size:11px;font-weight:600}.railitem.active .badge{background:var(--accent)}.railsec{color:var(--hint);font-size:11px;margin:14px 10px 4px;letter-spacing:.04em}.raildiv{border-top:1px solid var(--line);margin:10px 6px}.main{flex:1;min-width:0;overflow:auto}.empty{height:100%;display:flex;align-items:center;justify-content:center}.empty-sub{color:var(--hint);font-size:13px;padding:20px}.viewer{padding:22px 30px;max-width:1000px;margin:0 auto}.viewer h2{font-size:17px;font-weight:650;margin-bottom:14px}.weekview{padding:22px 30px;max-width:1000px;margin:0 auto}.weekhead{margin-bottom:8px}.weektitle{font-size:19px;font-weight:650}.weekdates{color:var(--hint);font-size:12.5px;margin-top:3px}.weekbar{display:flex;gap:8px;padding:11px 18px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:10;-webkit-overflow-scrolling:touch}.weekbar::-webkit-scrollbar{display:none}.weekchip{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:7px 15px;border-radius:18px;font-size:13px;cursor:pointer;white-space:nowrap}.weekchip:hover{border-color:var(--accent);color:var(--accent)}.weekchip.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.sec{font-size:13px;color:var(--muted);font-weight:600;margin:22px 0 10px}.seccount{color:var(--hint);font-weight:400}.vidgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.vidcard{border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;background:var(--surface);transition:border-color .12s,transform .12s}.vidcard:hover{border-color:var(--accent);transform:translateY(-1px)}.vidthumb{background:#11141a;color:#cdd5e0;border-radius:6px;height:64px;display:flex;align-items:center;justify-content:center;font-size:22px}.vidname{font-size:12.5px;margin-top:8px;line-height:1.35}.rowitem{display:flex;align-items:center;gap:9px;cursor:pointer;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);margin-bottom:8px;font-size:13.5px}.rowitem:hover{border-color:var(--accent)}.disc-entry{justify-content:space-between;font-weight:600;color:var(--accent)}.arrow{color:var(--accent)}.videopage{display:flex;flex-direction:column;height:100%}.crumb{padding:12px 22px;font-size:13px;color:var(--muted);cursor:pointer;border-bottom:1px solid var(--line);flex:none}.crumb:hover{color:var(--accent)}.videopage-body{display:flex;flex:1;min-height:0}.player-wrap{flex:1;min-width:0;padding:18px 22px;overflow:auto}.player{width:100%;max-height:64vh;background:#000;border-radius:10px}.player-bar{display:flex;align-items:center;gap:12px;margin-top:12px}.vtitle{font-weight:600;font-size:14px;flex:1}.ghostbtn{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:5px 12px;border-radius:7px;font-size:12px;cursor:pointer}.ghostbtn:hover{border-color:var(--accent);color:var(--accent)}.subtext{white-space:pre-wrap;word-break:break-word;margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;font-size:12.5px;line-height:1.7;max-height:30vh;overflow:auto}.disc-panel{width:340px;flex:none;border-left:1px solid var(--line);padding:14px 16px;overflow:auto;background:var(--surface)}.disc-head{font-weight:600;font-size:14px;margin-bottom:10px}.reader{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px 30px;line-height:1.75;font-size:14.5px}.reader.sm{border:none;padding:0;font-size:13px;line-height:1.7}.reader h1{font-size:20px;margin:4px 0 14px}.reader h2{font-size:16px;margin:20px 0 9px;padding-bottom:6px;border-bottom:1px solid var(--line)}.reader.sm h1{font-size:15px}.reader.sm h2{font-size:13.5px}.reader h3{font-size:14px;margin:14px 0 5px;color:#2b3340}.reader p{margin:7px 0}.reader ul{margin:7px 0 7px 20px}.reader li{margin:3px 0}.reader blockquote{border-left:3px solid #cdd5e0;padding:3px 13px;margin:7px 0;color:var(--muted);background:#f8fafc}.reader strong{color:#111827}.me{background:var(--accent);color:#fff;padding:0 5px;border-radius:4px;font-size:12px;font-weight:600;margin:0 2px}.txt{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;font-size:13px;line-height:1.7;font-family:SF Mono,Menlo,monospace}.pdfwrap{max-width:none;height:calc(100vh - 54px);display:flex;flex-direction:column;padding:16px 22px}.pdf{flex:1;width:100%;border:none;border-radius:8px;background:#fff}.annlist{display:flex;flex-direction:column;gap:9px}.anncard{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--surface)}.anncard:hover{border-color:var(--accent)}.annicon{font-size:18px}.anntitle{flex:1;font-size:14px;font-weight:500}.grp{margin-bottom:18px}.grphead{font-size:12.5px;color:var(--hint);margin-bottom:8px}.results{list-style:none}.result{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:12px 15px;margin-bottom:9px;cursor:pointer}.result:hover{border-color:var(--accent)}.result-top{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-meta{font-size:12px;color:var(--hint);margin:3px 0 0 26px}.result-snip{font-size:12.5px;color:var(--muted);margin:6px 0 0 26px;line-height:1.6}mark{background:#ffe08a;color:inherit;padding:0 2px;border-radius:3px}.filecard{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:44px;color:var(--muted)}.filecard-ico{font-size:40px}.openbtn{background:var(--accent);color:#fff;border:none;padding:9px 22px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.openbtn:hover{opacity:.9}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px 28px;display:flex;flex-direction:column;gap:12px}.login-title{font-size:20px;font-weight:700;text-align:center}.login-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:8px}.login-input{padding:11px 13px;font-size:14px;border:1px solid var(--line);border-radius:9px;outline:none}.login-input:focus{border-color:var(--accent)}.login-err{color:#dc2626;font-size:12.5px;text-align:center}.login-notice{color:#b45309;background:#fff7ed;border:1px solid #fed7aa;font-size:12px;text-align:center;padding:7px 10px;border-radius:8px}.login-btn{background:var(--accent);color:#fff;border:none;padding:11px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px}.login-btn:disabled{background:#9aa4b2;cursor:default}.login-note{font-size:11.5px;color:var(--hint);text-align:center;line-height:1.5;margin-top:4px}.logoutbtn{background:#eef0f3;color:var(--muted);border:none;padding:7px 14px;border-radius:8px;font-size:13px;cursor:pointer}.logoutbtn:hover{background:#e2e5ea}.fb-fab{position:fixed;right:18px;bottom:18px;z-index:60;width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 14px #2563eb66}.modal-overlay{position:fixed;inset:0;z-index:70;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:380px;background:var(--surface);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px}.modal-title{font-size:17px;font-weight:650}.fb-text{min-height:110px;padding:11px 13px;font-size:14px;resize:vertical;border:1px solid var(--line);border-radius:9px;outline:none;font-family:inherit}.fb-text:focus{border-color:var(--accent)}.fb-upload{display:inline-block;padding:9px 14px;border:1px dashed var(--line2);border-radius:9px;font-size:13px;color:var(--muted);cursor:pointer;text-align:center}.fb-upload:hover{border-color:var(--accent);color:var(--accent)}.fb-files{font-size:12.5px;color:var(--muted)}.fb-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.fb-cancel{background:#eef0f3;color:var(--muted);border:none;padding:9px 18px;border-radius:8px;font-size:13px;cursor:pointer}.fb-submit{background:var(--accent);color:#fff;border:none;padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.fb-submit:disabled{background:#9aa4b2}.fb-done{text-align:center;padding:24px 0;font-size:15px;color:var(--accent);font-weight:600}.hamburger{display:none;border:none;background:transparent;font-size:20px;cursor:pointer;padding:2px 6px;color:var(--text)}.drawer-overlay{display:none}@media(max-width:760px){.topbar{gap:8px;padding:0 10px}.hamburger{display:block}.brand{display:none}.ctabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;flex:1}.ctabs::-webkit-scrollbar{display:none}.ctab{white-space:nowrap;padding:6px 10px}.search{margin-left:0;width:38px;padding:7px 8px}.search:focus{width:150px}.sidebar{position:fixed;top:54px;left:0;bottom:0;z-index:50;width:78%;max-width:300px;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 16px #0000002e}.sidebar.open{transform:translate(0)}.drawer-overlay{display:block;position:fixed;inset:54px 0 0;background:#00000059;z-index:40}.viewer,.weekview{padding:16px 14px}.viewer{max-width:none}.vidgrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.videopage-body{flex-direction:column}.player-wrap{padding:12px 14px;overflow:visible}.player{max-height:38vh}.disc-panel{width:100%;border-left:none;border-top:1px solid var(--line)}.reader{padding:18px 16px}.pdfwrap{height:calc(100vh - 54px);padding:8px}}