.lw-workspace { max-width: 1320px; margin: 0 auto; }
.lw-back { margin: -5px 0 21px; padding-left: 0 !important; color: var(--muted); font-size: 13px; }
.lw-heading { display: flex; justify-content: space-between; gap: 32px; align-items: center; padding-bottom: 28px; }
.lw-heading-meta { display: flex; gap: 14px; align-items: center; margin-bottom: 15px; }
.lw-heading h1 { font-size: clamp(27px, 2.7vw, 38px); letter-spacing: -1.3px; line-height: 1.2; margin: 0 0 12px; font-weight: 650; }
.lw-heading p { color: var(--muted); font-size: 14px; line-height: 1.7; max-width: 700px; margin: 0; }
.lw-heading > .btn { flex-shrink: 0; }
.lw-demo-label, .lw-soft-badge { font-size: 11px; font-weight: 500; color: #74827a; white-space: nowrap; }
.lw-demo-label { display: inline-flex; align-items: center; gap: 6px; }
.lw-demo-label > span { width: 5px; height: 5px; border-radius: 50%; background: #c3a476; }
.lw-topic { font-size: 11px !important; letter-spacing: .02em; }
.lw-topic-mint { background: #e7f0e7 !important; color: #467855 !important; }
.lw-topic-lavender { background: #eeeaf7 !important; color: #8066a4 !important; }
.lw-topic-peach { background: #f7ece4 !important; color: #aa7955 !important; }
.lw-topic-blue { background: #e8eff7 !important; color: #5c7b9a !important; }
.lw-tabs { display: flex; gap: 8px; border-bottom: 1px solid var(--line); overflow-x: auto; overflow-y: hidden; margin-bottom: 30px; scrollbar-width: thin; }
.lw-tab { display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; background: none; color: #859088; padding: 15px 18px 17px; font: inherit; font-size: 13px; white-space: nowrap; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color .2s, background .2s; }
.lw-tab.active { color: var(--green); border-color: var(--green); font-weight: 650; }
.lw-tab:hover { background: #edf2eb; color: var(--green); }
.lw-tab-count { border-radius: 6px; font-size: 10px; background: #e9eee7; min-width: 17px; padding: 1px 4px; }
.lw-content { animation: lw-appear .24s ease; }
.lw-content h2 { font-size: 19px; letter-spacing: -.45px; font-weight: 650; margin: 5px 0 0; line-height: 1.4; }
.lw-content h3 { letter-spacing: -.4px; }
.lw-content .panel { border: 1px solid var(--line); background: #fff; border-radius: var(--radius); box-shadow: 0 3px 10px #183a3202; }
.lw-section-header { display: flex; gap: 13px; align-items: center; }
.lw-section-header > .lw-soft-badge { margin-left: auto; }
.lw-icon-square { display: inline-flex; align-items: center; justify-content: center; background: #e9f2e7; color: #477553; width: 45px; height: 45px; border-radius: 13px; flex-shrink: 0; }
.lw-soft-badge { border: 1px solid #e5e9e1; border-radius: 6px; padding: 4px 8px; background: #f8faf5; font-size: 10px; }
.lw-overview-grid { display: grid; grid-template-columns: minmax(0, 1fr) 295px; gap: 24px; }
.lw-overview-main, .lw-overview-aside { display: flex; flex-direction: column; gap: 22px; }
.lw-summary-card { padding: 27px 28px 0; }
.lw-summary-text { font-size: 15px; line-height: 1.95; color: #536a5e; margin: 23px 0; white-space: pre-line; }
.lw-summary-notice { display: flex; gap: 8px; padding: 12px 14px; background: #f7f8f3; color: #89917f; font-size: 11px; line-height: 1.65; border-radius: 8px; margin-bottom: 24px; }
.lw-summary-notice svg { flex-shrink: 0; margin-top: 2px; }
.lw-summary-bottom { border-top: 1px solid var(--line); margin: 0 -28px; padding: 17px 28px; display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: 11px; color: #8b978f; }
.lw-summary-bottom > span { display: flex; align-items: center; gap: 7px; }
.lw-small-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #86ad86; }
.lw-text-button { display: inline-flex; gap: 7px; align-items: center; border: 0; background: none; color: var(--green); font: inherit; font-size: 11px; font-weight: 650; cursor: pointer; }
.lw-keypoints { padding: 25px 28px; }
.lw-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.lw-card-heading .muted { font-size: 12px; line-height: 1.7; margin: 8px 0 0; }
.lw-keypoints .lw-card-heading .muted { margin: 0; font-size: 11px; }
.lw-keypoints ol { list-style: none; padding: 0; margin: 19px 0 0; }
.lw-keypoints li { display: flex; gap: 15px; padding: 14px 0; border-bottom: 1px solid #eff1eb; align-items: flex-start; }
.lw-keypoints li:last-child { border: 0; padding-bottom: 1px; }
.lw-keypoints li > span { color: #97aaa0; font-size: 11px; line-height: 1.7; margin-top: 1px; font-weight: 600; }
.lw-keypoints li p { font-size: 13px; line-height: 1.8; margin: 0; color: #567061; }
.lw-takeaways { padding: 27px 23px; }
.lw-takeaways h2 { font-size: 18px; margin-top: 10px; }
.lw-takeaways ul { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-direction: column; gap: 18px; }
.lw-takeaways li { display: flex; align-items: flex-start; gap: 11px; color: #627668; font-size: 12px; line-height: 1.75; }
.lw-check-circle { border-radius: 50%; width: 20px; height: 20px; color: #6d916b; background: #eff5ea; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.lw-review-invite { background: #e9efdf; border-radius: var(--radius); padding: 26px 23px; border: 1px solid #e2e9d6; }
.lw-invite-icon { width: 51px; height: 51px; border-radius: 50%; background: #f8faf0; display: flex; justify-content: center; align-items: center; color: #6b8660; margin-bottom: 22px; }
.lw-review-invite .eyebrow { color: #8c9e78; font-size: 9px; }
.lw-review-invite h3 { color: #405a34; font-weight: 550; font-size: 22px; line-height: 1.45; margin: 12px 0; }
.lw-review-invite p { font-size: 12px; color: #829175; line-height: 1.8; margin: 0 0 23px; }
.lw-review-invite .btn { width: 100%; font-size: 11px; justify-content: space-between; background: #fbfcf6; border: 1px solid #dbe4cd; color: #5a734b; }
.lw-tools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 19px; }
.lw-tool-card { display: grid; grid-template-columns: 1fr auto; text-align: left; padding: 22px; border: 1px solid transparent; border-radius: var(--radius); font: inherit; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.lw-tool-card:hover { transform: translateY(-3px); box-shadow: 0 7px 18px #183a3208; }
.lw-tool-card > svg:first-child { grid-column: 1 / -1; margin-bottom: 17px; }
.lw-tool-card strong { font-size: 14px; font-weight: 650; }
.lw-tool-card > span { grid-column: 1; font-size: 11px; margin-top: 7px; opacity: .65; }
.lw-tool-card > svg:last-child { grid-column: 2; grid-row: 2 / 4; align-self: center; opacity: .6; }
.lw-tool-lavender { background: #f0eef8; border-color: #e7e2f0; color: #77628b; }
.lw-tool-peach { background: #f8eee7; border-color: #efe2d7; color: #a07859; }
.lw-tutor-grid { display: grid; grid-template-columns: 262px minmax(0, 1fr); gap: 24px; align-items: start; }
.lw-tutor-options { padding: 26px 21px; }
.lw-tutor-options h2 { margin-top: 19px; font-size: 18px; }
.lw-tutor-options > .muted { font-size: 12px; line-height: 1.8; margin: 9px 0 22px; }
.lw-mode-options { display: flex; flex-direction: column; gap: 9px; }
.lw-mode { display: flex; gap: 10px; text-align: left; padding: 14px 12px; border: 1px solid #e7ebe3; background: #fff; border-radius: 10px; font: inherit; cursor: pointer; align-items: flex-start; }
.lw-mode.selected { background: #f0f6ed; border-color: #b7cbb0; }
.lw-radio-dot { width: 14px; height: 14px; border: 1px solid #ccd6c7; flex-shrink: 0; border-radius: 50%; margin-top: 2px; }
.lw-mode.selected .lw-radio-dot { border: 4px solid #6c945e; background: #fff; }
.lw-mode strong { font-size: 12px; color: #506747; font-weight: 650; }
.lw-mode small { display: block; font-size: 10px; color: #899381; margin-top: 6px; line-height: 1.6; }
.lw-tutor-tip { border-top: 1px solid var(--line); margin-top: 25px; padding-top: 22px; }
.lw-tutor-tip p { font-size: 12px; line-height: 1.85; color: #6f806c; margin: 11px 0 0; }
.lw-fixture-caption { font-size: 10px; line-height: 1.8; color: #929c8a; margin: 22px 0 0; }
.lw-chat-panel { display: flex; flex-direction: column; min-height: 590px; overflow: hidden; }
.lw-chat-heading { display: flex; align-items: center; gap: 12px; padding: 20px 25px; border-bottom: 1px solid var(--line); }
.lw-chat-avatar { display: flex; align-items: center; justify-content: center; width: 41px; height: 41px; border-radius: 12px; background: #e6efdf; color: #729362; }
.lw-chat-heading h2 { font-size: 16px; margin: 0; }
.lw-chat-heading p { font-size: 11px; color: var(--muted); margin: 5px 0 0; }
.lw-chat-heading > .lw-soft-badge { margin-left: auto; }
.lw-chat-scroll { flex: 1; height: 420px; max-height: 550px; overflow-y: auto; padding: 24px; scrollbar-width: thin; }
.lw-chat-welcome { text-align: center; max-width: 430px; margin: 26px auto 10px; }
.lw-welcome-mark { display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 22px; background: #f1f5eb; color: #779467; margin: 0 auto 18px; }
.lw-chat-welcome h3 { font-size: 22px; font-weight: 550; margin: 0 0 13px; }
.lw-chat-welcome p { font-size: 12px; line-height: 1.85; color: #899582; margin: 0 0 24px; }
.lw-suggestions { display: flex; flex-direction: column; gap: 8px; max-width: 325px; margin: 0 auto; }
.lw-suggestions button { padding: 12px 14px; border: 1px solid #e6ebe0; border-radius: 9px; color: #6f8066; background: #fbfcf8; display: flex; align-items: center; justify-content: space-between; font: inherit; font-size: 11px; cursor: pointer; text-align: left; }
.lw-suggestions button:hover { background: #f0f5e9; border-color: #cbd9bf; }
.lw-message { display: flex; gap: 11px; margin-bottom: 24px; }
.lw-message-user { justify-content: flex-end; }
.lw-message-avatar { color: #789367; background: #ecf2e5; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 10px; flex-shrink: 0; }
.lw-message-body { max-width: 90%; min-width: 0; }
.lw-message-author { font-size: 9px; color: #98a090; display: block; margin-bottom: 7px; }
.lw-message-body > p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.95; color: #57705e; margin: 0; }
.lw-message-user .lw-message-body { background: #edf3e7; padding: 14px 18px; border-radius: 14px 14px 4px 14px; max-width: 82%; }
.lw-message-user .lw-message-author { color: #8a9c7c; }
.lw-message-sources { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-top: 15px; }
.lw-message-sources > span { font-size: 10px; color: #92a187; }
.lw-message-sources button { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; font: inherit; font-size: 10px; border: 1px solid #e3e9dc; border-radius: 6px; padding: 5px 7px; background: #f9fbf5; color: #738564; cursor: pointer; overflow-wrap: anywhere; text-align: left; }
.lw-typing { display: flex; gap: 4px; align-items: center; color: #90a081; min-height: 30px; }
.lw-typing > span { width: 4px; height: 4px; border-radius: 50%; background: #a8bc97; animation: lw-pulse 1s ease infinite; }
.lw-typing > span:nth-child(2) { animation-delay: .15s; }
.lw-typing > span:nth-child(3) { animation-delay: .3s; }
.lw-typing small { font-size: 10px; margin-left: 7px; }
.lw-chat-form { padding: 16px 21px 14px; border-top: 1px solid #edf0e6; }
.lw-compose { display: flex; align-items: flex-end; gap: 10px; background: #f8faf5; border: 1px solid #e3eadb; border-radius: 11px; padding: 13px; }
.lw-compose:focus-within { border-color: #92ac81; box-shadow: 0 0 0 3px #dcebd644; }
.lw-compose textarea { background: transparent; resize: none; width: 100%; min-height: 37px; max-height: 140px; border: 0; outline: 0; padding: 2px; font: inherit; font-size: 12px; line-height: 1.6; color: #516f4f; }
.lw-compose textarea::placeholder { color: #a0aa94; }
.lw-send-button { background: #587d46; color: white; display: flex; justify-content: center; align-items: center; border: 0; border-radius: 9px; width: 35px; height: 35px; flex-shrink: 0; cursor: pointer; }
.lw-send-button:disabled { background: #d9e3d0; color: #98aa8e; cursor: default; }
.lw-compose-caption { display: flex; justify-content: space-between; font-size: 9px; color: #a2ab99; padding: 9px 2px 0; }
.lw-mindmap { overflow: hidden; }
.lw-mindmap > .lw-card-heading { padding: 26px 27px 23px; }
.lw-zoom-controls { display: flex; border: 1px solid #e2e8da; border-radius: 9px; background: #f9fbf4; overflow: hidden; flex-shrink: 0; }
.lw-zoom-controls button { border: 0; border-right: 1px solid #e2e8da; background: none; color: #778c68; height: 35px; min-width: 35px; display: flex; justify-content: center; align-items: center; font: inherit; font-size: 10px; cursor: pointer; }
.lw-zoom-controls button:nth-child(2) { padding: 0 12px; }
.lw-zoom-controls button:last-child { border: 0; }
.lw-zoom-controls button:disabled { opacity: .4; cursor: default; }
.lw-map-scroll { overflow: auto; max-height: 560px; border-top: 1px solid #edf0e7; border-bottom: 1px solid #edf0e7; background: radial-gradient(circle, #dce5d3 .8px, transparent .8px) 0 0/20px 20px, #fbfcf8; }
.lw-map-canvas { position: relative; transform-origin: top left; }
.lw-map-lines { position: absolute; left: 0; top: 0; pointer-events: none; }
.lw-map-lines path { fill: none; stroke: #cbdac2; stroke-width: 1.5; }
.lw-map-node { position: absolute; width: 222px; min-height: 70px; padding: 16px 15px; border-radius: 12px; border: 1px solid #d3e0c8; background: #edf5e5; display: flex; align-items: center; gap: 9px; text-align: left; font: inherit; color: #627950; cursor: pointer; transition: box-shadow .2s, border-color .2s; }
.lw-map-node strong { font-size: 12px; line-height: 1.65; font-weight: 550; }
.lw-map-node-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .45; flex-shrink: 0; }
.lw-map-children { margin-left: auto; padding: 3px 5px; font-size: 9px; border-radius: 4px; background: #ffffff80; }
.lw-map-color-1 { background: #f0ebf8; color: #837396; border-color: #e1d9ee; }
.lw-map-color-2 { background: #faf0e7; color: #a2876b; border-color: #eedfce; }
.lw-map-color-3 { background: #e9f1f6; color: #748c9c; border-color: #d7e4ed; }
.lw-map-node.selected { border-color: #7a9b64; box-shadow: 0 0 0 3px #accf922b, 0 5px 14px #71896213; }
.lw-map-node:hover { box-shadow: 0 4px 15px #183a3210; }
.lw-node-detail { display: flex; gap: 15px; align-items: flex-start; padding: 23px 28px; background: #fff; }
.lw-node-detail h3 { font-size: 15px; margin: 7px 0 6px; font-weight: 650; }
.lw-node-detail p { color: #7f8d74; font-size: 12px; line-height: 1.85; margin: 0; }
.lw-map-footer { border-top: 1px solid var(--line); padding: 13px 28px; color: #9aa68e; font-size: 10px; display: flex; gap: 20px; justify-content: space-between; line-height: 1.7; }
.lw-map-footer > span:first-child { white-space: nowrap; }
.lw-map-footer .lw-small-dot { margin-right: 5px; }
.lw-flashcards { padding: 27px 32px; }
.lw-card-progress { max-width: 690px; margin: 28px auto 21px; display: flex; gap: 15px; align-items: center; }
.lw-card-progress > span { font-size: 10px; color: #8d9a83; white-space: nowrap; }
.lw-card-progress > div, .lw-quiz-progress > div { height: 4px; border-radius: 4px; background: #edf1e7; overflow: hidden; flex: 1; }
.lw-card-progress > div > span, .lw-quiz-progress > div > span { background: #a8c397; height: 100%; display: block; border-radius: inherit; transition: width .3s; }
.lw-flashcard-stage { max-width: 690px; margin: 0 auto; perspective: 1200px; }
.lw-flashcard { position: relative; width: 100%; height: 335px; background: transparent; border: 0; padding: 0; border-radius: 19px; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.22,.61,.36,1); cursor: pointer; font: inherit; text-align: center; }
.lw-flashcard.flipped { transform: rotateY(180deg); }
.lw-flashcard-face { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; padding: 25px 35px; border-radius: 19px; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: #edf3e7; border: 1px solid #dbe7ce; box-shadow: 0 8px 20px #6e865411; }
.lw-flashcard-back { transform: rotateY(180deg); background: #fafbf7; border-color: #e0e8d9; }
.lw-flashcard-top { display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 10px; color: #94a584; margin-bottom: 27px; }
.lw-flashcard-front > .eyebrow, .lw-flashcard-back > .eyebrow { font-size: 9px; color: #95a481; }
.lw-flashcard h3 { font-size: clamp(20px, 2.1vw, 26px); font-weight: 550; line-height: 1.6; color: #516e3e; margin: 16px 0 auto; }
.lw-flashcard-back > p { color: #5e7550; font-size: 15px; line-height: 1.9; margin: 15px 0 auto; max-height: 160px; overflow: auto; white-space: pre-line; }
.lw-flip-hint { display: inline-flex; align-items: center; gap: 7px; font-size: 10px; color: #9dab8d; margin-top: 18px; }
.lw-card-navigation { max-width: 690px; display: flex; align-items: center; justify-content: space-between; margin: 15px auto 21px; }
.lw-card-navigation .btn { font-size: 11px; color: #879979; }
.lw-card-navigation > span { font-size: 11px; color: #91a184; }
.lw-rating-area { text-align: center; border-top: 1px solid #edf0e6; padding-top: 23px; }
.lw-rating-area > p { font-size: 12px; color: #7a8d6f; margin: 0 0 14px; }
.lw-ratings { display: flex; justify-content: center; gap: 11px; flex-wrap: wrap; }
.lw-rating { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #e1e7d9; border-radius: 9px; background: #f8faf5; color: #7d906b; padding: 12px 17px; font: inherit; font-size: 11px; cursor: pointer; min-width: 109px; }
.lw-rating-again { background: #faf0eb; border-color: #f0e1d9; color: #b8917a; }
.lw-rating-hard { background: #faf5e7; border-color: #eee7d5; color: #b8a26c; }
.lw-rating-easy { background: #eaf3e5; border-color: #dce9d2; color: #749462; }
.lw-rating:disabled { opacity: .5; cursor: default; }
.lw-rating.selected { box-shadow: 0 0 0 2px #b8ccaa; }
.lw-rating-area > small { display: block; font-size: 10px; line-height: 1.8; color: #a0ab93; margin-top: 18px; }
.lw-quiz { padding: 27px 31px; }
.lw-quiz-progress { display: flex; align-items: center; gap: 23px; margin: 25px 0; padding: 16px 19px; border-radius: 10px; background: #f8faf4; }
.lw-quiz-progress > span { font-size: 11px; color: #8c9c7b; white-space: nowrap; }
.lw-quiz-progress strong { color: #7a9566; }
.lw-question-list { display: flex; flex-direction: column; gap: 28px; }
.lw-question { border: 0; margin: 0; padding: 0; min-width: 0; }
.lw-question legend { font-size: 14px; font-weight: 550; line-height: 1.8; margin-bottom: 13px; color: #587247; }
.lw-question legend > span { display: block; font-size: 9px; letter-spacing: 1.2px; margin-bottom: 7px; color: #9dad8d; font-weight: 550; }
.lw-answer-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.lw-answer-option { position: relative; display: flex; align-items: center; gap: 10px; font-size: 12px; line-height: 1.8; padding: 14px 16px; border: 1px solid #e5ebdd; border-radius: 10px; background: #fff; color: #81936f; cursor: pointer; }
.lw-answer-option:hover { background: #f8faf4; }
.lw-answer-option.selected { background: #f0f6e9; border-color: #abc696; color: #688453; }
.lw-answer-option:focus-within { outline: 2px solid #72905e; outline-offset: 2px; }
.lw-answer-option input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.lw-answer-letter { width: 25px; height: 25px; border: 1px solid #e3e9da; background: #f8faf4; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: 10px; flex-shrink: 0; color: #94a581; }
.lw-answer-option.selected .lw-answer-letter { background: #e3eed8; border-color: #d2e2c2; color: #76945e; }
.lw-answer-check { opacity: 0; margin-left: auto; display: flex; flex-shrink: 0; }
.lw-answer-option.selected .lw-answer-check { opacity: 1; }
.lw-quiz-submit { display: flex; justify-content: space-between; align-items: center; gap: 18px; border-top: 1px solid #edf0e5; margin-top: 28px; padding-top: 22px; }
.lw-quiz-submit p { font-size: 11px; color: #80946c; line-height: 1.75; margin: 0; }
.lw-quiz-submit p span { color: #a2ac94; font-size: 10px; }
.lw-quiz-result { display: flex; align-items: center; gap: 31px; padding: 31px; background: #f2f6ea; border-radius: 15px; margin: 27px 0 31px; }
.lw-score-ring { width: 136px; height: 136px; padding: 6px; border-radius: 50%; background: conic-gradient(#91b577 var(--score), #dce7d0 0); flex-shrink: 0; }
.lw-score-ring > div { width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #f6f9f0; }
.lw-score-ring strong { font-size: 34px; font-weight: 550; letter-spacing: -1.5px; color: #739655; }
.lw-score-ring strong small { font-size: 16px; }
.lw-score-ring > div > span { font-size: 9px; color: #9cae87; margin-top: 3px; }
.lw-quiz-result h3 { font-size: 22px; color: #5b793f; margin: 9px 0; font-weight: 550; line-height: 1.5; }
.lw-quiz-result p { color: #8c9f77; font-size: 12px; line-height: 1.8; max-width: 460px; }
.lw-quiz-result .btn { margin-top: 7px; font-size: 11px; }
.lw-result-heading { font-size: 16px; margin: 0 0 19px; font-weight: 600; }
.lw-result-list { display: flex; flex-direction: column; gap: 16px; }
.lw-result-item { border: 1px solid #e4eadd; border-radius: 12px; padding: 19px; }
.lw-result-title { display: flex; align-items: center; gap: 9px; }
.lw-result-indicator { display: flex; width: 23px; height: 23px; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 50%; background: #eaf3e1; color: #7b9e61; }
.lw-result-item.incorrect .lw-result-indicator { background: #f7e9df; color: #b89578; }
.lw-result-title h4 { font-size: 13px; font-weight: 550; margin: 0; line-height: 1.8; color: #64834c; }
.lw-result-title > span:last-child { margin-left: auto; white-space: nowrap; font-size: 9px; color: #8ca875; }
.lw-result-item.incorrect .lw-result-title > span:last-child { color: #bd9e80; }
.lw-result-item > p { font-size: 11px; color: #7e9667; line-height: 1.8; margin: 13px 0 0 32px; }
.lw-result-item > p > span { color: #a0ad90; }
.lw-explanation { display: flex; gap: 9px; align-items: flex-start; background: #f8faf4; border-radius: 8px; padding: 12px; margin: 14px 0 0 32px; color: #95a580; }
.lw-explanation > svg { flex-shrink: 0; margin-top: 2px; }
.lw-explanation > p { margin: 0; color: #8b9d77; font-size: 11px; line-height: 1.8; }
.lw-documents { padding: 27px; }
.lw-document-notice { display: flex; align-items: flex-start; gap: 10px; margin: 24px 0; border: 1px solid #eee9d8; background: #fcfaf3; border-radius: 9px; padding: 13px 16px; color: #baaa83; }
.lw-document-notice > svg { flex-shrink: 0; margin-top: 3px; }
.lw-document-notice p { font-size: 11px; line-height: 1.85; color: #a9a087; margin: 0; }
.lw-document-grid { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 23px; align-items: start; }
.lw-document-list { display: flex; flex-direction: column; gap: 9px; }
.lw-document-item { border: 1px solid #e5ebdf; background: #fff; border-radius: 10px; padding: 16px 13px; display: flex; align-items: flex-start; gap: 11px; text-align: left; font: inherit; width: 100%; cursor: pointer; color: #93a585; }
.lw-document-item.selected { background: #f2f7ec; border-color: #c4d8b3; }
.lw-file-icon { width: 36px; height: 41px; border-radius: 8px; background: #eff4e8; color: #8ea377; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.lw-document-info { min-width: 0; flex: 1; }
.lw-document-info strong { display: block; font-size: 11px; line-height: 1.7; color: #6d8459; font-weight: 550; overflow-wrap: anywhere; }
.lw-document-info > small { display: block; font-size: 9px; color: #9bad8a; margin-top: 5px; }
.lw-document-item > svg { flex-shrink: 0; margin-top: 12px; }
.lw-status { display: flex; align-items: center; gap: 5px; font-size: 9px; margin-top: 11px; color: #97ac81; }
.lw-status > span { height: 4px; width: 4px; border-radius: 50%; background: currentColor; }
.lw-status-failed { color: #bb9985; }
.lw-status-processing, .lw-status-pending { color: #b7aa7c; }
.lw-document-preview { border: 1px solid #e5ebdd; border-radius: 12px; overflow: hidden; }
.lw-preview-heading { padding: 20px; border-bottom: 1px solid #edf0e6; background: #fbfcf8; }
.lw-preview-heading h3 { font-size: 14px; font-weight: 550; color: #758b61; margin: 9px 0 13px; overflow-wrap: anywhere; }
.lw-transcript { white-space: pre-wrap; overflow-wrap: anywhere; padding: 24px; max-height: 550px; overflow-y: auto; font-size: 12px; line-height: 2; color: #82966d; }
.lw-preview-empty { padding: 30px 24px; }
.lw-preview-empty h3 { font-size: 15px; margin: 16px 0 10px; font-weight: 550; color: #7c9569; }
.lw-preview-empty p { font-size: 12px; line-height: 1.9; color: #a0ad90; }
.lw-preview-empty dl { margin: 25px 0 0; }
.lw-preview-empty dl > div { display: flex; gap: 20px; padding: 10px 0; border-bottom: 1px solid #edf1e6; font-size: 11px; }
.lw-preview-empty dt { color: #a3b293; min-width: 85px; }
.lw-preview-empty dd { margin: 0; color: #829e6b; overflow-wrap: anywhere; }
.lw-doc-empty { display: flex; flex-direction: column; align-items: center; padding: 44px 20px; color: #9aad85; }
.lw-doc-empty h3 { font-size: 18px; font-weight: 550; margin: 17px 0 8px; }
.lw-doc-empty p { font-size: 12px; line-height: 1.8; text-align: center; }
.lw-doc-empty .btn { margin-top: 14px; }
.lw-error { border-radius: 8px; background: #fcf0e9; color: #aa7960; font-size: 11px; line-height: 1.8; padding: 10px 13px; margin: 0 0 12px; }
.lw-quiz > .lw-error { margin-top: 20px; }
.lw-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.lw-workspace button:focus-visible, .lw-map-scroll:focus-visible { outline: 2px solid #749263; outline-offset: 3px; }
.lw-workspace button:disabled { cursor: default; }
@keyframes lw-appear { from { opacity: .6; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes lw-pulse { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } }
@media (max-width: 1120px) {
  .lw-overview-grid { grid-template-columns: minmax(0, 1fr) 250px; gap: 19px; }
  .lw-tutor-grid { grid-template-columns: 225px minmax(0, 1fr); gap: 19px; }
  .lw-tab { padding-left: 12px; padding-right: 12px; font-size: 12px; }
  .lw-document-grid { grid-template-columns: 265px minmax(0, 1fr); gap: 17px; }
}
@media (max-width: 850px) {
  .lw-overview-grid { grid-template-columns: minmax(0, 1fr); }
  .lw-overview-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 19px; }
  .lw-tutor-grid { grid-template-columns: minmax(0, 1fr); }
  .lw-tutor-options { padding: 21px; }
  .lw-tutor-options > .lw-icon-square, .lw-tutor-tip, .lw-fixture-caption { display: none; }
  .lw-tutor-options h2 { margin-top: 0; }
  .lw-tutor-options > .muted { margin-bottom: 16px; }
  .lw-mode-options { flex-direction: row; }
  .lw-mode { flex: 1; padding: 12px 10px; }
  .lw-mode small { font-size: 9px; }
  .lw-document-grid { grid-template-columns: minmax(0, 1fr); }
  .lw-document-list { display: grid; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .lw-heading { display: block; padding-bottom: 21px; }
  .lw-heading h1 { font-size: 28px; letter-spacing: -.7px; }
  .lw-heading p { font-size: 12px; }
  .lw-heading > .btn { margin-top: 19px; }
  .lw-back { margin-bottom: 15px; }
  .lw-tabs { margin-bottom: 21px; gap: 1px; }
  .lw-tab { padding: 14px 12px; font-size: 11px; gap: 6px; }
  .lw-tab svg { width: 15px; height: 15px; }
  .lw-overview-aside { display: flex; }
  .lw-summary-card { padding: 20px 19px 0; }
  .lw-section-header { gap: 10px; }
  .lw-section-header > .lw-soft-badge { display: none; }
  .lw-summary-text { font-size: 13px; margin: 20px 0; }
  .lw-summary-bottom { margin: 0 -19px; padding: 15px 19px; font-size: 9px; gap: 10px; }
  .lw-summary-bottom .lw-text-button { font-size: 10px; }
  .lw-content h2 { font-size: 17px; }
  .lw-keypoints { padding: 21px 19px; }
  .lw-keypoints li p { font-size: 12px; }
  .lw-tools-grid { gap: 12px; }
  .lw-tool-card { padding: 18px 15px; }
  .lw-tool-card strong { font-size: 12px; }
  .lw-tool-card > span { font-size: 9px; line-height: 1.7; }
  .lw-tool-card > svg:last-child { width: 14px; }
  .lw-mode-options { flex-direction: column; gap: 6px; }
  .lw-mode small { margin-top: 3px; font-size: 10px; }
  .lw-mode { align-items: center; }
  .lw-tutor-options { padding: 20px; }
  .lw-chat-heading { padding: 17px 15px; gap: 9px; }
  .lw-chat-heading p { font-size: 9px; }
  .lw-chat-heading .lw-soft-badge { font-size: 8px; padding: 4px 5px; }
  .lw-chat-avatar { width: 35px; height: 35px; }
  .lw-chat-scroll { padding: 22px 15px; height: 410px; }
  .lw-chat-welcome h3 { font-size: 19px; }
  .lw-chat-welcome { margin-top: 20px; }
  .lw-message-body > p { font-size: 12px; }
  .lw-message-user .lw-message-body { padding: 12px 14px; }
  .lw-chat-form { padding: 14px 13px 12px; }
  .lw-compose-caption { font-size: 8px; }
  .lw-mindmap > .lw-card-heading { padding: 20px 17px; align-items: flex-start; flex-direction: column; gap: 15px; }
  .lw-map-scroll { max-height: 420px; }
  .lw-node-detail { padding: 20px 17px; gap: 11px; }
  .lw-map-footer { flex-direction: column; gap: 5px; padding: 12px 17px; font-size: 9px; }
  .lw-flashcards { padding: 21px 17px; }
  .lw-flashcards > .lw-card-heading, .lw-quiz > .lw-card-heading { flex-direction: column; align-items: flex-start; gap: 12px; }
  .lw-card-progress { margin-top: 22px; gap: 10px; }
  .lw-card-progress > span { font-size: 9px; }
  .lw-flashcard { height: 350px; }
  .lw-flashcard-face { padding: 22px 20px; }
  .lw-flashcard h3 { font-size: 20px; }
  .lw-flashcard-back > p { font-size: 13px; max-height: 187px; }
  .lw-flashcard-top { margin-bottom: 20px; }
  .lw-card-navigation .btn { padding: 8px 2px; font-size: 10px; }
  .lw-ratings { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .lw-rating { padding: 13px 10px; font-size: 10px; }
  .lw-rating-area > small { font-size: 9px; }
  .lw-quiz { padding: 21px 17px; }
  .lw-answer-options { grid-template-columns: 1fr; gap: 8px; }
  .lw-answer-option { font-size: 11px; padding: 13px 12px; }
  .lw-question legend { font-size: 13px; }
  .lw-quiz-progress { padding: 14px 12px; gap: 12px; }
  .lw-quiz-progress > span { font-size: 10px; }
  .lw-quiz-submit { flex-direction: column; align-items: stretch; }
  .lw-quiz-submit .btn { justify-content: center; font-size: 11px; }
  .lw-quiz-result { padding: 24px 19px; flex-direction: column; text-align: center; gap: 18px; }
  .lw-quiz-result h3 { font-size: 20px; }
  .lw-score-ring { width: 123px; height: 123px; }
  .lw-result-item { padding: 15px 12px; }
  .lw-result-title { align-items: flex-start; gap: 7px; }
  .lw-result-title h4 { font-size: 12px; }
  .lw-result-title > span:last-child { display: none; }
  .lw-result-item > p { margin-left: 0; font-size: 10px; }
  .lw-explanation { margin-left: 0; }
  .lw-documents { padding: 21px 17px; }
  .lw-documents > .lw-card-heading { flex-direction: column; align-items: flex-start; gap: 16px; }
  .lw-document-list { display: flex; }
  .lw-document-notice { padding: 12px; margin: 21px 0; }
  .lw-document-notice p { font-size: 10px; }
  .lw-transcript { padding: 19px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .lw-content, .lw-typing > span { animation: none; }
  .lw-flashcard, .lw-tool-card, .lw-map-node, .lw-card-progress > div > span, .lw-quiz-progress > div > span { transition: none; }
}

:root{--ink:#18354a;--muted:#71869a;--line:#e3ebf3;--green:#4f8fbd;--mint:#dceefa;--paper:#f6f9fc;--radius:18px;--white:#fff;--sidebar:238px;--shadow:0 6px 30px rgba(32,66,49,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8fc4e8;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:650;line-height:1.3}h1{font-size:32px;letter-spacing:-1.1px}h2{font-size:20px;letter-spacing:-.45px}h3{font-size:17px}em{font-weight:inherit}small{font-size:12px}svg{flex-shrink:0}::selection{background:#d5ecfb}button{border:0}input,select,textarea{min-width:0}textarea{resize:vertical}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{color:#6e9fc2;font-size:10px;font-weight:700;letter-spacing:1.6px;margin-bottom:10px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:600;line-height:1.5;transition:background .18s,transform .18s,box-shadow .18s;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 3px 8px #4f8fbd14}.btn-primary:hover{background:#3d7da9;box-shadow:0 5px 12px #4f8fbd25}.btn-secondary{border:1px solid #dce8f0;background:white;color:var(--ink)}.btn-secondary:hover{background:#f1f7fb}.btn-ink{color:white;background:var(--ink)}.btn-ink:hover{background:#143247}.btn-ghost{background:#edf6fb;color:var(--green)}.btn-danger{background:#b95151;color:white}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.icon-button:hover{background:#edf2eb}.text-button{display:inline-flex;align-items:center;gap:7px;border:0;padding:0;background:none;color:var(--green);font-weight:600;font-size:12px}.text-button:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;background:#eaf3ec;color:#4f86ad;border:1px solid #d9eaf5;padding:5px 9px;border-radius:6px}.input{display:block;width:100%;padding:12px 14px;border:1px solid #dce8f1;border-radius:9px;background:#fbfdff;color:var(--ink);font-size:13px;outline:none}.input:focus{border-color:#8cb9d8;box-shadow:0 0 0 3px #e6f3fb}.input::placeholder{color:#91a2b1}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.field span{color:#b9614e}.field small{font-weight:400;color:var(--muted)}.field+.field{margin-top:20px}.empty-state{text-align:center;padding:65px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px dashed #d7e6f0;background:#fbfdff;border-radius:14px;margin-top:20px}.empty-state>svg{color:#7aa8c7}.empty-state h3{font-size:18px}.empty-state p{color:var(--muted);font-size:13px}.spinner{display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.boot-screen{display:flex;min-height:100vh;justify-content:center;align-items:center;gap:14px;color:var(--green)}.skip-link{position:fixed;left:260px;top:-80px;background:var(--green);color:white;padding:10px;z-index:200}.skip-link:focus{top:10px}.app-shell{min-height:100vh}.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;position:fixed;z-index:40;top:0;bottom:0;left:0;width:var(--sidebar);padding:28px 18px 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;padding:0 13px;text-align:left;color:var(--ink)}.brand-mark{width:39px;height:39px;border-radius:12px;background:var(--green);display:inline-flex;align-items:center;justify-content:center;color:#e9f6ff;box-shadow:0 4px 12px #4f8fbd18}.brand strong{display:block;letter-spacing:-1.6px;font-size:31px;line-height:1.05;font-weight:750}.brand-dot{color:#7db7df}.brand small{font-size:7px;font-weight:600;letter-spacing:1.2px;display:block;margin-top:6px;color:#8194a4}.sidebar-group-label{font-size:9px;letter-spacing:1.4px;color:#9aa9b5;font-weight:600;margin:42px 14px 12px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:9px;background:none;color:#8194a5;font-weight:500;font-size:12px;text-align:left;margin-bottom:5px;transition:background .18s,color .18s}.nav-item:hover{background:#f3f8fc;color:var(--green)}.nav-item.active{background:#e8f4fb;color:#4d82a7;font-weight:650}.nav-count{margin-left:auto;font-size:10px;border-radius:5px;background:#eff5f9;padding:0 6px;color:#6f91aa}.nav-dot{width:5px;height:5px;background:#69a5d0;border-radius:50%;margin-left:auto}.nav-count+.nav-dot{display:none}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-callout{padding:18px 17px;border-radius:13px;background:linear-gradient(130deg,#eef7fd,#e4f2fb);margin:15px 3px 16px;border:1px solid #dceaf3}.callout-stars{font-size:20px;color:#6ea6ce;line-height:1;margin-bottom:13px}.callout-stars span{font-size:14px;vertical-align:top;margin-left:5px}.sidebar-callout strong{font-size:14px;line-height:1.45;display:block;letter-spacing:-.2px}.sidebar-callout p{font-size:10px;color:#7f93a3;margin:7px 0 15px}.sidebar-callout .btn{font-size:10px;width:100%;padding:9px}.settings-item{font-size:11px;margin-top:12px;padding:11px 15px}.user-block{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 7px}.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e2edf5;color:#557086;font-size:13px;font-weight:700;flex-shrink:0}.user-block>div{min-width:0;flex:1}.user-block strong{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;max-width:110px}.user-block small{font-size:9px;color:#98a8b5;display:block}.user-block .icon-button{color:#9aaab7}.main-shell{margin-left:var(--sidebar)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumb{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:11px}.breadcrumb>span{color:#9baab6}.breadcrumb>svg{color:#b0bdc7}.breadcrumb strong{font-weight:500;color:#637c90}.topbar-actions{display:flex;gap:20px;align-items:center}.global-search{display:flex;align-items:center;gap:9px;color:#98a9b7}.global-search input{width:165px;border:0;font-size:11px;background:none;padding:7px 0;color:var(--ink)}.global-search input::placeholder{color:#98a9b7}.global-search kbd{padding:2px 5px;border:1px solid #e4ebf1;background:#fafcff;border-radius:4px;font:8px "Segoe UI",sans-serif;color:#93a3b0}.demo-pill{background:#edf6fb;border:1px solid #dbe9f3;color:#5f91b5;font-size:8px;letter-spacing:.8px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:5px}.demo-pill>span{height:4px;width:4px;border-radius:50%;background:#6aa8d3}.topbar-avatar{width:29px;height:29px;font-size:10px;border:0}.mobile-toggle{display:none}.main-content{padding:35px 38px 0;max-width:1600px;margin:0 auto;min-height:calc(100vh - 76px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:27px;letter-spacing:-.8px}.page-heading p{font-size:12px;color:#8194a4;margin-top:7px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:8px}.page-heading>.btn{padding:11px 16px;font-size:11px}.greeting-spark{font-size:25px;color:#78b5de;margin-left:4px}.hero-banner{position:relative;background:#e6f2fa;background:linear-gradient(108deg,#eef7fd 0%,#e6f2fa 55%,#e1eff8 100%);border-radius:18px;border:1px solid #dceaf3;min-height:279px;overflow:hidden;display:flex;align-items:center;padding:30px 34px}.hero-copy{position:relative;z-index:2;flex:1}.hero-kicker{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:600;letter-spacing:1.3px;color:#6f90a7}.hero-copy h2{font-size:35px;line-height:1.22;letter-spacing:-1.2px;margin:16px 0 11px;font-weight:650}.hero-copy h2 em{font-family:Georgia,"Times New Roman",serif;color:#5d91b6;font-size:37px;font-weight:400;letter-spacing:-.9px}.hero-copy p{font-size:11px;color:#7d91a1;line-height:1.9;margin-bottom:19px}.hero-copy .btn{padding:10px 16px;font-size:10px;gap:12px}.hero-supported{margin-top:13px;font-size:8px;color:#92a2af;letter-spacing:.1px}.hero-supported span{margin:0 8px}.study-art{position:absolute;right:4%;top:0;height:100%;width:340px;perspective:900px}.art-orbit{position:absolute;border:1px solid #9bc6e31c;border-radius:50%;width:270px;height:270px;left:40px;top:15px;transform:rotate(-20deg)}.orbit-two{width:370px;height:370px;left:-11px;top:-35px;border-color:#9bc6e31e}.study-art:before{content:"";position:absolute;inset:25px 0;background:radial-gradient(ellipse at center,#8fc5e72b,transparent 67%)}.art-book{position:absolute;left:37px;top:83px;width:257px;height:158px;transform:rotate(-10deg) rotateY(-7deg);filter:drop-shadow(0 22px 16px #5f8eae18);display:flex;gap:0}.art-book:after{position:absolute;content:"";inset:9px -3px -6px;border-bottom:5px solid #b7d6ea;border-radius:9px;z-index:-1;transform:rotate(1deg)}.book-left,.book-right{width:50%;position:relative;padding:22px 20px;background:#fcfdf6;border:1px solid #dae9f3;overflow:hidden}.book-left{border-radius:9px 0 0 9px;transform:skewY(4deg);background:linear-gradient(100deg,#f8fbfe,#e6f1f8)}.book-right{border-radius:0 9px 9px 0;transform:skewY(-4deg);background:linear-gradient(100deg,#eaf4fa,#fcfeff)}.book-spine{width:7px;height:151px;background:linear-gradient(90deg,#aacbe021,#769db930,transparent);position:absolute;left:124px;top:4px}.art-line{height:3px;background:#c6deed;border-radius:2px;display:block;margin:7px 0;width:75%}.art-line.wide{width:95%}.art-line.short{width:50%}.art-book-icon{display:flex;color:#6ba6cf;margin:2px 0 14px}.book-graph{height:38px;display:flex;gap:5px;align-items:flex-end;margin:8px 0}.book-graph span{background:#b6d8ec;width:13px;border-radius:3px 3px 0 0;height:15px}.book-graph span:nth-child(2){height:25px;background:#98c7e3}.book-graph span:nth-child(3){height:20px;background:#c4dfef}.book-graph span:nth-child(4){height:35px;background:#7ab3d8}.art-spark{position:absolute;font-size:30px;color:#6fa8cf}.art-spark.one{top:47px;right:10px}.art-spark.two{bottom:25px;left:4px;font-size:21px}.art-floating{position:absolute;display:flex;align-items:center;gap:10px;background:#ffffffb8;border:1px solid #ffffffb8;box-shadow:0 8px 25px #49633109;border-radius:11px;backdrop-filter:blur(8px)}.art-mini-card{top:39px;left:4px;padding:10px 14px;transform:rotate(-3deg);font-size:10px;z-index:2}.art-mini-card small{display:block;color:#94a5b2;font-size:8px;margin-top:2px}.art-check{width:26px;height:26px;border-radius:50%;background:#d9edf9;color:#5f9cc5;display:flex;align-items:center;justify-content:center}.art-note{bottom:25px;right:0;padding:10px 14px;font-size:10px;color:#718da2;transform:rotate(5deg)}.tiny-dot{height:5px;width:5px;background:#a8c9df;border-radius:50%}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 32px}.stat-card{display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:white;border-radius:13px;padding:19px 20px;position:relative}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:12px;flex-shrink:0}.mint{background:#e8f1e3;color:#77965b}.lavender{background:#efecf7;color:#9c8db4}.peach{background:#faf0e5;color:#c69a6c}.blue{background:#e9f0f7;color:#829cb5}.stat-card>div{display:flex;flex-direction:column}.stat-card strong{font-size:25px;line-height:1.1;letter-spacing:-1px;font-weight:650}.stat-card div>span{font-size:10px;font-weight:500;margin-top:7px}.stat-card small{font-size:8px;color:#a7b1a7;margin-top:2px}.stat-arrow{margin-left:auto;color:#b4c1b4}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:26px}.dashboard-grid.full-width{display:block}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{font-size:17px;letter-spacing:-.3px}.section-heading>div>span{display:block;font-size:9px;color:#a3afa5;margin-top:5px}.small-separator{margin:0 5px}.section-heading .text-button{font-size:10px;white-space:nowrap;color:#789269}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.full-width .lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-card{text-align:left;border-radius:13px;padding:0;background:white;border:1px solid var(--line);overflow:hidden;transition:box-shadow .2s,transform .2s;min-width:0;color:var(--ink);box-shadow:var(--shadow)}.lesson-card:hover{box-shadow:0 10px 25px #3155380c;transform:translateY(-3px)}.lesson-cover{height:107px;position:relative;display:flex;align-items:center;padding:20px 22px;gap:14px;overflow:hidden}.cover-symbol{width:49px;height:49px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff70;border:1px solid #ffffff80;transform:rotate(-6deg);z-index:1}.cover-label{font-size:10px;letter-spacing:.1px;color:inherit;max-width:110px;font-weight:500;z-index:1}.cover-spark{position:absolute;right:21px;top:27px;opacity:.5;font-size:19px}.cover-orbit{position:absolute;right:-15px;bottom:-58px;width:180px;height:180px;border:1px solid #ffffff8f;border-radius:50%}.cover-orbit:after{content:"";position:absolute;inset:20px;border:1px solid #ffffff8f;border-radius:50%}.lesson-card-body{padding:18px 20px 0}.lesson-topic{font-size:8px;color:#9ca997;letter-spacing:.6px;text-transform:uppercase}.lesson-card h3{font-size:15px;line-height:1.5;margin:6px 0;min-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;letter-spacing:-.2px}.lesson-card p{font-size:10px;color:#97a398;line-height:1.7;height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-meta{display:flex;align-items:center;gap:14px;margin-top:17px;color:#a5b0a6;font-size:8px}.lesson-meta span{display:flex;align-items:center;gap:4px}.lesson-progress{margin-top:19px;display:flex;justify-content:space-between;font-size:8px;color:#a3aea3}.lesson-progress strong{color:#7d9971;font-size:9px;font-weight:600}.progress-track{width:100%;height:3px;background:#eff3ec;border-radius:4px;margin-top:6px;overflow:hidden}.progress-track span{height:100%;background:#91b17c;border-radius:4px;display:block;transition:width .3s}.lesson-card-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 0;margin-top:15px;border-top:1px solid #f0f2ec;color:#7f9672;font-size:9px;font-weight:600}.dashboard-aside{padding-top:0}.daily-plan{padding:19px 19px 16px;box-shadow:none}.daily-plan .section-heading{margin:0 0 9px}.daily-plan .section-heading h2{font-size:15px}.daily-plan .section-heading svg{color:#9eae9b}.daily-plan>.small{font-size:9px;color:#a8b0a6}.daily-timeline{margin:20px 0 16px}.timeline-item{display:flex;align-items:center;gap:10px;background:none;width:100%;padding:0;text-align:left;margin-bottom:20px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item>svg{margin-left:auto;color:#b1bcae}.timeline-icon{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:17px;top:40px;bottom:-15px;border-left:1px dashed #e3e8dc}.timeline-item small{font-size:8px;color:#a3aea0;display:block}.timeline-item strong{font-size:10px;display:block;margin:2px 0;font-weight:550}.timeline-item em{font-style:normal;font-size:8px;color:#afb7ab;display:block}.sample-caption{display:block;font-size:9px;color:#9aa797;line-height:1.7}.daily-plan>.sample-caption{padding-top:10px;border-top:1px solid #f0f2ec;font-size:8px}.tutor-callout{background:#edf1e8;border:1px solid #e2e9da;border-radius:14px;padding:22px 20px;margin-top:18px;position:relative;overflow:hidden}.tutor-callout:after{content:"✧";position:absolute;font-size:140px;right:-26px;top:45px;line-height:1;color:#dce5d3}.tutor-orb{height:39px;width:39px;border-radius:12px;background:#dee8d3;display:flex;align-items:center;justify-content:center;color:#7d9662;margin-bottom:13px}.tutor-callout h3{font-size:20px;font-weight:550;letter-spacing:-.5px;position:relative;z-index:1}.tutor-callout p{font-size:10px;color:#8f9b83;margin:10px 0 17px;position:relative;z-index:1}.tutor-callout .text-button{font-size:10px;position:relative;z-index:1}.tutor-callout .sample-caption{margin-top:13px;font-size:8px}.app-footer{display:flex;align-items:center;justify-content:space-between;color:#acb6aa;font-size:8px;padding:30px 0 23px;margin-top:20px;border-top:1px solid #e7ece2;gap:15px}.app-footer span>span{margin:0 7px}.toast{position:fixed;z-index:100;bottom:25px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);background:#214f3d;color:#fff;box-shadow:0 10px 40px #1b453425;border:1px solid #35634b;border-radius:12px;padding:13px 17px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:calc(100vw - 30px);animation:toast-in .2s ease-out}.toast>button{display:flex;background:none;color:#cde2cf;padding:3px;margin-left:12px}.form-page{max-width:1000px;margin:0 auto}.back-button{font-size:11px;margin-bottom:26px}.form-page>h1{font-size:35px}.form-page>h1 em{font-family:Georgia,serif;font-weight:400;color:#83996b}.form-page>.muted{margin-top:12px;font-size:12px}.create-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;margin-top:29px}.lesson-form{padding:28px}.lesson-form h2{font-size:17px;margin-bottom:25px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.form-error{background:#fbefec;border:1px solid #efd6cd;color:#b56451;padding:11px 14px;border-radius:8px;font-size:12px;margin-top:17px}.create-help{padding:20px 8px}.help-orb{display:flex;height:65px;width:65px;background:#e7eee0;border-radius:20px;align-items:center;justify-content:center;color:#8ea977;margin-bottom:23px}.create-help h3{font-size:27px;letter-spacing:-.9px;font-weight:500}.create-help p{font-size:12px;color:#91a08e;margin:15px 0 22px}.create-help ol{list-style:none;padding:0;margin:0 0 27px}.create-help li{font-size:11px;color:#71836e;margin:15px 0;display:flex;gap:13px;align-items:center}.create-help li>span{font-size:9px;color:#a1b196;background:#eef3e7;border-radius:7px;padding:5px 7px}.upload-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.upload-main{padding:26px}.segmented-tabs{display:flex;background:#f5f7f1;padding:5px;border:1px solid #e9eee2;border-radius:10px;gap:5px;margin:24px 0}.segmented-tabs>button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;background:none;border-radius:7px;padding:10px;color:#8b9b85;font-size:11px}.segmented-tabs>button.active{background:white;color:#547447;box-shadow:0 2px 5px #263d2210}.dropzone{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed #c9d9be;background:#f8faf4;border-radius:14px;min-height:245px;padding:30px 20px;text-align:center;color:var(--ink);transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.dragging{background:#f0f6e9;border-color:#85ad6d}.upload-orb{display:flex;width:61px;height:61px;align-items:center;justify-content:center;background:#e8f0de;border-radius:18px;color:#8da876;margin-bottom:17px}.dropzone h3{font-size:19px}.dropzone p{font-size:12px;color:#a1ad98;margin:6px 0 12px}.dropzone p strong{color:#7c9b64;font-weight:550}.dropzone>span:last-child{font-size:9px;color:#a8b49f}.selected-files{margin-top:18px;display:flex;flex-direction:column;gap:8px}.selected-file{display:flex;align-items:center;gap:12px;background:#f9fbf5;border:1px solid #e6eddf;border-radius:9px;padding:12px}.selected-file>div{flex:1;min-width:0}.selected-file strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file small{font-size:10px;color:#a2af97;display:block}.file-symbol{color:#93aa7f}.upload-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.upload-actions>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#a4b09c}.upload-actions .btn{font-size:11px}.upload-help{padding:15px 5px}.upload-help>h3{font-size:27px;font-weight:500;letter-spacing:-.9px}.upload-help>p{font-size:12px;color:#95a18c;margin:15px 0 25px}.upload-help-item{display:flex;align-items:center;gap:13px;margin:20px 0}.upload-help-item>span{height:40px;width:40px;border-radius:12px;background:#edf3e6;color:#8ca477;display:flex;align-items:center;justify-content:center}.upload-help-item strong{display:block;font-size:12px;font-weight:550}.upload-help-item small{display:block;color:#a0ad94;font-size:10px;margin-top:2px}.upload-demo-note{display:flex;align-items:flex-start;gap:9px;padding:16px;background:#eef3e7;border:1px solid #e0e9d7;border-radius:11px;color:#93a282;margin-top:27px}.upload-demo-note p{font-size:10px;line-height:1.8}.recorder-panel{text-align:center;padding:24px;background:#f9faf5;border:1px dashed #c9d9be;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:14px}.record-orb{display:flex;width:63px;height:63px;border-radius:50%;background:#e7efdd;color:#8fa579;align-items:center;justify-content:center}.record-orb.recording{background:#fae3de;color:#c47b6a;animation:pulse 1s infinite}.record-time{font-size:32px;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#719160}.recorder-panel p{font-size:11px;color:#95a28b}.recorder-panel audio{width:100%;max-width:360px}.note-upload small{align-self:flex-end}.success-banner{display:flex;gap:10px;align-items:center;background:#ebf4e7;border:1px solid #d8e8ce;border-radius:10px;padding:14px;margin-top:18px;color:#789a65}.success-banner>div{flex:1}.success-banner strong{display:block;font-size:12px}.success-banner span{display:block;font-size:10px;margin-top:3px}.notes-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.notes-list{padding:20px 12px;align-self:start}.notes-list h3{font-size:13px;padding:0 10px 15px;color:#809578}.notes-list>button{width:100%;display:flex;align-items:flex-start;gap:10px;padding:14px 10px;text-align:left;background:none;border-radius:8px;border-bottom:1px solid #f4f6ef}.notes-list>button:hover,.notes-list>button.active{background:#f0f5e9}.notes-list>button>svg{color:#9cb08a;margin-top:2px}.notes-list strong{font-size:11px;display:block;font-weight:600}.notes-list small{font-size:9px;color:#a1ac96;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;line-height:1.7}.note-editor{padding:25px;min-height:560px;display:flex;flex-direction:column}.note-editor-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1e7;padding-bottom:20px;gap:15px}.note-editor-toolbar .small{font-size:10px}.note-editor-toolbar .btn{padding:9px 13px;font-size:10px}.note-title{width:100%;border:0;background:none;font-size:24px;letter-spacing:-.8px;font-weight:550;padding:22px 0 16px;color:var(--ink)}.note-title::placeholder{color:#b0bba9}.note-content{flex:1;min-height:350px;background:none;border:0;padding:0;font-size:13px;color:#657c5e;line-height:2.1;resize:vertical;white-space:pre-wrap}.note-content::placeholder{color:#b3bdab}.note-editor>.sample-caption{margin-top:15px;padding-top:12px;border-top:1px solid #f0f3e8}.progress-lessons{padding:26px}.progress-lessons .section-heading{padding-bottom:15px;border-bottom:1px solid #edf1e7}.progress-lesson-row{width:100%;display:flex;align-items:center;gap:15px;background:none;padding:17px 0;text-align:left;border-bottom:1px solid #eff2e8}.progress-lesson-row:last-child{border-bottom:0}.progress-lesson-row>.stat-icon{width:40px;height:40px}.progress-lesson-row>div:nth-child(2){flex:1}.progress-lesson-row strong{font-size:12px;display:block;font-weight:550}.progress-lesson-row small{font-size:10px;color:#a2ad99;display:block;margin-top:5px}.progress-row-score{text-align:right;margin-right:15px}.progress-row-score strong{font-size:15px;color:#83a16e}.progress-row-score span{font-size:9px;color:#a4af9a;display:block;margin-top:3px}.progress-lesson-row>svg{color:#a9b89e}.progress-note{margin-top:20px;display:flex;gap:10px;align-items:center;color:#a0af91;border:1px solid #e5ecd9;border-radius:10px;padding:16px 20px;background:#f2f6eb}.progress-note p{font-size:11px}.settings-page{max-width:820px;margin:10px auto}.settings-page>p{margin:10px 0 27px;font-size:12px}.settings-card{padding:28px;margin:20px 0}.settings-card h2{margin:15px 0;font-size:24px}.settings-card p{font-size:12px;color:#899c7e;line-height:2;margin:14px 0}.settings-features{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0}.settings-features span{font-size:10px;color:#80986d;display:flex;align-items:center;gap:5px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:linear-gradient(130deg,#edf2e4,#dbe8d1);padding:48px 11%;position:relative;overflow:hidden;min-height:800px}.login-story .brand{padding:0}.login-story>.eyebrow{display:block;margin-top:90px;font-size:9px}.login-story h1{font-size:44px;line-height:1.25;letter-spacing:-1.6px;margin:25px 0}.login-story h1 em{font-family:Georgia,serif;font-size:46px;font-weight:400;color:#71895b}.login-story>p{color:#8e9d7e;line-height:1.9;font-size:13px}.login-story .study-art{width:390px;height:290px;top:auto;bottom:80px;left:calc(50% - 195px)}.login-story-footer{position:absolute;bottom:40px;left:11%;color:#97a889;font-size:10px}.login-form{padding:40px;width:100%;max-width:450px;align-self:center;justify-self:center}.login-form>.badge{margin-bottom:22px}.login-form h2{font-size:28px;letter-spacing:-.8px}.login-form>p{font-size:12px;color:#92a189;margin:12px 0 30px}.login-form form>.btn{width:100%;margin-top:25px;padding:13px}.login-form form .field{font-size:12px}.login-divider{display:flex;align-items:center;gap:12px;font-size:10px;color:#a2b095;margin:22px 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-top:1px solid #e7eddf}.login-form>.btn{width:100%}.login-form .login-switch{text-align:center;margin:25px 0;font-size:11px}.login-switch button{font-size:11px;background:none;color:#7c9963;font-weight:600;padding:0 4px}.login-form .login-disclosure{font-size:9px;line-height:1.8;text-align:center;color:#a5b497;margin:20px 0 0}.sidebar-scrim{display:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 8px #cf948215}}@keyframes toast-in{from{opacity:0;bottom:15px}to{opacity:1;bottom:25px}}
@media(min-width:1500px){.main-content{padding:40px 48px 0}.hero-banner{min-height:300px}.hero-copy h2{font-size:40px}.hero-copy h2 em{font-size:42px}.study-art{right:8%}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px}.lesson-cover{height:120px}}
@media(max-width:1200px){:root{--sidebar:215px}.sidebar{padding:25px 13px 0}.topbar{padding:0 26px}.main-content{padding:28px 26px 0}.page-heading h1{font-size:24px}.hero-banner{padding:27px;min-height:265px}.hero-copy h2{font-size:30px}.hero-copy h2 em{font-size:33px}.study-art{right:0;width:300px;transform:scale(.85);transform-origin:center right}.dashboard-grid{grid-template-columns:minmax(0,1fr) 235px;gap:20px}.stat-card{padding:18px 13px;gap:10px}.stat-arrow{display:none}.stat-icon{width:39px;height:39px}.lesson-card-body{padding:16px 16px 0}.lesson-meta{gap:10px}.global-search input{width:115px}.full-width .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid{grid-template-columns:minmax(0,1fr) 235px;gap:24px}.upload-actions{flex-wrap:wrap}.hero-supported{font-size:7px}.hero-copy p{max-width:260px}.create-grid{gap:24px;grid-template-columns:minmax(0,1fr) 220px}.login-story h1{font-size:36px}.login-story h1 em{font-size:40px}}
@media(max-width:1020px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:5px}.tutor-callout{margin:0}.daily-plan{height:100%}.daily-timeline{margin-bottom:14px}.hero-copy h2{font-size:29px}.hero-copy h2 em{font-size:31px}.study-art{opacity:.8;width:260px;right:-20px;transform:scale(.75)}.hero-copy p{font-size:10px}.stat-card div>span{font-size:9px}.stat-card small{font-size:7px}.stat-card strong{font-size:23px}.topbar-actions{gap:13px}.breadcrumb{gap:7px;font-size:10px}.global-search kbd{display:none}.upload-grid{display:block}.upload-help{display:none}.notes-grid{grid-template-columns:190px minmax(0,1fr);gap:16px}.create-grid{grid-template-columns:1fr}.create-help{display:none}.lesson-form{max-width:650px}.login-story{padding:35px 8%}.login-story>.eyebrow{margin-top:65px}.login-story h1{font-size:33px}.login-story h1 em{font-size:35px}.login-form{padding:35px}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:240px;transition:transform .25s}.sidebar.is-open{transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:0;background:#193d3260;z-index:35;backdrop-filter:blur(3px)}.main-shell{margin-left:0}.mobile-toggle{display:flex}.topbar{height:64px;padding:0 22px}.main-content{padding:28px 22px 0}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb strong{font-size:11px}.global-search input{width:120px}.topbar-avatar{display:none}.hero-banner{min-height:270px}.study-art{right:2%;opacity:.9;transform:scale(.85);width:300px}.hero-copy h2{font-size:32px}.hero-copy h2 em{font-size:35px}.page-heading h1{font-size:26px}.hero-copy p{font-size:11px}.hero-copy .btn{font-size:11px}.skip-link{left:20px}.toast{left:50%}.login-story{min-height:780px}.login-story h1{font-size:30px}.login-story h1 em{font-size:33px}.login-story>p{font-size:11px}.login-story>.eyebrow{font-size:7px}.login-story .study-art{transform:scale(.8);left:calc(50% - 195px)}.login-form{padding:28px}.login-form h2{font-size:25px}}
@media(max-width:600px){.topbar{padding:0 16px;gap:8px}.global-search{gap:5px}.global-search input{width:95px;font-size:10px}.topbar-actions{gap:10px}.demo-pill{font-size:7px;padding:4px 6px}.breadcrumb strong{font-size:10px}.main-content{padding:23px 16px 0}.page-heading{align-items:flex-start;gap:12px;margin-bottom:23px}.page-heading h1{font-size:23px;letter-spacing:-.7px}.page-heading p{font-size:11px;line-height:1.7}.page-heading>.btn{padding:10px 11px;font-size:9px;gap:5px;flex-shrink:0;margin-top:22px}.page-heading .eyebrow{font-size:7px;letter-spacing:1px}.greeting-spark{display:none}.hero-banner{min-height:350px;padding:25px;align-items:flex-start}.hero-copy h2{font-size:29px}.hero-copy h2 em{font-size:32px}.hero-copy p{font-size:10px;max-width:220px}.study-art{top:auto;bottom:-36px;height:220px;right:-25px;transform:scale(.64);transform-origin:bottom right;opacity:.85;z-index:0}.hero-copy{z-index:2}.hero-supported{margin-top:13px;font-size:8px}.stats-row{gap:8px;margin:16px 0 27px}.stat-card{flex-direction:column;align-items:flex-start;gap:11px;padding:13px 11px;border-radius:10px}.stat-icon{width:32px;height:32px;border-radius:9px}.stat-icon svg{width:18px;height:18px}.stat-card strong{font-size:22px}.stat-card div>span{font-size:8px;line-height:1.5}.stat-card small{display:none}.stat-card div>span{margin-top:5px}.section-heading h2{font-size:15px}.section-heading>div>span{font-size:8px}.section-heading .text-button{font-size:9px;gap:4px}.lesson-grid,.full-width .lesson-grid{grid-template-columns:1fr;gap:16px}.lesson-cover{height:105px}.lesson-card-body{padding:19px 20px 0}.lesson-card h3{font-size:17px;min-height:auto}.lesson-card p{font-size:11px;height:auto;min-height:19px}.lesson-meta{font-size:9px}.lesson-progress{font-size:9px;margin-top:16px}.lesson-card-footer{font-size:10px}.dashboard-aside{grid-template-columns:1fr;gap:16px}.daily-plan{padding:22px}.daily-plan .section-heading h2{font-size:17px}.daily-plan>.small{font-size:11px}.timeline-item strong{font-size:12px}.timeline-item small,.timeline-item em{font-size:9px}.daily-plan>.sample-caption{font-size:9px}.tutor-callout h3{font-size:24px}.tutor-callout p{font-size:12px}.tutor-callout .text-button{font-size:12px}.app-footer{font-size:7px;padding:22px 0;gap:8px}.form-page>h1{font-size:29px}.lesson-form{padding:21px}.form-actions{flex-wrap:wrap}.form-actions .btn{font-size:11px}.upload-main{padding:19px}.upload-page .page-heading{flex-direction:column}.segmented-tabs{gap:2px}.segmented-tabs>button{font-size:10px;gap:5px;padding:9px 4px}.dropzone{padding:26px 14px}.dropzone h3{font-size:18px}.dropzone>span:last-child{font-size:8px;line-height:1.8}.upload-actions{flex-direction:column;align-items:stretch}.upload-actions>span{justify-content:center;font-size:8px}.success-banner{flex-wrap:wrap}.success-banner .text-button{margin-left:28px}.recorder-panel p{font-size:10px}.notes-grid{display:flex;flex-direction:column;gap:16px}.notes-list{display:flex;flex-wrap:wrap;gap:7px;padding:13px;max-height:190px;overflow:auto}.notes-list h3{width:100%;font-size:11px;padding:0 5px 5px}.notes-list>button{width:auto;flex:1;min-width:140px;padding:10px;background:#f8faf3;border:1px solid #eef3e4;gap:8px}.notes-list small{-webkit-line-clamp:1}.note-editor{padding:20px;min-height:440px}.note-title{font-size:22px}.note-content{min-height:250px;font-size:12px}.progress-page>.page-heading{flex-direction:column}.progress-lessons{padding:20px}.progress-lesson-row{gap:10px}.progress-lesson-row strong{font-size:11px}.progress-lesson-row small{font-size:8px}.progress-lesson-row>.stat-icon{width:31px;height:31px}.progress-row-score{margin:0;min-width:45px}.progress-row-score strong{font-size:13px}.progress-row-score span{font-size:7px}.progress-note{align-items:flex-start;padding:14px}.progress-note p{font-size:10px}.settings-card{padding:22px}.settings-card h2{font-size:22px}.settings-features{gap:12px}.login-page{display:block}.login-story{min-height:260px;padding:30px 25px}.login-story .brand{gap:9px}.login-story .brand strong{font-size:25px}.login-story .brand small{font-size:6px}.login-story .brand-mark{height:33px;width:33px}.login-story>.eyebrow{margin-top:30px;font-size:7px}.login-story h1{font-size:29px;margin:12px 0}.login-story h1 em{font-size:32px}.login-story>p{font-size:10px;max-width:210px}.login-story .study-art{transform:scale(.48);left:auto;right:-27px;bottom:-28px;transform-origin:bottom right;opacity:.75}.login-story-footer{display:none}.login-form{padding:35px 25px;margin:0 auto}.login-form h2{font-size:25px}.toast{font-size:11px;padding:12px;min-width:260px;max-width:calc(100vw - 24px)}.desktop-br{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.topic-filters{display:flex;gap:8px;overflow:auto;max-width:100%;padding:1px 2px 20px}.topic-filters button{border:1px solid #e2e9da;border-radius:7px;padding:7px 12px;font-size:10px;white-space:nowrap;background:white;color:#92a184}.topic-filters button.active{background:#e7f0df;border-color:#cfdcbc;color:#65884d;font-weight:600}