:root{color:#17211b;background:#f5f7f4;scrollbar-color:#1d7a5c #eef3ef;scrollbar-width:thin;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root::-webkit-scrollbar{width:8px;height:8px}:root::-webkit-scrollbar-track{background:#eef3ef}:root::-webkit-scrollbar-thumb{border-radius:999px;background:#1d7a5c}:root::-webkit-scrollbar-thumb:hover{background:#2a9e78}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0}button:disabled{cursor:wait;opacity:.72}.loginShell{display:grid;place-items:center;min-height:100vh;padding:24px;background:#0b120f}.loginPanel{display:grid;gap:22px;width:min(100%,420px);padding:28px;border:1px solid #294133;border-radius:8px;background:#111b16;box-shadow:0 22px 54px #00000057}.loginBrand,.loginPanel h1{color:#f7faf7}.loginPanel .eyebrow{color:#94a59a}.loginForm{display:grid;gap:14px}.loginForm label{display:grid;gap:7px;color:#c9d5cd;font-size:13px;font-weight:760}.loginForm input{height:44px;padding:0 12px;border:1px solid #31473a;border-radius:8px;background:#0f1713;color:#f7faf7}.loginForm input::placeholder{color:#6f8276}.loginForm input:focus{border-color:#3f9f68;outline:2px solid rgba(63,159,104,.24)}.loginPanel .primaryButton{background:#2f7d52;color:#fff}.loginPanel .primaryButton:hover:not(:disabled){background:#349160}.loginStatus{margin:0;color:#94a59a;font-size:14px;line-height:1.45}.loginVersion{margin:0;color:#c5d4cc;font-size:11px;text-align:center;opacity:.6}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .16s ease}.shell.sidebarCollapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{background:#18231d;color:#f7faf7;padding:24px 18px;overflow:hidden}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:10px;min-height:44px;font-size:20px;font-weight:760}.sidebarToggle{position:relative;display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:1px solid rgba(247,250,247,.18);border-radius:8px;background:transparent;color:#c9d5cd;cursor:pointer}.sidebarToggle:hover{background:#294133;color:#fff}.sidebar.collapsed{padding:24px 12px}.sidebar.collapsed .sidebarHeader{justify-content:center}.sidebar.collapsed .brand{display:none}nav{display:grid;gap:8px;margin-top:34px}.navItem{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#c9d5cd;text-decoration:none;cursor:pointer}.navItem svg{flex:0 0 auto}.navBadge{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;border-radius:999px;background:#d94b3d;color:#fff;font-size:12px;font-weight:850}.navLabel{white-space:nowrap}.sidebar.collapsed .navItem{justify-content:center;padding:0}.sidebar.collapsed .navLabel{display:none}.navItem.active,.navItem:hover{background:#294133;color:#fff}.workspace{padding:28px 28px 100px;overflow:hidden}.topbar,.panelHeader,.topicHeader,.topicStats,.controls{display:flex;align-items:center}.topbar{justify-content:space-between;gap:18px}.eyebrow{margin:0 0 6px;color:#68756d;font-size:13px;font-weight:720;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:32px;line-height:1.1}h2{font-size:18px}.primaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:8px;background:#1d7a5c;color:#fff;font-weight:760;cursor:pointer}.secondaryButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #cad7d0;border-radius:8px;background:#fff;color:#17211b;font-weight:760;cursor:pointer}.dangerButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #e57373;border-radius:8px;background:#fff;color:#c62828;font-weight:760;cursor:pointer}.dangerButton:hover:not(:disabled){background:#ffebee}.compactButton{min-height:38px;padding:0 12px}.controls{gap:10px;margin-top:26px}.backupAlert{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:14px 16px;border:1px solid #e4aaa4;border-radius:8px;background:#fff1ef;color:#6c241f}.backupAlert strong,.backupAlert p{margin:0}.backupAlert strong{display:block;margin-bottom:4px;font-size:15px}.backupAlert p{font-size:13px;line-height:1.45}.backupAlertActions,.backupActions{display:flex;flex-wrap:wrap;gap:8px}.gdriveResult{margin-top:4px;padding:12px 14px;border-radius:8px;border-left:4px solid}.gdriveResult.success{border-left-color:#1d7a5c;background:#f0faf5;color:#174d38}.gdriveResult.error{border-left-color:#c0392b;background:#fdf0ee;color:#7b1e1e}.gdriveResult strong{display:block;font-size:13px;margin-bottom:6px}.gdriveOutput{margin:0;font-size:12px;font-family:monospace;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;background:#0000000d;border-radius:4px;padding:8px}.themeDark .gdriveResult.success{background:#0d2a1e;color:#9ecfb5}.themeDark .gdriveResult.error{background:#2a1010;color:#f09090}.themeDark .gdriveOutput{background:#0000004d}.searchBox{display:flex;align-items:center;gap:10px;flex:1;min-width:220px;height:42px;padding:0 12px;border:1px solid #d4ddd7;border-radius:8px;background:#fff}input,select{border:0;color:#17211b;background:transparent;outline:0}input{width:100%}select,.createTopic input,.topicCreateDialogForm input,.topicEditForm input,.createCategory input,.createSection input,.sectionCreateDialogForm input,.editCategoryForm input,.editSectionForm input{height:42px;padding:0 12px;border:1px solid #d4ddd7;border-radius:8px;background:#fff}.editSectionForm textarea,.sectionEditor textarea{min-height:150px;width:100%;padding:12px;border:1px solid #d4ddd7;border-radius:8px;background:#fff;color:#17211b;line-height:1.45;resize:vertical}.statusBadge{display:inline-flex;align-items:center;min-height:42px;max-width:320px;padding:0 12px;border:1px solid #d4ddd7;border-radius:8px;color:#4d5b53;background:#fff;font-size:13px;font-weight:700}.statusBadge.loading{color:#7b5a21;background:#fff8e8}.statusBadge.inactive{color:#9a3c28;background:#fff2ef;border-color:#c8624a}.contentGrid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.35fr);gap:18px;margin-top:18px}.contentGrid.topicsOnly,.contentGrid.roadmapFocus{grid-template-columns:minmax(0,1fr)}.categoryControls{align-items:stretch}.topicsSection{display:grid;gap:16px;width:100%}.topicsToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.inactiveToggle{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#6b7c74;cursor:pointer;white-space:nowrap}.inactiveToggle input{cursor:pointer}.topicList{display:grid;gap:12px}.topicList.cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.topicList.list{grid-template-columns:minmax(0,1fr)}.createTopic,.createCategory{display:grid;gap:8px;padding:14px;border:1px dashed #b9c8c0;border-radius:8px;background:#fbfcfb}.createTopic{grid-template-columns:1fr}.topicCreateDialog,.categoryCreateDialog,.sectionCreateDialog{position:fixed;z-index:45;top:50%;left:50%;display:grid;gap:14px;width:min(560px,calc(100vw - 32px));padding:18px;border:1px solid #d9e2dc;border-radius:8px;background:#fff;box-shadow:0 24px 70px #17211b3d;transform:translate(-50%,-50%)}.sectionCreateDialog{width:min(720px,calc(100vw - 32px))}.aiRoadmapSectionsDialog{position:fixed;z-index:45;top:50%;left:50%;display:grid;gap:16px;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:18px;border:1px solid #d9e2dc;border-radius:8px;background:#fff;box-shadow:0 24px 70px #17211b3d;transform:translate(-50%,-50%);overflow-y:auto}.aiRoadmapSectionsBody{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(340px,1.2fr);gap:16px}.aiRoadmapSectionsBody .aiJsonPanel{grid-column:1 / -1}.emptyStateWithAction{display:flex;flex-direction:column;align-items:center;gap:12px}.topicCreateDialogHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.topicCreateDialogForm,.categoryCreateDialogForm,.sectionCreateDialogForm{display:grid;gap:10px}.createCategory{grid-template-columns:minmax(220px,360px) auto;flex:1}.categoryChoices{display:flex;flex-wrap:wrap;gap:8px}.categoryChoices label{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #d4ddd7;border-radius:999px;background:#fff;color:#4d5b53;font-size:13px;font-weight:700}.categoryChoices input{width:auto;height:auto;margin:0}.categoryChoices span{color:#68756d;font-size:13px}.categoryPicker{position:relative;display:grid;gap:10px}.categoryPicker label{display:grid;gap:7px}.categoryPickerMenu{position:absolute;z-index:4;top:72px;right:0;left:0;display:grid;gap:6px;max-height:220px;overflow:auto;padding:8px;border:1px solid #d4ddd7;border-radius:8px;background:#fff;box-shadow:0 16px 34px #1c2b2229}.categoryPickerMenu button,.categoryPickerMenu span{min-height:34px;padding:0 10px;border-radius:6px;color:#4d5b53;font-size:13px;font-weight:760;text-align:left}.categoryPickerMenu button{border:0;background:transparent;cursor:pointer}.categoryPickerMenu button:hover:not(:disabled){background:#eef7f3;color:#1d7a5c}.categoryPickerMenu .createCategoryOption{color:#1d7a5c}.selectedCategoryChips{display:flex;flex-wrap:wrap;gap:8px}.selectedCategoryChips button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px 0 11px;border:1px solid #b8dccc;border-radius:999px;background:#eef8f4;color:#1d7a5c;cursor:pointer;font-size:13px;font-weight:800}.selectedCategoryChips span{color:#68756d;font-size:13px}.topicCard,.roadmapPanel,.categoryCard{border:1px solid #d9e2dc;border-radius:8px;background:#fff}.topicCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;align-content:space-between;gap:18px;width:100%;min-height:220px;padding:18px;color:inherit;text-align:left}.topicCard.selected{border-color:#1d7a5c;box-shadow:0 0 0 3px #d9eee6}.topicCard.inactiveItem{border-color:#c8624a;background:#fff2ef;opacity:.85}.topicMain{display:grid;gap:18px;align-self:stretch;min-width:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.topicList.list .topicCard{min-height:0}.topicOrderControls{display:grid;gap:6px;justify-items:center}.topicOrderControls button{position:relative;display:grid;place-items:center;width:30px;height:28px;border:1px solid #cad7d0;border-radius:6px;background:#fff;color:#4d5b53;cursor:pointer}.topicOrderControls button:hover:not(:disabled){border-color:#1d7a5c;color:#1d7a5c}.topicEditForm{display:grid;grid-column:1 / -1;gap:10px;padding-top:14px;border-top:1px solid #edf2ef}.topicEditActions{display:flex;align-items:center;gap:8px}.topicHeader{gap:12px}.order{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#e7f1ec;color:#1d7a5c;font-weight:800}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tags span{padding:4px 8px;border-radius:999px;background:#f0f4f2;color:#4d5b53;font-size:12px;font-weight:700}.progressTrack{height:8px;overflow:hidden;border-radius:999px;background:#e7ece9}.progressTrack span{display:block;height:100%;border-radius:inherit;background:#1d7a5c}.topicStats{gap:14px;color:#5d6c63}.topicStats span{display:inline-flex;align-items:center;gap:5px}.roadmapPanel{min-height:calc(100vh - 150px);padding:22px}.roadmapFocus .roadmapPanel{width:100%}.textButton{width:fit-content;min-height:30px;padding:0;background:transparent;color:#4d5b53;cursor:pointer;font-size:13px;font-weight:760}.textButton:hover{color:#1d7a5c}.createSection{display:grid;gap:8px;margin-top:22px;padding:14px;border:1px dashed #b9c8c0;border-radius:8px;background:#fbfcfb}.sectionFormRow{display:grid;grid-template-columns:minmax(150px,1fr) 86px minmax(110px,140px) minmax(120px,150px) auto;gap:8px}.sectionCreateDialogForm .sectionFormRow{grid-template-columns:minmax(180px,1fr) 92px minmax(120px,150px) minmax(120px,150px)}.categoryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:18px}.aiRoadmap{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(420px,1.18fr);gap:16px;margin-top:26px}.aiFormPanel,.aiPromptPanel,.aiJsonPanel{display:grid;gap:14px;padding:18px;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.aiJsonPanel{grid-column:1 / -1}.aiFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aiFormGrid label{display:grid;gap:7px;color:#4d5b53;font-size:13px;font-weight:760}.fieldLabel{color:#17211b;font-size:13px;font-weight:850}.fieldHelp{max-width:760px;color:#68786f;font-size:12px;font-weight:650;line-height:1.4}.aiWideField{grid-column:1 / -1}.aiFormGrid input,.aiFormGrid textarea,.aiPromptPanel textarea,.aiJsonPanel textarea{width:100%;border:1px solid #d4ddd7;border-radius:8px;background:#fff;color:#17211b;line-height:1.45}.aiFormGrid input{height:42px;padding:0 12px}.aiFormGrid textarea{min-height:92px;padding:12px;resize:vertical}.aiPromptPanel textarea,.aiJsonPanel textarea,.aiReadonlyPrompt,.aiJsonInput{min-height:360px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;resize:vertical}.aiJsonPanel textarea{min-height:260px}.sectionAiPanel{display:grid;gap:12px;padding-top:14px;border-top:1px solid #d9e2dc}.sectionAiPanel .panelHeader{align-items:flex-start}.aiPromptActions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sectionAiPanel h3{margin:0;font-size:16px}.aiReadonlyPrompt,.aiJsonInput{width:100%;border:1px solid #d4ddd7;border-radius:8px;background:#fff;color:#17211b;resize:vertical}.aiReadonlyPrompt{min-height:220px;background:#fbfcfb}.aiJsonInput{min-height:160px}.aiValidationRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.statusBadge.success{color:#1d7a5c;background:#e9f6f1}.backupControls{justify-content:space-between;align-items:flex-start}.backupHint{margin:8px 0 0;color:#5d6c63;font-size:14px}.backupHint code{padding:2px 5px;border-radius:5px;background:#eef3f0}.backupSummary{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-top:18px}.backupSummary article,.backupRecord{border:1px solid #d9e2dc;border-radius:8px;background:#fff}.backupSummary article{display:grid;gap:8px;padding:16px}.backupSummary span{color:#68756d;font-size:12px;font-weight:800;text-transform:uppercase}.backupSummary strong{font-size:18px}.backupSummary article.attention{border-color:#e4aaa4;background:#fff1ef;color:#6c241f}.backupList{display:grid;gap:12px;margin-top:18px}.imageCleanupGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:18px}.imageCleanupCard{display:grid;gap:12px;padding:14px;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.imageCleanupCard img{width:100%;aspect-ratio:16 / 10;object-fit:contain;border:1px solid #d9e2dc;border-radius:8px;background:#f5f7f4}.imageCleanupCard h3,.imageCleanupCard p{margin:0}.imageCleanupCard h3{overflow-wrap:anywhere;font-size:15px}.imageCleanupCard p:not(.eyebrow){color:#5d6c63;font-size:13px;line-height:1.45}.imageCleanupSelect{display:inline-flex;align-items:center;gap:8px;color:#4d5b53;font-size:13px;font-weight:800}.imageCleanupSelect input{width:auto}.backupRecord{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-left-width:5px}.backupRecordInfo{flex:1;min-width:0}.backupRecordActions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.backupFileSize{font-size:12px;font-weight:600;color:#4b6b58;background:#e6f0ea;border-radius:6px;padding:3px 8px;white-space:nowrap}.backupFileName{font-size:12px;font-family:monospace;color:#3b5e4a;word-break:break-all}.backupMissingBadge{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;padding:2px 7px}.backupRecord.success{border-left-color:#1d7a5c}.backupRecord.ignored{border-left-color:#b9822f}.backupRecord.missing{border-left-color:#d97706;background:#fffbeb}.backupRecord h3,.backupRecord p{margin:0}.backupRecord h3{font-size:16px}.backupRecord p:not(.eyebrow){margin-top:6px;color:#5d6c63;font-size:13px}.categoryCard{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:92px;padding:18px}.cardActions,.editCategoryForm{display:flex;align-items:center;gap:8px}.editCategoryForm{width:100%}.editCategoryForm input{flex:1;min-width:0}.iconButton{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid #cad7d0;border-radius:8px;background:#fff;color:#17211b;cursor:pointer}.compactIconButton{width:34px;height:34px}.iconButton:hover{background:#f0f4f2}.visuallyHidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.iconButton.danger{color:#a73f35}.iconButton[aria-label]:after,.topicOrderControls button[aria-label]:after,.nodeOrderControls button[aria-label]:after,.markdownToolbar button[aria-label]:after,.sidebarToggle[aria-label]:after{position:absolute;z-index:120;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:260px;padding:7px 9px;border-radius:7px;background:#17211b;color:#fff;content:attr(aria-label);font-size:12px;font-weight:760;line-height:1.25;opacity:0;pointer-events:none;text-align:center;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease;white-space:normal}.iconButton[aria-label]:before,.topicOrderControls button[aria-label]:before,.nodeOrderControls button[aria-label]:before,.markdownToolbar button[aria-label]:before,.sidebarToggle[aria-label]:before{position:absolute;z-index:121;bottom:calc(100% + 3px);left:50%;border:5px solid transparent;border-top-color:#17211b;content:"";opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease}.iconButton[aria-label]:hover:after,.iconButton[aria-label]:focus-visible:after,.topicOrderControls button[aria-label]:hover:after,.topicOrderControls button[aria-label]:focus-visible:after,.nodeOrderControls button[aria-label]:hover:after,.nodeOrderControls button[aria-label]:focus-visible:after,.markdownToolbar button[aria-label]:hover:after,.markdownToolbar button[aria-label]:focus-visible:after,.sidebarToggle[aria-label]:hover:after,.sidebarToggle[aria-label]:focus-visible:after,.iconButton[aria-label]:hover:before,.iconButton[aria-label]:focus-visible:before,.topicOrderControls button[aria-label]:hover:before,.topicOrderControls button[aria-label]:focus-visible:before,.nodeOrderControls button[aria-label]:hover:before,.nodeOrderControls button[aria-label]:focus-visible:before,.markdownToolbar button[aria-label]:hover:before,.markdownToolbar button[aria-label]:focus-visible:before,.sidebarToggle[aria-label]:hover:before,.sidebarToggle[aria-label]:focus-visible:before{opacity:1;transform:translate(-50%)}.panelHeader,.panelTools,.viewToggle{justify-content:space-between}.panelTools,.roadmapTitleBar{display:flex;align-items:center;gap:12px}.panelTools>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e7f1ec;color:#1d7a5c;font-weight:800}.toolsMenuWrapper{position:relative}.toolsMenuBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent;border:none;cursor:default}.toolsMenu{position:absolute;top:calc(100% + 6px);left:0;z-index:11;background:#fff;border:1px solid #d0ddd6;border-radius:10px;padding:6px;display:grid;gap:4px;min-width:200px;max-height:80vh;overflow-y:auto;box-shadow:0 6px 24px #0000001f}.toolsMenu .secondaryButton,.toolsMenu .primaryButton,.toolsMenu .dangerButton{justify-content:flex-start;width:100%}.zoomControls{display:flex;align-items:center;gap:6px;min-height:42px;padding:0 6px;border:1px solid #cad7d0;border-radius:8px;background:#fff}.zoomControls .iconButton{width:30px;height:30px;min-height:30px;border-radius:6px;font-size:18px;font-weight:800}.zoomControls span{min-width:44px;color:#4d5b53;font-size:12px;font-weight:800;text-align:center}.viewToggle{display:inline-grid;grid-template-columns:repeat(2,1fr);overflow:hidden;border:1px solid #cad7d0;border-radius:8px;background:#fff}.viewToggle button{min-height:36px;padding:0 12px;background:transparent;color:#4d5b53;cursor:pointer;font-size:13px;font-weight:760}.viewToggle button.active{background:#1d7a5c;color:#fff}.roadmapViewport{position:relative;min-height:calc(100vh - 270px);height:calc(100vh - 270px);overflow:auto;border:1px solid #d9e2dc;border-radius:8px;background:linear-gradient(rgba(23,33,27,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,27,.04) 1px,transparent 1px),#fbfcfb;background-size:28px 28px}.roadmapCanvas{position:absolute;min-width:100%;min-height:100%}.roadmapCanvasContent{position:absolute;inset:0 auto auto 0;transform-origin:top left}.roadmapEdges{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.roadmapEdges path{fill:none;stroke:#9fb0a7;stroke-linecap:round;stroke-width:2.5}.roadmapTopicNode{position:absolute;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:220px;min-height:72px;padding:12px;border:2px solid #1d7a5c;border-radius:8px;background:#fff;color:#17211b;box-shadow:0 10px 22px #1c2b221f}.roadmapTopicNode svg{color:#1d7a5c}.roadmapTopicNode strong{overflow:hidden;font-size:15px;line-height:1.25;text-overflow:ellipsis}.roadmapNode,.roadmapListItem{position:absolute;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:220px;min-height:88px;padding:8px;border:1px solid #cad7d0;border-radius:8px;background:#fff;color:#17211b;font-weight:760;text-align:left;box-shadow:0 8px 18px #1c2b2214}.roadmapListItem{position:relative;width:auto;min-height:70px;box-shadow:none}.roadmapNode:hover,.roadmapNode.selected,.roadmapListItem:hover,.roadmapListItem.selected{transform:translateY(-1px);box-shadow:0 12px 26px #1c2b2224}.roadmapNode.selected,.roadmapListItem.selected{outline:3px solid #cce9df}.nodeMain{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:54px;padding:4px;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}.nodeMain:hover{background:#f5f9f6}.nodeStatus{width:14px;height:14px;border-radius:999px;background:#b9822f}.nodeOrderControls{display:grid;grid-template-columns:repeat(2,26px);gap:4px;justify-items:center}.nodeOrderControls span,.nodeOrderControls button{display:grid;place-items:center;width:26px;height:22px;border-radius:6px}.nodeOrderControls span{background:#e7f1ec;color:#1d7a5c;font-size:12px;font-weight:850}.nodeOrderControls button{position:relative;border:1px solid #cad7d0;background:#fff;color:#4d5b53;cursor:pointer}.nodeOrderControls button:hover:not(:disabled){border-color:#1d7a5c;color:#1d7a5c}.nodeText{display:grid;gap:5px;min-width:0}.nodeTextMeta{display:flex;align-items:center;gap:6px}.contentIcon{flex-shrink:0;color:#1d7a5c;opacity:.75}.audioIcon{flex-shrink:0;color:#2563a8;opacity:.75}.inlineHeaderIcon{display:inline-block;vertical-align:middle;margin-left:6px}.l1ChildMeta{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.nodeText strong{overflow:hidden;font-size:14px;line-height:1.25;text-overflow:ellipsis}.nodeText em,.typeBadge{width:fit-content;padding:3px 7px;border:1px solid #d4ddd7;border-radius:999px;background:#fff;color:#4d5b53;font-size:11px;font-style:normal;font-weight:800}.nodeText small{display:-webkit-box;overflow:hidden;color:#5d6c63;font-size:12px;font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sectionText{min-width:0}.sectionText h3{margin:0;font-size:15px;letter-spacing:0}.sectionText p{margin:5px 0 0;color:#5d6c63;font-size:13px;line-height:1.35}.markdownPreview{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #d4ddd7;color:#2d3931;font-weight:500}.markdownPreview h4,.markdownPreview h5,.markdownPreview p,.markdownPreview ul,.markdownPreview ol,.markdownPreview pre{margin:0}.markdownPreview h4{font-size:14px}.markdownPreview h5,.markdownPreview p,.markdownPreview li{font-size:13px;line-height:1.45}.markdownPreview ul,.markdownPreview ol{padding-left:18px}.markdownPreview pre{overflow-x:auto;padding:10px;border-radius:8px;background:#17211b;color:#f7faf7;font-size:12px;line-height:1.45}.markdownPreview a{color:#1d7a5c;font-weight:760}.markdownPreview code{padding:2px 5px;border-radius:5px;background:#eef3f0;color:#17211b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em}.markdownPreview img{display:block;max-width:100%;max-height:520px;object-fit:contain;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.markdownPreview figure{margin:0}.markdownTableWrap{overflow-x:auto;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.markdownPreview table{width:100%;min-width:520px;border-collapse:collapse}.markdownPreview th,.markdownPreview td{padding:10px 12px;border-bottom:1px solid #edf2ef;border-left:1px solid #edf2ef;text-align:left;vertical-align:top;font-size:13px;line-height:1.45}.markdownPreview th:first-child,.markdownPreview td:first-child{border-left:0}.markdownPreview th{background:#f0f4f2;color:#17211b;font-weight:800}.markdownPreview tr:last-child td{border-bottom:0}.sectionActions,.editSectionForm{display:grid;grid-auto-flow:column;align-items:center;gap:8px}.sectionActions select{width:128px}.editSectionForm{grid-column:1 / -1;grid-auto-flow:row}.roadmapNode.studied,.roadmapListItem.studied{border-color:#1d7a5c;background:#e9f6f1}.roadmapNode.studied .nodeStatus,.roadmapListItem.studied .nodeStatus{background:#1d7a5c}.roadmapNode.active,.roadmapNode.pending,.roadmapListItem.pending{border-color:#b9822f;background:#fff8e8}.roadmapNode.pending .nodeStatus,.roadmapListItem.pending .nodeStatus{background:#b9822f}.roadmapNode.skipped,.roadmapListItem.skipped{border-color:#939f98;background:#f0f4f2}.roadmapNode.skipped .nodeStatus,.roadmapListItem.skipped .nodeStatus{background:#939f98}.roadmapNode.inactive,.roadmapListItem.inactive{border-color:#c8624a;background:#fff2ef;opacity:.8}.roadmapNode.inactive .nodeStatus,.roadmapListItem.inactive .nodeStatus{background:#c8624a}.l1ChildrenPanel{display:grid;gap:4px;padding-top:8px}.l1ChildItem{display:flex;align-items:center;gap:10px;border-radius:8px;padding:8px 10px;border:1px solid #e0e8e3;background:#f8fbf9}.l1ChildItem.studied{border-color:#a8d4be;background:#f0f9f4}.l1ChildItem.studied .nodeStatus{background:#1d7a5c}.l1ChildItem.pending{border-color:#ddc08a;background:#fefbf2}.l1ChildItem.pending .nodeStatus{background:#b9822f}.l1ChildItem.skipped{border-color:#c8d4ce;background:#f5f7f6}.l1ChildItem.skipped .nodeStatus{background:#939f98}.l1ChildItem.inactive .nodeStatus{background:#c8624a}.l1ChildItem.inactive{opacity:.75;background:#fff2ef;border-radius:8px;outline:1px solid #e8b4a8}.l1ChildButton{flex:1;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:none;padding:0;cursor:pointer;min-width:0}.l1ChildItem:has(.l1ChildButton:hover){border-color:#2aa879}.l1ChildText{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.l1ChildText strong{font-size:13px;font-weight:600;color:#1a2e24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l1ChildText small{font-size:12px;color:#6b8c7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l1ChildStats{display:flex;align-items:center;gap:8px;flex-shrink:0}.l1ChildStats span{font-size:12px;color:#6b8c7a;background:#eaf2ed;border-radius:4px;padding:2px 7px;white-space:nowrap}.roadmapList{display:grid;gap:10px;min-height:calc(100vh - 270px);padding:16px;overflow:auto;border:1px solid #d9e2dc;border-radius:8px;background:#fbfcfb}.roadmapDetailGrid{display:block;margin-top:18px}.sectionDetail,.sectionEditor{display:grid;gap:14px;padding:16px;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.sectionDetail{position:relative;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;min-height:420px;overflow:hidden}.sectionDrawer{position:fixed;z-index:40;inset:0 0 0 auto;width:min(1220px,94vw);min-height:100vh;max-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:0;border-top:0;border-right:0;border-bottom:0;box-shadow:-24px 0 60px #17211b2e}.sectionReadingProgressWrapper{position:fixed;top:0;right:0;z-index:41;width:min(1220px,94vw);height:3px;pointer-events:none;overflow:hidden}.sectionReadingProgress{height:3px;background:#1d7a5c;transition:width .1s linear}@media (max-width: 680px){.sectionReadingProgressWrapper{width:100vw}}.sectionDrawer.editing{width:min(1480px,98vw)}.chatDrawer{position:fixed;z-index:50;inset:0 0 0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:14px;width:min(980px,92vw);min-height:100vh;max-height:100vh;overflow:auto;padding:16px;border-left:1px solid #d9e2dc;background:#fff;box-shadow:-24px 0 60px #17211b33}.topicStudyDrawer{position:fixed;z-index:50;inset:0 0 0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(1120px,94vw);min-height:100vh;max-height:100vh;overflow:auto;padding:16px;border-left:1px solid #d9e2dc;background:#fff;box-shadow:-24px 0 60px #17211b33}.chatDrawer .detailHeader,.topicStudyDrawer .detailHeader{margin:-16px -16px 0}.topicStudySetup,.topicStudySession{display:grid;gap:14px;align-content:start}.topicStudyActions,.topicStudyFooter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.topicStudySectionList,.topicStudyItems{display:grid;gap:10px}.topicStudySection{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:1px solid #d9e2dc;border-radius:8px;background:#fff;color:#17211b}.topicStudySection.disabled{color:#7b8780;background:#f0f4f2}.topicStudySection input{width:auto}.topicStudySection span{display:grid;gap:3px;min-width:0}.topicStudySection strong{overflow-wrap:anywhere;font-size:14px}.topicStudySection small,.topicStudySection em,.studySource{color:#68756d;font-size:12px;font-style:normal;font-weight:800}.topicStudySection em{white-space:nowrap}.topicStudyCard{margin:0}.studySource{margin:0 0 6px}.mobileRoadmaps,.mobileTopicList,.mobileSectionList,.mobileSectionStudy,.mobileTopicStudy,.mobileQuestions,.mobileFlashcards{display:grid;gap:12px}.mobileSearch{width:100%}.mobileTopicCard,.mobileSectionItem{display:grid;align-items:center;gap:10px;width:100%;min-width:0;padding:12px;border:1px solid #d9e2dc;border-radius:8px;background:#fff;color:#17211b;text-align:left;cursor:pointer}.mobileTopicCard{grid-template-columns:auto minmax(0,1fr) auto}.mobileSectionItem{grid-template-columns:minmax(0,1fr)}.mobileSectionMain{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.mobileTopicCard span:not(.order),.mobileSectionMain span:not(.nodeStatus):not(.mobileSectionMeta),.mobileStudyHeader>div{display:grid;gap:4px;min-width:0}.mobileSectionMeta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.mobileTopicCard strong,.mobileSectionMain strong,.mobileStudyHeader h2{overflow-wrap:anywhere}.mobileTopicCard small,.mobileSectionMain small,.mobileStudyHeader p:not(.eyebrow){color:#5d6c63;font-size:13px;line-height:1.4}.mobileTopicCard em,.mobileSectionMain em{color:#4d5b53;font-size:12px;font-style:normal;font-weight:800}.mobileSectionItem.studied{border-color:#1d7a5c;background:#e9f6f1}.mobileSectionItem.studied .nodeStatus{background:#1d7a5c}.mobileSectionItem.pending{border-color:#b9822f;background:#fff8e8}.mobileSectionItem.skipped{border-color:#939f98;background:#f0f4f2}.mobileStudyHeader{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}.mobileStudyActions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.mobileStudyHeader h2,.mobileStudyHeader p{margin:0}.mobileSectionStatusRow{display:flex;gap:8px;align-items:center}.mobileSectionStatusRow select{flex:1;font-size:15px;padding:10px 14px;border-radius:10px}.mobileSectionTabs{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.mobileSectionTabs button{font-size:12px;padding:0 6px;gap:4px}.mobileSectionTabs span{min-width:18px;height:18px;font-size:11px;padding:0 4px}.mobileContent{padding-bottom:24px}.mobileContent .markdownPreview{gap:12px;margin-top:0;padding-top:0;border-top:0}.mobileContent .markdownPreview h4{font-size:20px;line-height:1.3}.mobileContent .markdownPreview h5{font-size:17px;line-height:1.35}.mobileContent .markdownPreview p,.mobileContent .markdownPreview li{font-size:16px;line-height:1.65}.chatPromptPanel,.chatLinksPanel{display:grid;gap:12px;align-content:start}.chatPromptPanel h3,.chatLinksPanel h3,.chatLinksPanel p{margin:0}.chatLinkForm{display:grid;gap:8px;padding:12px;border:1px solid #d9e2dc;border-radius:8px;background:#fbfcfb}.creationChatLinkFields{display:grid;gap:8px;padding:12px;border:1px dashed #b9c8c0;border-radius:8px;background:#fbfcfb}.creationChatLinkFields h3,.creationChatLinkFields p{margin:0}.chatLinkForm input,.chatLinkForm textarea,.creationChatLinkFields input,.creationChatLinkFields textarea{width:100%;border:1px solid #d4ddd7;border-radius:8px;background:#fff}.chatLinkForm input,.creationChatLinkFields input{height:42px;padding:0 12px}.chatLinkForm textarea,.creationChatLinkFields textarea{min-height:82px;padding:12px;resize:vertical}.chatLinkCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.chatLinkCard a{color:#1d7a5c;font-weight:800}.chatLinkCard p{margin-top:8px;color:#5d6c63;font-size:13px;line-height:1.45}.chatLinkActions{display:flex;align-items:center;gap:8px}.detailBackdrop{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;background:#17211b6b;cursor:pointer}.detailHeader:before{position:absolute;inset:0 auto 0 0;width:5px;content:""}.detailHeader{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:-16px -16px 0;padding:16px 16px 16px 21px;border-bottom:1px solid #d9e2dc;background:#fbfcfb}.drawerHeaderActions{display:flex;align-items:start;gap:8px}.detailHeader.pending:before{background:#b9822f}.detailHeader.studied:before{background:#1d7a5c}.detailHeader.skipped:before{background:#939f98}.detailHeader h3,.detailHeader p,.detailEmpty h3,.detailEmpty p{margin:0}.detailHeader h3,.detailEmpty h3{font-size:17px}.detailHeader>div,.detailEmpty{display:grid;gap:7px;min-width:0}.detailHeader p,.detailEmpty p{color:#5d6c63;font-size:14px;line-height:1.45}.sectionTabs{display:inline-grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-color:#1d7a5c transparent;scrollbar-width:thin;width:min(100%,760px);border:1px solid #cad7d0;border-radius:8px;background:#fff}.sectionTabs::-webkit-scrollbar{height:6px}.sectionTabs::-webkit-scrollbar-track{background:transparent}.sectionTabs::-webkit-scrollbar-thumb{border-radius:999px;background:#1d7a5c}.sectionTabs button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;min-height:40px;min-width:134px;padding:0 12px;background:transparent;color:#4d5b53;cursor:pointer;font-size:13px;font-weight:800}.sectionTabs button.active{background:#1d7a5c;color:#fff}.sectionTabs span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#edf2ef;color:#4d5b53;font-size:12px}.sectionTabs button.active span{background:#fff3;color:#fff}.detailContent{display:block;min-height:0;overflow:visible}.detailContent .markdownPreview{gap:12px;margin-top:0;padding-top:0;border-top:0}.detailContent .markdownPreview h4{font-size:18px;line-height:1.35}.detailContent .markdownPreview h5{font-size:16px;line-height:1.4}.detailContent .markdownPreview p,.detailContent .markdownPreview li{font-size:15px;line-height:1.62}.detailContent .markdownPreview pre{font-size:14px;line-height:1.55}.detailContentEditRow{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ttsControls{display:flex;align-items:center;gap:8px}.ttsEngineToggle{display:inline-flex;border:1px solid #cad7d0;border-radius:8px;overflow:hidden;margin-left:4px}.ttsEngineToggle button{padding:0 10px;min-height:38px;background:#fff;color:#556b5e;font-size:.78rem;font-weight:700;border:none;cursor:pointer}.ttsEngineToggle button+button{border-left:1px solid #cad7d0}.ttsEngineToggle button.active{background:#e8f0ec;color:#17211b}.ttsEngineToggle button:hover:not(.active){background:#f5f8f6}.themeDark .ttsEngineToggle{border-color:#3a4a40}.themeDark .ttsEngineToggle button{background:#1e2922;color:#8aab96}.themeDark .ttsEngineToggle button+button{border-left-color:#3a4a40}.themeDark .ttsEngineToggle button.active{background:#2d3d33;color:#d4e8da}.themeDark .ttsEngineToggle button:hover:not(.active){background:#263330}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinIcon{animation:spin 1s linear infinite;flex-shrink:0}.ttsError{font-size:12px;color:#c0392b;background:#fdf0ee;border:1px solid #f5c6c0;border-radius:4px;padding:3px 8px;white-space:nowrap}.themeDark .ttsError{color:#ff8080;background:#2a1a1a;border-color:#5a2a2a}.contentStudyFooter{display:grid;gap:12px;padding-top:20px;margin-top:20px;border-top:1px solid #d9e2dc}.contentStudyHistory{display:grid;gap:6px}.contentStudyHistory ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.contentStudyHistory li{font-size:13px;color:#556b63}.detailActions,.detailEditorRow{display:flex;align-items:center;gap:8px}.questionPanel,.flashcardPanel{display:grid;gap:12px;padding-top:14px;border-top:1px solid #d9e2dc}.questionPanel h3,.flashcardPanel h3,.questionCard h4,.questionCard p{margin:0}.questionCard{display:grid;gap:12px;padding:14px;border:1px solid #d9e2dc;border-radius:8px;background:#fbfcfb}.questionCard header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.questionCard header>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e7f1ec;color:#1d7a5c;font-size:13px;font-weight:800}.questionCard h4{font-size:14px;line-height:1.35}.questionCard p{color:#5d6c63;font-size:12px;line-height:1.4}.questionOptions{display:grid;gap:8px}.multiCorrectHint{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 8px;border:1px solid #c9e8dd;border-radius:999px;background:#eef8f4;color:#1d7a5c;font-size:12px;font-weight:800}.questionOptions label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border:1px solid #d4ddd7;border-radius:8px;background:#fff;color:#2d3931;font-size:13px;font-weight:650;line-height:1.35}.questionOptions label.correctOption{border-color:#1d7a5c;background:#e9f6f1;color:#1d7a5c}.questionOptions input{width:auto;margin-top:2px}.questionActions{display:flex;flex-wrap:wrap;gap:8px}.questionFooter{display:flex;align-items:center;justify-content:space-between;gap:10px}.answerFeedback{padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}.answerFeedback.correct{background:#e9f6f1;color:#1d7a5c}.answerFeedback.wrong{background:#fff1ef;color:#a73f35}.answerExplanation{padding-top:10px;border-top:1px solid #d9e2dc}.answerReveal{display:grid;gap:8px;padding:12px;border:1px solid #b8d8ca;border-radius:8px;background:#f2fbf7}.answerReveal strong,.answerReveal p,.answerReveal ul{margin:0}.answerReveal strong{color:#1d7a5c;font-size:13px}.answerReveal ul{padding-left:18px;color:#17211b;font-size:13px;font-weight:700}.answerReveal p{color:#4d5b53;font-size:13px;line-height:1.45}.flashcardCard{display:grid;gap:10px;padding:14px;border:1px solid #d9e2dc;border-radius:8px;background:#fbfcfb}.flashcardFace{display:grid;gap:10px;min-height:140px;padding:18px;border:1px solid #cad7d0;border-radius:8px;background:#fff;color:#17211b;cursor:pointer;text-align:left}.flashcardFace.flipped{border-color:#1d7a5c;background:#e9f6f1}.flashcardFace span{color:#68756d;font-size:12px;font-weight:800;text-transform:uppercase}.flashcardFace strong{font-size:16px;line-height:1.45}.flashcardStats,.flashcardActions{display:flex;flex-wrap:wrap;gap:8px}.flashcardStats span{padding:4px 8px;border-radius:999px;background:#f0f4f2;color:#4d5b53;font-size:12px;font-weight:760}.flashcardActions button{min-height:34px;padding:0 10px;border:1px solid #cad7d0;border-radius:8px;background:#fff;color:#17211b;cursor:pointer;font-size:12px;font-weight:760}.flashcardActions button:hover{background:#f0f4f2}.flashcardFeedback{margin:0;color:#1d7a5c;font-size:13px;font-weight:760}.detailActions{justify-content:flex-end;flex-wrap:wrap;padding-top:2px}.sectionEditor input{height:42px;padding:0 12px;border:1px solid #d4ddd7;border-radius:8px;background:#fff}.sectionEditor{padding:0;border:0}.markdownEditor{display:grid;gap:12px;align-items:stretch}.markdownEditorPane{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0}.markdownEditorPane.preview{padding:12px;border:1px solid #d9e2dc;border-radius:8px;background:#fbfcfb}.markdownEditorHeader{display:flex;align-items:center;justify-content:flex-start;gap:12px}.markdownEditorTitle{min-width:140px}.markdownEditorHeader h3,.markdownEditorHeader p{margin:0}.markdownEditorHeader h3{font-size:14px}.markdownToolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #d9e2dc;border-radius:8px;background:#fbfcfb}.markdownToolbar button{position:relative;display:inline-grid;place-items:center;width:34px;height:32px;border:1px solid #cad7d0;border-radius:7px;background:#fff;color:#17211b;cursor:pointer}.markdownToolbar button:hover{border-color:#1d7a5c;color:#1d7a5c}.markdownUploadStatus{margin:-2px 0 0;color:#5d6c63;font-size:12px;font-weight:760}.sectionEditor textarea.sectionContentEditor{min-height:58vh;height:100%;resize:vertical}.markdownEditorPreview{min-height:58vh;overflow:auto;padding:12px;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.markdownEditorPreview .markdownPreview{margin-top:0;padding-top:0;border-top:0}.markdownField{display:grid;gap:8px;min-width:0}.markdownFieldHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.markdownFieldHeader .markdownToolbar{flex:1 1 300px;padding:6px}.markdownFieldHeader .markdownToolbar button{width:32px;height:30px}.markdownField textarea{width:100%;min-height:92px;resize:vertical}.markdownFieldPreview{min-height:92px;padding:10px;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.markdownFieldPreview .markdownPreview,.questionStatement .markdownPreview,.optionText .markdownPreview,.flashcardMarkdown .markdownPreview,.answerExplanation .markdownPreview{margin-top:0;padding-top:0;border-top:0}.questionStatement .markdownPreview,.flashcardMarkdown .markdownPreview{color:inherit}.optionText{display:block;min-width:0}.optionText .markdownPreview{gap:4px}.optionText .markdownPreview p,.optionText .markdownPreview li{font-size:inherit;line-height:inherit}.detailEditorRow{display:grid;grid-template-columns:86px minmax(120px,1fr) minmax(110px,1fr) auto auto}.materialEditor{display:grid;gap:12px;padding-top:16px;border-top:1px solid #d9e2dc}.materialEditorHeader h3,.materialEditorHeader p{margin:0}.materialEditorCard{display:grid;gap:10px;padding:12px;border:1px solid #d9e2dc;border-radius:8px;background:#fbfcfb}.materialEditorCard.newItem{border-style:dashed}.materialEditorCardHeader{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px}.materialEditorCardHeader h4,.materialEditorCardHeader p{margin:0}.materialEditorCardHeader h4{font-size:15px}.materialEditor textarea{min-height:76px;width:100%;padding:10px 12px;border:1px solid #d4ddd7;border-radius:8px;background:#fff;color:#17211b}.optionEditorList{display:grid;gap:8px}.optionEditorRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.optionEditorRow label{display:flex;align-items:center;gap:6px;min-height:42px;padding:0 10px;border:1px solid #d4ddd7;border-radius:8px;background:#fff;color:#4d5b53;font-size:13px;font-weight:760}.optionEditorRow input[type=checkbox]{width:auto}.materialEditorActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.emptyState{position:relative;z-index:1;margin:0;padding:18px;border:1px dashed #ccd8d0;border-radius:8px;background:#fff;color:#5d6c63}.themeDark{color:#e8f0ea;background:#101614;scrollbar-color:#1d7a5c #0f1714;scrollbar-width:thin}.themeDark .workspace,.themeDark .loginShell{background:#101614}.themeDark .sidebar{background:#0c1210;color:#f4faf6}.themeDark .navItem,.themeDark .sidebarToggle{color:#b9c8c0}.themeDark .navItem.active,.themeDark .navItem:hover,.themeDark .sidebarToggle:hover{background:#1e3228;color:#fff}.themeDark .loginPanel,.themeDark .topicCard,.themeDark .roadmapPanel,.themeDark .categoryCard,.themeDark .backupSummary article,.themeDark .backupRecord,.themeDark .imageCleanupCard,.themeDark .topicCreateDialog,.themeDark .categoryCreateDialog,.themeDark .sectionCreateDialog,.themeDark .aiRoadmapSectionsDialog,.themeDark .sectionDetail,.themeDark .sectionEditor,.themeDark .chatDrawer,.themeDark .topicStudyDrawer,.themeDark .chatLinkCard,.themeDark .chatLinkForm,.themeDark .creationChatLinkFields,.themeDark .materialEditorCard,.themeDark .mobileTopicCard,.themeDark .mobileSectionItem,.themeDark .topicStudySection,.themeDark .questionCard,.themeDark .flashcardCard,.themeDark .emptyState,.themeDark .aiFormPanel,.themeDark .aiPromptPanel,.themeDark .aiJsonPanel{border-color:#314139;background:#18211d;color:#e8f0ea}.themeDark .detailHeader,.themeDark .roadmapViewport,.themeDark .roadmapList,.themeDark .roadmapTopicNode,.themeDark .roadmapNode,.themeDark .roadmapListItem,.themeDark .searchBox,.themeDark .statusBadge,.themeDark .sectionTabs,.themeDark .viewToggle,.themeDark .zoomControls,.themeDark .markdownEditorPreview,.themeDark .markdownFieldPreview,.themeDark .markdownTableWrap,.themeDark .answerReveal,.themeDark .imageCleanupCard img,.themeDark .mobileSectionItem.skipped,.themeDark .createTopic,.themeDark .createCategory,.themeDark .createSection,.themeDark .sectionAiPanel{border-color:#314139;background:#131b18;color:#e8f0ea}.themeDark .categoryPickerMenu{border-color:#314139;background:#131b18;box-shadow:0 16px 34px #00000057}.themeDark .categoryPickerMenu button,.themeDark .categoryPickerMenu span,.themeDark .selectedCategoryChips span{color:#aebdb5}.themeDark .categoryPickerMenu button:hover:not(:disabled){background:#1e3228;color:#7de0b7}.themeDark .categoryPickerMenu .createCategoryOption{color:#7de0b7}.themeDark .selectedCategoryChips button{border-color:#2f6d58;background:#163327;color:#7de0b7}.themeDark .roadmapViewport{background:linear-gradient(rgba(232,240,234,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(232,240,234,.06) 1px,transparent 1px),#101614}.themeDark input,.themeDark select{color-scheme:dark}.themeDark select,.themeDark textarea,.themeDark .loginForm input,.themeDark .createTopic input,.themeDark .topicCreateDialogForm input,.themeDark .categoryCreateDialogForm input,.themeDark .topicEditForm input,.themeDark .createCategory input,.themeDark .createSection input,.themeDark .sectionCreateDialogForm input,.themeDark .editCategoryForm input,.themeDark .editSectionForm input,.themeDark .chatLinkForm input,.themeDark .chatLinkForm textarea,.themeDark .creationChatLinkFields input,.themeDark .creationChatLinkFields textarea,.themeDark .materialEditor textarea,.themeDark .markdownField textarea,.themeDark .editSectionForm textarea,.themeDark .sectionEditor textarea,.themeDark .aiReadonlyPrompt,.themeDark .aiJsonInput{border-color:#3a4d43;background:#0f1714;color:#edf6f0}.themeDark input::placeholder,.themeDark textarea::placeholder{color:#7f9188}.themeDark .fieldLabel{color:#f1f8f3}.themeDark .fieldHelp{color:#9aac9f}.themeDark .primaryButton{background:#2aa879;color:#06110d}.themeDark .secondaryButton,.themeDark .iconButton,.themeDark .topicOrderControls button,.themeDark .nodeOrderControls button,.themeDark .flashcardActions button,.themeDark .markdownToolbar button{border-color:#3a4d43;background:#15201b;color:#e8f0ea}.themeDark .dangerButton{border-color:#8b3333;background:#15201b;color:#ef9a9a}.themeDark .dangerButton:hover:not(:disabled){background:#2d1515}.themeDark .secondaryButton:hover,.themeDark .iconButton:hover,.themeDark .topicOrderControls button:hover:not(:disabled),.themeDark .nodeOrderControls button:hover:not(:disabled),.themeDark .markdownToolbar button:hover{border-color:#2aa879;background:#1e3228;color:#fff}.themeDark .questionPanel,.themeDark .flashcardPanel,.themeDark .materialEditor,.themeDark .answerExplanation{border-color:#314139}.themeDark .questionCard header>span{background:#22362c;color:#7de0b7}.themeDark .questionCard p,.themeDark .flashcardFace span,.themeDark .flashcardStats span,.themeDark .markdownUploadStatus{color:#aebdb5}.themeDark .questionOptions label,.themeDark .flashcardFace,.themeDark .flashcardActions button,.themeDark .optionEditorRow label{border-color:#3a4d43;background:#0f1714;color:#e8f0ea}.themeDark .questionOptions label.correctOption,.themeDark .flashcardFace.flipped{border-color:#2aa879;background:#153326;color:#dff8eb}.themeDark .multiCorrectHint{border-color:#2f6d58;background:#163327;color:#7de0b7}.themeDark .flashcardStats span{background:#223029}.themeDark .flashcardFeedback{color:#7de0b7}.themeDark .eyebrow,.themeDark .loginStatus,.themeDark .topicStats,.themeDark .nodeText small,.themeDark .sectionText p,.themeDark .detailHeader p,.themeDark .detailEmpty p,.themeDark .backupHint,.themeDark .backupRecord p:not(.eyebrow),.themeDark .imageCleanupCard p:not(.eyebrow),.themeDark .imageCleanupSelect,.themeDark .chatLinkCard p,.themeDark .mobileTopicCard small,.themeDark .mobileSectionItem small,.themeDark .mobileSectionMain em,.themeDark .mobileStudyHeader p:not(.eyebrow),.themeDark .studySource,.themeDark .topicStudySection small,.themeDark .topicStudySection em{color:#aebdb5}.themeDark .backupFileSize{color:#9ecfb5;background:#1e3329}.themeDark .backupFileName{color:#7ecfaa}.themeDark .backupMissingBadge{color:#fcd34d;background:#292000;border-color:#a16207}.themeDark .backupRecord.missing{background:#1a1500}.themeDark .contentIcon{color:#5dbf96}.themeDark .audioIcon{color:#60a5fa}.themeDark .order,.themeDark .nodeOrderControls span,.themeDark .panelTools>span,.themeDark .progressTrack{background:#22362c;color:#7de0b7}.themeDark .toolsMenu{background:#1c2820;border-color:#2e3f35;box-shadow:0 6px 24px #0006}.themeDark .progressTrack span{background:#2aa879}.themeDark .tags span,.themeDark .typeBadge,.themeDark .nodeText em,.themeDark .sectionTabs span,.themeDark .markdownPreview code{border-color:#3a4d43;background:#223029;color:#dce8e1}.themeDark .sectionTabs button,.themeDark .viewToggle button{color:#c2d0c8;border-color:#314139}.themeDark .sectionTabs button.active,.themeDark .viewToggle button.active{background:#2aa879;color:#06110d}.themeDark .sectionTabs button.active span{background:#06110d2e;color:#06110d}.themeDark .markdownPreview,.themeDark .detailContent .markdownPreview{border-color:#314139;color:#dfe9e3}.themeDark .contentStudyFooter{border-top-color:#314139}.themeDark .contentStudyHistory li{color:#8ab5a0}.themeDark .markdownPreview pre{background:#07100d;color:#e8f0ea}.themeDark .markdownPreview th{background:#223029;color:#edf6f0}.themeDark .markdownPreview td,.themeDark .markdownPreview th{border-color:#314139}.themeDark .markdownPreview img{border-color:#314139;background:#0f1714}.themeDark .roadmapEdges path{stroke:#5d7167}.themeDark .roadmapNode.studied,.themeDark .roadmapListItem.studied,.themeDark .mobileSectionItem.studied{border-color:#2aa879;background:#153326}.themeDark .roadmapNode.pending,.themeDark .roadmapListItem.pending,.themeDark .mobileSectionItem.pending{border-color:#c8953f;background:#352817}.themeDark .roadmapNode.skipped,.themeDark .roadmapListItem.skipped{border-color:#6d7d74;background:#202923}.themeDark .roadmapNode.inactive,.themeDark .roadmapListItem.inactive,.themeDark .topicCard.inactiveItem{border-color:#b85c42;background:#2e1a16}.themeDark .statusBadge.inactive{color:#f4a090;background:#2e1a16;border-color:#b85c42}.themeDark .l1ChildItem{border-color:#2e3f35;background:#1a2820}.themeDark .l1ChildItem.inactive{background:#2e1a16;outline-color:#7a3828}.themeDark .l1ChildText strong{color:#d4e4da}.themeDark .l1ChildText small,.themeDark .l1ChildStats span{color:#8ab5a0}.themeDark .l1ChildStats span{background:#1c2e26}.themeDark .inactiveToggle{color:#8fa898}.themeDark .correctOption{border-color:#2aa879;background:#153326}.themeDark .answerFeedback.correct,.themeDark .statusBadge.success{color:#7de0b7;background:#153326}.themeDark .answerFeedback.wrong,.themeDark .backupAlert{color:#ffd3ce;background:#3b1d1b;border-color:#8f4942}.themeDark .detailBackdrop{background:#020705b8}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{display:flex;align-items:center;justify-content:space-between;gap:16px}nav{display:flex;margin-top:0}.contentGrid{grid-template-columns:1fr}.topicList.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.backupSummary,.aiRoadmap{grid-template-columns:1fr}}@media (max-width: 680px){.workspace{padding:14px 14px 84px}.mobileStudyShell{display:block}.mobileStudyShell .sidebar{position:sticky;z-index:20;top:0;padding:10px 14px}.mobileStudyShell .sidebarToggle,.mobileStudyShell .brand{display:none}.mobileStudyShell nav{width:100%}.mobileStudyShell .navItem{justify-content:center}.mobileStudyShell .topbar{display:none}.topbar,.controls,.topicsToolbar,.sidebar{align-items:stretch;flex-direction:column}.topicList.cards{grid-template-columns:1fr}nav{overflow-x:auto}.primaryButton,.secondaryButton,select,.searchBox,.createCategory{width:100%}.createCategory,.sectionFormRow,.sectionCreateDialogForm .sectionFormRow,.aiFormGrid,.detailHeader,.detailEditorRow,.markdownEditor{grid-template-columns:1fr}.sectionDrawer{width:100vw}.sectionTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:hidden}.sectionTabs button{min-width:0;padding:0 10px;font-size:12px;gap:5px;white-space:nowrap;overflow:hidden}.sectionTabs span{min-width:16px;height:16px;font-size:9px;padding:0 3px;flex-shrink:0}.sectionTabs .dueBadge{display:none}.aiValidationRow,.panelTools,.drawerHeaderActions{align-items:stretch;flex-direction:column}.sectionActions{grid-auto-flow:row}.sectionActions select{width:100%}.aiRoadmapSectionsBody{grid-template-columns:1fr}.mobileSectionStatusRow .secondaryButton,.ttsControls .secondaryButton,.ttsControls .compactButton,.sessionBannerActions .secondaryButton{width:auto;flex-shrink:0}.ttsControls{flex-wrap:wrap}.l1ChildStats{display:none}}.scrollTopButton{position:fixed;bottom:92px;right:28px;z-index:40;display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:#f0f6f2;border:1.5px solid #c5d9cc;color:#1d7a5c;box-shadow:0 2px 10px #0000001f;cursor:pointer;transition:background .15s,transform .15s}.scrollTopButton:hover{background:#dff0e8;transform:scale(1.07)}.notesFloatingButton{position:fixed;bottom:28px;right:28px;z-index:40;display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:#1d7a5c;color:#fff;box-shadow:0 4px 16px #0000002e;cursor:pointer;transition:background .15s,transform .15s}.notesFloatingButton:hover{background:#176347;transform:scale(1.07)}.notesModalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#00000073;padding:16px}.notesModalContent{display:flex;flex-direction:column;width:100%;max-width:560px;max-height:80vh;border-radius:12px;background:#fff;box-shadow:0 8px 40px #00000038;overflow:hidden}.notesModalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 16px;border-bottom:1px solid #e4ece7}.notesModalHeader h2{margin:0;font-size:17px;line-height:1.3}.notesModalBody{display:flex;flex:1;flex-direction:column;gap:16px;padding:16px 20px;overflow-y:auto}.notesTextarea{width:100%;min-height:160px;padding:10px 12px;border:1px solid #cad7d0;border-radius:8px;background:#f8fbf9;color:inherit;font-family:inherit;font-size:14px;line-height:1.55;resize:vertical;box-sizing:border-box}.notesTextarea:focus{outline:none;border-color:#1d7a5c}.sectionNotesList{display:flex;flex-direction:column;gap:4px}.sectionNotesList>.eyebrow{margin-bottom:4px}.sectionNotesItem{border:1px solid #e4ece7;border-radius:8px;overflow:hidden}.sectionNotesToggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;background:#f4f9f6;color:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.sectionNotesToggle:hover{background:#eaf3ee}.sectionNotesToggle svg{flex-shrink:0;transition:transform .18s}.sectionNotesToggle svg.rotated{transform:rotate(180deg)}.sectionNotesContent{margin:0;padding:10px 12px;border-top:1px solid #e4ece7;color:#3a4a40;font-size:13px;line-height:1.55;white-space:pre-wrap}.notesModalFooter{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #e4ece7}.themeDark .notesModalContent{background:#1c2820;box-shadow:0 8px 40px #00000080}.themeDark .notesModalHeader,.themeDark .notesModalFooter{border-color:#2e3f35}.themeDark .notesTextarea{border-color:#2e3f35;background:#141e18;color:#d4e4da}.themeDark .notesTextarea:focus{border-color:#3daa7e}.themeDark .sectionNotesItem{border-color:#2e3f35}.themeDark .sectionNotesToggle{background:#1e2e25}.themeDark .sectionNotesToggle:hover{background:#243328}.themeDark .sectionNotesContent{border-color:#2e3f35;color:#b0c8bb}.themeDark .sessionBanner{border-color:#2e3f35;background:#1c2820}.themeDark .sessionBanner p{color:#b0c8bb}.themeDark .sessionCard{border-color:#2e3f35}.themeDark .sessionCardHeader{background:#1c2820;color:#d4e4da}.themeDark .sessionCardHeader:hover{background:#243328}.themeDark .sessionCardDate{color:#d4e4da}.themeDark .sessionCardMeta{color:#7da894}.themeDark .sessionCardResults{background:#141e18;border-color:#2e3f35}.themeDark .sessionResultText{color:#d4e4da}.themeDark .sessionGroupHeader{background:#1c2820;border-color:#2e3f35;color:#d4e4da}.themeDark .sessionGroupHeader:hover{background:#243328}.themeDark .sessionGroupHeader strong{color:#d4e4da}.themeDark .sessionResultAnswer{color:#3daa7e}.themeDark .contentHistoryDate{color:#8ab5a0;background:#1c2820;border-color:#2e3f35}.themeDark .sessionsModalContent{background:#1c2820;box-shadow:0 20px 60px #00000080}.themeDark .sessionsModalTabs{border-color:#2e3f35}.themeDark .sessionsModalTabs button{color:#7da894}.themeDark .sessionsModalTabs button.active{color:#d4e4da;border-bottom-color:#3daa7e}.sessionBanner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-bottom:16px;border:1px solid #cad7d0;border-radius:10px;background:#f7faf8}.sessionBanner p{margin:0;font-size:13px;color:#3a4f43}.sessionProgress{margin:0 0 12px;font-size:13px;font-weight:760;color:#1d7a5c}.sessionPanel{display:flex;flex-direction:column;gap:10px;padding-bottom:16px}.sessionPanel>div:first-child{margin-bottom:4px}.sessionCard{border:1px solid #e0e8e3;border-radius:10px;overflow:hidden}.sessionCardHeader{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:#f7faf8;cursor:pointer;text-align:left}.sessionCardHeader:hover{background:#f0f4f2}.sessionCardDate{font-size:13px;font-weight:760;color:#17211b;white-space:nowrap}.sessionCardMeta{flex:1;font-size:12px;color:#5a7065}.sessionCardHeader .rotated{transform:rotate(180deg)}.sessionCardResults{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-top:1px solid #e0e8e3;background:#fff}.sessionResultItem{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4}.sessionResultStatus{font-size:12px;font-weight:760;white-space:nowrap;padding-top:1px;min-width:16px}.sessionResultItem.correct .sessionResultStatus{color:#1d7a5c}.sessionResultItem.wrong .sessionResultStatus{color:#b94c4c}.sessionResultBody{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.sessionResultText{color:#17211b;line-height:1.4}.sessionResultAnswer{padding-left:12px;color:#1d7a5c;font-size:12px;font-weight:600;line-height:1.4}.sessionGroup{margin-bottom:4px}.sessionGroupHeader{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:1px solid #e0e8e3;border-radius:10px;background:#f0f4f2;cursor:pointer;text-align:left;font-size:13px}.sessionGroupHeader strong{flex:1;color:#17211b}.sessionGroupHeader span{color:#5a7065;font-size:12px}.sessionGroupHeader .rotated{transform:rotate(180deg)}.sessionGroupHeader:hover{background:#e8ede9}.sessionsModalContent{position:relative;display:flex;flex-direction:column;width:700px;max-width:95vw;max-height:85vh;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 20px 60px #0000002e}.sessionsModalTabs{display:flex;padding:0 24px;border-bottom:1px solid #e0e8e3;gap:0}.sessionsModalTabs button{padding:10px 16px;border:none;border-bottom:2px solid transparent;background:transparent;font-size:13px;font-weight:600;color:#5a7065;cursor:pointer;margin-bottom:-1px}.sessionsModalTabs button.active{color:#17211b;border-bottom-color:#1d7a5c}.sessionsModalBody{flex:1;overflow-y:auto;padding:16px 24px 24px;display:flex;flex-direction:column;gap:8px}.sessionGroup .sessionCard{margin-top:6px;margin-left:12px}.contentHistoryList{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px}.contentHistoryDate{font-size:13px;color:#556b63;background:#f0f4f2;border:1px solid #e0e8e3;border-radius:6px;padding:3px 8px}.selfContextList{display:grid;gap:12px;width:100%}.selfContextItem{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border:1px solid #d9e2dc;border-radius:8px;background:#fff}.selfContextItemBody{flex:1;min-width:0;display:grid;gap:6px}.selfContextItemBody h3{margin:0;font-size:15px;font-weight:600}.selfContextItemBody p{margin:0;font-size:13px;color:#5a7066;white-space:pre-wrap;word-break:break-word}.selfContextItemActions{display:flex;gap:4px;flex-shrink:0}.selfContextForm{display:grid;gap:12px}.selfContextForm textarea{min-height:160px;resize:vertical}.aiContextPicker{display:grid;gap:8px}.aiContextChoices{display:flex;flex-wrap:wrap;gap:8px}.aiContextChoices label{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #d4ddd7;border-radius:999px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5f9f6}.aiContextChoices label:has(input:checked){border-color:#3d7a5e;background:#e8f3ed;color:#1e4d38;font-weight:500}.themeDark .selfContextItem{border-color:#314139;background:#18211d;color:#e8f0ea}.themeDark .selfContextItemBody p{color:#8aa898}.themeDark .aiContextChoices label{border-color:#314139;background:#1e2b24;color:#c8d8cc}.themeDark .aiContextChoices label:has(input:checked){border-color:#5aaa80;background:#1e3828;color:#a8dfc0}@media (max-width: 680px){.scrollTopButton{bottom:78px;right:16px;width:46px;height:46px}.notesFloatingButton{bottom:20px;right:16px;width:46px;height:46px}.notesModalContent{max-height:90vh}}.dueBadge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:999px;background:#e8733a;color:#fff;font-size:11px;font-weight:700;vertical-align:middle}.themeDark .dueBadge{background:#c4622e}.sessionBannerActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.reviewDashboard{padding:24px;max-width:760px}.reviewDashboardList{display:flex;flex-direction:column;gap:12px}.reviewTopicCard{padding:16px 20px;border:1px solid #cad7d0;border-radius:12px;background:#f7faf8;cursor:pointer;transition:border-color .15s,background .15s;outline:none}.reviewTopicCard:hover,.reviewTopicCard:focus{border-color:#4a8c6a;background:#eef6f1}.reviewTopicCard.hasDue{border-color:#e8733a;background:#fdf5f0}.reviewTopicCard.hasDue:hover,.reviewTopicCard.hasDue:focus{border-color:#c4622e;background:#faeae0}.reviewTopicHeader{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.reviewTopicHeader h3{margin:0;font-size:15px;font-weight:650}.reviewDaysAgo{font-size:12px;color:#6b8070;white-space:nowrap}.reviewTopicStats{display:flex;gap:16px;flex-wrap:wrap}.reviewStat{font-size:13px;color:#6b8070}.reviewStatDue{font-size:13px;color:#c4622e;font-weight:600}.themeDark .reviewTopicCard{border-color:#314139;background:#1e2b24}.themeDark .reviewTopicCard:hover,.themeDark .reviewTopicCard:focus{border-color:#5aaa80;background:#1e3828}.themeDark .reviewTopicCard.hasDue{border-color:#c4622e;background:#2b1c14}.themeDark .reviewTopicCard.hasDue:hover,.themeDark .reviewTopicCard.hasDue:focus{border-color:#e8733a;background:#3a2215}.themeDark .reviewTopicHeader h3{color:#c8d8cc}.themeDark .reviewDaysAgo,.themeDark .reviewStat{color:#7a9e88}.themeDark .reviewStatDue{color:#e8733a}.notesLayout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;padding:20px;align-items:start;height:100%}.notesList{display:grid;gap:10px;align-content:start}.noteCard{padding:14px 16px;border:1px solid #cad7d0;border-radius:10px;background:#f7faf8;cursor:pointer;transition:border-color .15s,background .15s;outline:none}.noteCard:hover,.noteCard:focus{border-color:#4a8c6a;background:#eef6f1}.noteCard.selected{border-color:#4a8c6a;background:#e4f0ea}.noteCardTitle{margin:0 0 4px;font-size:14px;font-weight:600;color:#17211b}.noteCardDescription{margin:0 0 6px;font-size:13px;color:#4a6857;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.noteCardCategories{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.categoryChip{display:inline-block;padding:2px 8px;border-radius:999px;background:#d4ece0;color:#2a5c40;font-size:11px;font-weight:500}.noteCardDate{font-size:11px;color:#7a9e88}.noteDetail{display:grid;gap:14px;padding:20px;border:1px solid #d9e2dc;border-radius:10px;background:#fff;align-content:start}.noteDetailHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.noteDetailHeader h2{margin:0;font-size:18px;font-weight:700;color:#17211b}.noteDetailActions{display:flex;gap:8px;flex-shrink:0;align-items:center}.noteDetailDescription{margin:0;font-size:14px;color:#4a6857}.noteDetailChatUrl{display:flex;align-items:center;gap:6px;font-size:13px;color:#4a6857}.noteDetailChatUrl a{color:#2a7a52;text-decoration:underline}.noteDetailContent{font-size:14px;line-height:1.65;border-top:1px solid #e5ece8;padding-top:14px}.noteForm{display:grid;gap:12px}.noteContentTextarea{resize:vertical;min-height:220px;font-family:Fira Code,Cascadia Code,ui-monospace,monospace;font-size:13px}.noteCreateDialog{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto}.filterDropdown{position:relative}.filterDropdown .categoryPickerMenu{position:absolute;top:calc(100% + 4px);left:0;z-index:30}.themeDark .noteCard{background:#1a2820;border-color:#2e4a38;color:#c8d8cc}.themeDark .noteCard:hover,.themeDark .noteCard:focus{border-color:#5aaa80;background:#1e3828}.themeDark .noteCard.selected{border-color:#5aaa80;background:#1e3828}.themeDark .noteCardTitle{color:#c8d8cc}.themeDark .noteCardDescription{color:#7a9e88}.themeDark .categoryChip{background:#1e3828;color:#7acca0}.themeDark .noteDetail{background:#1a2820;border-color:#2e4a38}.themeDark .noteDetailHeader h2{color:#c8d8cc}.themeDark .noteDetailDescription,.themeDark .noteDetailChatUrl{color:#7a9e88}.themeDark .noteDetailChatUrl a{color:#5aaa80}.themeDark .noteDetailContent{color:#c8d8cc;border-top-color:#2e4a38}.noteCardTopRow{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem;flex-wrap:wrap}.noteStatusBadge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.noteStatus-A_ESTUDAR{background:#e8f0ee;color:#4a7a62}.noteStatus-ESTUDANDO{background:#fff3cd;color:#856404}.noteStatus-ESTUDADO{background:#d4edda;color:#1e5c35}.noteTypeLabel{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.72rem;background:#e8ecf0;color:#4a5568;font-weight:500}.noteCardOrder{margin-left:auto;font-size:.72rem;color:#7a9e88}.noteDetailMeta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.4rem}.noteBackButton{margin-bottom:1rem}.noteFormRow{display:flex;gap:.75rem;align-items:flex-end}.noteMetrics{display:flex;flex-direction:column;gap:1rem}.noteMetricsRow{display:flex;flex-direction:column;gap:.15rem}.noteMetricsSection{display:flex;flex-direction:column;gap:.5rem}.noteHistoryList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.noteHistoryEntry{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .75rem;border-left:3px solid #d0e8d8;background:#f5f7f4;border-radius:0 4px 4px 0}.noteHistoryTime{font-size:.75rem;color:#7a9e88}.noteHistoryChange{font-size:.85rem;font-weight:500;color:#2d5a3d}.noteDetailEditing{background:#fafdfb}.themeDark .noteStatus-A_ESTUDAR{background:#1e3828;color:#6dbf95}.themeDark .noteStatus-ESTUDANDO{background:#3a2e00;color:#d4a017}.themeDark .noteStatus-ESTUDADO{background:#1a3a24;color:#5aaa80}.themeDark .noteTypeLabel{background:#1e2e28;color:#7a9e88}.themeDark .noteCardOrder{color:#4a7a62}.themeDark .noteHistoryEntry{background:#1a2820;border-left-color:#2e4a38}.themeDark .noteHistoryTime{color:#4a7a62}.themeDark .noteHistoryChange{color:#c8d8cc}.themeDark .noteDetailEditing{background:#1a2820}.themeDark *{scrollbar-color:#1d7a5c #0f1714;scrollbar-width:thin}.themeDark::-webkit-scrollbar,.themeDark *::-webkit-scrollbar{width:7px;height:7px}.themeDark::-webkit-scrollbar-track,.themeDark *::-webkit-scrollbar-track{background:#0f1714}.themeDark::-webkit-scrollbar-thumb,.themeDark *::-webkit-scrollbar-thumb{background:#1d7a5c;border-radius:4px}.themeDark::-webkit-scrollbar-thumb:hover,.themeDark *::-webkit-scrollbar-thumb:hover{background:#2a9e78}.themeDark .sectionDrawer::-webkit-scrollbar,.themeDark .topicStudyDrawer::-webkit-scrollbar,.themeDark .chatDrawer::-webkit-scrollbar{width:7px;height:7px}.themeDark .sectionDrawer::-webkit-scrollbar-track,.themeDark .topicStudyDrawer::-webkit-scrollbar-track,.themeDark .chatDrawer::-webkit-scrollbar-track{background:#0f1714}.themeDark .sectionDrawer::-webkit-scrollbar-thumb,.themeDark .topicStudyDrawer::-webkit-scrollbar-thumb,.themeDark .chatDrawer::-webkit-scrollbar-thumb{background:#1d7a5c;border-radius:4px}.voiceRecordingPanel{display:grid;gap:10px;padding-top:20px;margin-top:20px;border-top:1px solid #d9e2dc}.recordingControls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recordingTimer{display:flex;align-items:center;gap:6px;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:500;min-width:3ch}.recordingDot{width:8px;height:8px;border-radius:50%;background:#e03e3e;animation:recPulse 1s ease-in-out infinite;flex-shrink:0}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.3}}.recordingSaveForm{display:grid;gap:8px}.recordingSaveActions{display:flex;gap:8px}.recordingsList{list-style:none;margin:0;padding:0;display:grid;gap:8px}.recordingItem{display:grid;gap:4px;padding:10px 12px;background:#f0f5f2;border-radius:8px;border:1px solid #d9e2dc}.recordingItemHeader{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recordingTitle{font-size:.85rem;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordingOrigin{font-size:.75rem;color:#556b63;background:#e0ede7;padding:1px 6px;border-radius:4px;white-space:nowrap}.recordingItemPlayer{display:grid;gap:4px}.recordingMeta{display:flex;gap:10px;font-size:.75rem;color:#556b63}.themeDark .voiceRecordingPanel{border-top-color:#1e3530}.themeDark .recordingItem{background:#0f1f1b;border-color:#1e3530}.themeDark .recordingOrigin{background:#152e28;color:#8ab5a5}.themeDark .recordingMeta,.themeDark .recordingTimer{color:#8ab5a5}.recordingStatusMsg{font-size:.82rem;margin:0;padding:5px 8px;border-radius:5px}.recordingStatusMsg.uploading{color:#2a7d5b;background:#e8f5ef}.recordingStatusMsg.saved{color:#1a6b48;background:#d4eddf;font-weight:500}.themeDark .recordingStatusMsg.uploading,.themeDark .recordingStatusMsg.saved{color:#6dd5a8;background:#0d2b22}