:root{--font-serif:"Source Serif 4", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--space-xs:8px;--space-s:16px;--space-m:24px;--space-l:32px;--space-xl:48px}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,color .2s}body{font-family:var(--font-sans);background-color:var(--color-bg-app);color:var(--color-text-primary);min-height:calc(100 * var(--vh));-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.dashboard-page-wrapper{min-height:calc(100 * var(--vh));background-color:var(--color-bg-app);width:100%;color:var(--color-text-primary);flex-direction:column;display:flex}.icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:middle;width:16px;height:16px;display:inline-block}.top-nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;height:56px;box-shadow:var(--shadow-sm);align-items:center;display:flex;position:sticky;top:0}.top-nav-inner{width:100%;max-width:1320px;padding:0 var(--space-m);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand-logo{font-family:var(--font-serif);color:var(--color-text-primary);cursor:pointer;align-items:center;gap:10px;font-size:20px;font-weight:600;text-decoration:none;display:flex}.brand-logo-mark{background-color:var(--color-primary);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.brand-logo-mark .icon{stroke:#fff;width:16px;height:16px}.top-nav-actions{align-items:center;gap:12px;display:flex}.streak-badge{border-radius:var(--radius-pill);background-color:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:default;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.streak-badge .icon{color:currentColor}.streak-badge.active-today{border-color:var(--color-primary);color:var(--color-primary);background-color:#2f5d501a}[data-theme=dark] .streak-badge.active-today{border-color:var(--color-primary);color:var(--color-primary);background-color:#4e917d26}.btn-add-course{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);height:38px;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn-add-course:hover{background-color:var(--color-primary-hover)}.btn-add-course:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.profile-menu-container{position:relative}.avatar-btn{background-color:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.avatar-btn:hover,.avatar-btn[aria-expanded=true]{border-color:var(--color-primary);background-color:var(--color-surface-hover);box-shadow:0 0 0 2px #2f5d5026}.avatar-icon{stroke:currentColor;stroke-width:2px;width:18px;height:18px}.profile-dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:230px;box-shadow:var(--shadow-md);z-index:1000;flex-direction:column;padding:6px;animation:.15s ease-out dropdownFade;display:none;position:absolute;top:calc(100% + 8px);right:0}.profile-dropdown-menu.open{display:flex}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:8px 10px 6px}.dropdown-header .user-name{color:var(--color-text-primary);font-size:13px;font-weight:600;display:block}.dropdown-header .user-status{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.dropdown-divider{background-color:var(--color-border-subtle);height:1px;margin:4px 0}a.dropdown-item{box-sizing:border-box;text-decoration:none}.dropdown-item{width:100%;color:var(--color-text-primary);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;text-decoration:none;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.dropdown-item .item-content{align-items:center;gap:10px;display:flex}.dropdown-item .item-icon{width:16px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.dropdown-item kbd{font-family:var(--font-mono);background-color:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;padding:2px 5px;font-size:11px}.btn-secondary{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-surface-muted)}.btn-icon{border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--color-surface-hover)}.dashboard-container{box-sizing:border-box;width:100%;max-width:1320px;padding:var(--space-l) var(--space-m) var(--space-xl);margin:0 auto}.greeting-header{margin-bottom:var(--space-l);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.greeting-title{font-family:var(--font-serif);color:var(--color-text-primary);font-size:26px;font-weight:600}.top-deck-grid{--deck-card-height:clamp(400px, calc(calc(100 * var(--vh)) - 185px), 480px);grid-template-columns:38fr 31fr 31fr;grid-auto-rows:var(--deck-card-height);gap:var(--space-m);margin-bottom:var(--space-xl);align-items:stretch;transition:all .3s;display:grid}.top-deck-grid>.deck-card{height:var(--deck-card-height);min-width:0;min-height:0;position:relative;overflow:hidden}.deck-card-loading{flex-direction:column;gap:12px;height:100%;display:flex}.deck-card-loading.boxed{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-muted);padding:14px}.skeleton-bar,.skeleton-block{border-radius:var(--radius-pill);background:var(--color-surface-muted);animation:1.2s ease-in-out infinite skeletonPulse;display:block}.deck-card-loading.boxed .skeleton-bar,.deck-card-loading.boxed .skeleton-block{background:var(--color-border-subtle)}.skeleton-bar{height:10px}.skeleton-bar.tall{height:14px}.skeleton-block{border-radius:var(--radius-sm);height:38px}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.deck-card-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.deck-card-header{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:8px;display:flex}.deck-card-header .eyebrow-tag{min-width:0;margin-bottom:0}.deck-card-header .eyebrow-tag .icon{flex-shrink:0}.eyebrow-text{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.deck-card-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.full-text-btn{white-space:nowrap}.full-text-sheet{max-width:640px;max-height:calc(calc(100 * var(--vh)) - 2 * var(--space-m));overflow-y:auto}.full-text-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-secondary);margin:16px 0 6px;font-size:11px;font-weight:700}.full-text-body{color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.55}.full-text-options{flex-direction:column;gap:8px;display:flex}.full-text-options .quiz-choice{align-items:flex-start}.priority-card{border-left:4px solid var(--color-primary)}.priority-split{align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.priority-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#242220;flex-shrink:0;width:130px;position:relative;overflow:hidden}.priority-thumb img{object-fit:cover;width:100%;height:100%}.chapter-count-pill{color:#fff;background:#000000bf;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:500;position:absolute;bottom:4px;right:4px}.priority-info{flex:1;min-width:0}.priority-title{font-family:var(--font-serif);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.priority-lesson{color:var(--color-text-secondary);font-size:13px;font-weight:500}.progress-bar-container{background:var(--color-surface-muted);border-radius:var(--radius-pill);width:100%;height:6px;margin:4px 0;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:var(--radius-pill);height:100%;transition:width .4s}.progress-label-row{color:var(--color-text-secondary);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.badge-chip{border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary);align-items:center;gap:5px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-chip.urgent{color:var(--color-accent);background:#d9962b26;border:1px solid #d9962b59}.priority-actions{border-top:1px solid var(--color-border-subtle);align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}.quiz-choice-text{--clamp-lines:2;min-width:0;line-height:1.4}.quiz-options-group{flex-direction:column;gap:8px;display:flex}.card-footer-row{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.deck-intro-title{font-family:var(--font-serif);color:var(--color-text-primary);margin:6px 0 12px;font-size:17px;font-weight:600;line-height:1.35}.deck-intro-points{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.deck-intro-points li{color:var(--color-text-secondary);padding-left:16px;font-size:13px;line-height:1.5;position:relative}.deck-intro-points li:before{content:"";background:var(--color-primary);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:2px}.deck-intro-footer{color:var(--color-text-secondary);justify-content:flex-start;font-size:12px}.report-btn-tag{color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.report-btn-tag:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.report-popover-backdrop{width:calc(100 * var(--vw));height:calc(100 * var(--vh));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1050;background:#14131280;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;top:0;left:0}.report-popover-backdrop.open{display:flex}.report-popover-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:12px;width:100%;max-width:380px;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) reportCardFadeIn}@keyframes reportCardFadeIn{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.report-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.report-header-title{font-family:var(--font-serif);color:var(--color-text-primary);align-items:center;gap:7px;font-size:16px;font-weight:600;display:flex}.btn-report-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;line-height:1}.btn-report-close:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.report-subtext{color:var(--color-text-secondary);margin-bottom:14px;font-size:12px;line-height:1.4}.report-category-group{margin-bottom:12px}.report-field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.report-chips-row{flex-wrap:wrap;gap:6px;display:flex}.report-chip{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-pill);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font-sans);padding:4px 10px;transition:all .15s}.report-chip:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.report-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.report-input-group{margin-bottom:16px}.report-textarea{box-sizing:border-box;background:var(--color-bg);border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);color:var(--color-text-primary);resize:vertical;border-radius:8px;outline:none;min-height:72px;padding:10px 12px;font-size:13px;transition:border-color .15s}.report-textarea:focus{border-color:var(--color-primary)}.report-actions-row{justify-content:flex-end;gap:8px;display:flex}.flashcard-perspective{perspective:1000px;cursor:pointer;outline:none;width:100%;height:100%}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border-radius:var(--radius-sm);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:14px;display:flex;position:absolute}.flashcard-front{background:var(--color-surface-muted);border:1px solid var(--color-border)}.flashcard-back{background:var(--color-surface);border:1.5px solid var(--color-primary);transform:rotateY(180deg)}.flashcard-prompt-sub{--clamp-lines:2;color:var(--color-text-secondary);font-size:13px;line-height:1.4}.flashcard-hint{color:var(--color-primary);text-align:center;border-radius:var(--radius-pill);background:#2f5d5014;justify-content:center;align-items:center;gap:6px;padding:5px;font-size:11px;font-weight:600;display:flex}.flashcard-face>.deck-card-body{margin-bottom:10px}.library-header{margin-bottom:var(--space-s);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.library-title{font-family:var(--font-serif);align-items:center;gap:10px;font-size:22px;font-weight:600;display:flex}.count-pill{font-family:var(--font-sans);background:var(--color-surface-muted);border-radius:var(--radius-pill);color:var(--color-text-secondary);padding:2px 8px;font-size:13px;font-weight:600}.library-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.course-search-box{align-items:center;width:250px;display:flex;position:relative}.search-icon-inside{color:var(--color-text-secondary);pointer-events:none;position:absolute;left:10px}.search-input-field{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:36px;color:var(--color-text-primary);font-family:var(--font-sans);outline:none;padding:0 28px 0 32px;font-size:13px;transition:border-color .15s,box-shadow .15s}.search-input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2f5d5026}.clear-search-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;padding:2px 4px;font-size:12px;display:none;position:absolute;right:8px}.clear-search-btn:hover{color:var(--color-text-primary);background:var(--color-surface-muted)}.sort-control{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.select-dropdown{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);height:36px;color:var(--color-text-primary);font-family:var(--font-sans);cursor:pointer;outline:none;padding:0 12px;font-size:13px;font-weight:500}.select-dropdown:focus{border-color:var(--color-primary)}.course-grid{gap:var(--space-m);grid-template-columns:repeat(3,1fr);display:grid}.course-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-s);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;gap:12px;transition:transform .15s,box-shadow .15s;display:flex}.course-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-2px)}.course-thumb-box{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#242220;width:100%;position:relative;overflow:hidden}.course-thumb-box img{object-fit:cover;width:100%;height:100%}.course-card-title{font-family:var(--font-sans);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:15px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.course-creator{color:var(--color-text-secondary);margin-top:-6px;font-size:12px}.course-card-actions{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;display:flex}.search-empty-state{text-align:center;background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-secondary);grid-column:1/-1;padding:40px 20px;font-size:14px;display:none}.modal-backdrop{width:calc(100 * var(--vw));height:calc(100 * var(--vh));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;padding:var(--space-m);background:#14131299;justify-content:center;align-items:center;display:none;position:fixed;top:0;left:0}.modal-backdrop.open{display:flex}.modal-sheet{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:var(--space-l);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);animation:.2s ease-out modalFadeIn}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.form-group{margin-bottom:16px}.form-label{color:var(--color-text-primary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:44px;color:var(--color-text-primary);font-family:var(--font-sans);outline:none;padding:0 14px;font-size:14px}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2f5d5033}.validation-hint{color:var(--color-error);margin-top:4px;font-size:12px;display:none}.toggle-row{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.toggle-info span{color:var(--color-text-primary);font-size:14px;font-weight:500;display:block}.toggle-info small{color:var(--color-text-secondary);font-size:12px}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--color-border);border-radius:34px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(20px)}.demo-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);z-index:90;align-items:center;gap:10px;padding:6px 14px;font-size:12px;display:flex;position:fixed;bottom:16px;left:16px}@media (max-width:1100px){.top-deck-grid{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.course-grid{grid-template-columns:1fr}}.nav-search-link{align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.nav-search-link .icon{width:15px;height:15px}.nav-search-link.active{background:var(--color-primary-light);color:var(--color-primary)}.onb{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1080px;margin:0 auto;padding:4px 0 48px;display:flex}.onb-icon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.onb-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-text-primary);margin:0;font-size:36px;font-weight:600;line-height:1.15}.onb-title em{color:var(--color-primary);font-style:normal}.onb-sub{color:var(--color-text-secondary);text-wrap:balance;max-width:72ch;margin:10px 0 0;font-size:16px}.onb-in{opacity:0;animation:.6s cubic-bezier(.2,.7,.2,1) forwards onb-rise;transform:translateY(8px)}.onb-in.d1{animation-delay:90ms}.onb-in.d2{animation-delay:.22s}.onb-in.d3{animation-delay:.38s}.onb-in.d4{animation-delay:.52s}@keyframes onb-rise{to{opacity:1;transform:none}}.onb{--onb-chrome:620px}.onb-stage-card{width:100%;max-width:clamp(440px, calc((100 * var(--vh) - var(--onb-chrome)) * 2.2 + 48px), 940px);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-md);background:radial-gradient(circle at 1px 1px, var(--color-border-subtle) 1px, transparent 0) 0 0 / 22px 22px, var(--color-surface);border-radius:20px;margin-top:24px;padding:24px}.onb-stage-wrap{aspect-ratio:880/400;width:100%;position:relative}.onb-stage{transform-origin:0 0;text-align:left;width:880px;height:400px;transition:opacity .38s;position:absolute;top:0;left:0}.onb-stage.is-fading{opacity:0}.onb-stage.is-instant,.onb-stage.is-instant *{transition:none!important;animation:none!important}.onb-el{transition:opacity .5s,transform .6s cubic-bezier(.2,.75,.25,1);position:absolute}.onb-stage code{font-family:var(--font-mono);background:var(--color-surface-muted);border-radius:4px;padding:0 4px;font-size:.92em}.onb-url{background:var(--color-bg-app);border:1.5px solid var(--color-primary);width:540px;height:56px;box-shadow:0 0 0 5px var(--color-primary-light);border-radius:14px;align-items:center;gap:12px;padding:0 18px;display:flex;top:52px;left:170px}.onb-url .onb-icon{color:var(--color-primary)}.onb-url-text{font-family:var(--font-mono);color:var(--color-text-primary);white-space:nowrap;font-size:14.5px;overflow:hidden}.onb-caret{background:var(--color-primary);width:2px;height:20px;margin-left:-8px;animation:1s step-end infinite onb-caret}@keyframes onb-caret{50%{opacity:0}}.onb-stage.s1 .onb-url{opacity:0;transform:translateY(-28px)scale(.92)}.onb-thumb{left:var(--x0);top:var(--y0);background:var(--th);width:124px;height:70px;box-shadow:var(--shadow-md);transform:rotate(var(--r0));transition:left .7s cubic-bezier(.2,.75,.25,1),top .7s cubic-bezier(.2,.75,.25,1),width .7s cubic-bezier(.2,.75,.25,1),height .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1),border-radius .7s,box-shadow .7s;transition-delay:calc(var(--i) * 70ms);border-radius:10px;overflow:hidden}.onb-thumb:before{content:"";background:linear-gradient(160deg,#ffffff38,#0000 55%);position:absolute;inset:0}.onb-thumb-play{background:#00000059;border-radius:50%;place-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;transition:transform .5s;display:grid;position:absolute;top:50%;left:50%}.onb-thumb-play:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;margin-left:2px}.onb-stage:not(.s1) .onb-thumb{animation:3.2s ease-in-out infinite onb-bob;animation-delay:calc(var(--i) * -.6s)}@keyframes onb-bob{50%{translate:0 -6px}}.onb-stage.s1 .onb-thumb{left:18px;top:calc(118px + var(--i) * 52px);width:58px;height:34px;box-shadow:none;border-radius:6px;transform:none}.onb-stage.s1 .onb-thumb-play{transform:scale(.6)}.onb-course{background:var(--color-surface);border:1px solid var(--color-border);width:290px;height:372px;box-shadow:var(--shadow-sm);opacity:0;border-radius:14px;padding:18px;top:14px;left:0;transform:scale(.96)}.onb-stage.s1 .onb-course{opacity:1;transform:none}.onb-course-title{font-family:var(--font-serif);color:var(--color-text-primary);font-size:18px;font-weight:600;line-height:1.25}.onb-course-meta{color:var(--color-text-secondary);margin-top:3px;font-size:12px}.onb-bar{background:var(--color-surface-muted);border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.onb-bar i{background:var(--color-primary);border-radius:3px;width:0;height:100%;transition:width .9s cubic-bezier(.2,.75,.25,1);display:block}.onb-stage.s3 .onb-bar i{width:20%}.onb-row{left:10px;top:calc(112px + var(--i) * 52px);opacity:0;width:270px;height:46px;transition-delay:calc(.28s + var(--i) * 70ms);border-radius:9px;transform:translate(-8px)}.onb-stage.s1 .onb-row{opacity:1;transform:none}.onb-row-name{white-space:nowrap;color:var(--color-text-primary);font-size:13.5px;font-weight:600;position:absolute;top:6px;left:78px}.onb-row-dur{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:11.5px;position:absolute;top:24px;left:78px}.onb-row-st{border:1.5px solid var(--color-border);border-radius:50%;place-items:center;width:20px;height:20px;transition:background .4s,border-color .4s,transform .4s;display:grid;position:absolute;top:13px;right:10px}.onb-row-st .onb-icon{stroke-width:3px;opacity:0;width:12px;height:12px;transition:opacity .3s}.onb-row-first{transition:opacity .5s,transform .6s,background .4s}.onb-stage.s2 .onb-row-first{background:var(--color-primary-light)}.onb-stage.s3 .onb-row-first .onb-row-st{border-color:var(--color-watched);color:var(--color-watched)}.onb-stage.s3 .onb-row-first .onb-row-st .onb-icon{opacity:1}.onb-stage.s5 .onb-row-first .onb-row-st{background:var(--color-success);border-color:var(--color-success);color:#fff;transform:scale(1.12)}.onb-stage.s6 .onb-row-first .onb-row-st{transform:none}.onb-player{width:300px;height:169px;box-shadow:var(--shadow-md);opacity:0;background:#1b1a18;border-radius:12px;top:14px;left:312px;overflow:hidden;transform:translateY(14px)}.onb-player-scene{opacity:.9;background:linear-gradient(135deg,#2f5d50 0%,#1f3d35 60%,#1b1a18 100%);position:absolute;inset:0}.onb-player-code{font-family:var(--font-mono);color:#cfe3db;font-size:12px;line-height:1.75;position:absolute;top:26px;left:22px}.onb-player-code b{color:#e5a94e;font-weight:500}.onb-player-play{background:#ffffff1f;border-radius:50%;place-items:center;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .4s,transform .4s;display:grid;position:absolute;top:50%;left:50%}.onb-player-play:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #f3efea;margin-left:4px}.onb-player-track{background:#fff3;border-radius:2px;height:3px;position:absolute;bottom:10px;left:12px;right:12px}.onb-player-track i{background:#f3efea;border-radius:2px;width:0;height:100%;display:block}.onb-stage.s2 .onb-player{opacity:1;transition-delay:.1s;transform:none}.onb-stage.s2 .onb-player-play{opacity:0;transition-delay:.7s;transform:scale(1.4)}.onb-stage.s2 .onb-player-track i{width:100%;transition:width 2.6s linear .6s}.onb-player-cap{color:var(--color-text-secondary);opacity:0;font-size:12.5px;top:192px;left:312px}.onb-player-cap strong{color:var(--color-text-primary);font-weight:600}.onb-stage.s2 .onb-player-cap{opacity:1;transition-delay:.2s}.onb-notes{background:var(--color-surface-muted);border:1px solid var(--color-border-subtle);opacity:0;border-radius:14px;width:248px;height:372px;padding:18px;top:14px;left:632px;transform:translate(14px)}.onb-stage.s2 .onb-notes{opacity:1;transition-delay:.25s;transform:none}.onb-notes h4{font-family:var(--font-serif);color:var(--color-text-primary);margin:0 0 14px;font-size:16px;font-weight:600}.onb-line{background:color-mix(in srgb, var(--color-text-secondary) 32%, transparent);border-radius:4px;width:0;height:8px;margin-bottom:11px;transition:width .6s}.onb-stage.s2 .onb-line{width:var(--w);transition-delay:calc(.9s + var(--i) * .26s)}.onb-ts{border-radius:var(--radius-pill);background:var(--color-primary-light);height:24px;color:var(--color-primary);font-variant-numeric:tabular-nums;opacity:0;align-items:center;gap:5px;margin:4px 0 14px;padding:0 9px;font-size:12px;font-weight:700;transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1);display:inline-flex;transform:scale(.7)}.onb-ts:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid}.onb-stage.s2 .onb-ts{opacity:1;transition-delay:1.75s;transform:none}.onb-stage.s2 .onb-ts-late{transition-delay:3s}.onb-quiz{background:var(--color-surface);border:1px solid var(--color-border);width:300px;height:164px;box-shadow:var(--shadow-lg);opacity:0;border-radius:12px;padding:14px 14px 12px;top:222px;left:312px;transform:translateY(18px)}.onb-stage.s3 .onb-quiz{opacity:1;transform:none}.onb-stage.s5 .onb-quiz{opacity:0;transform:translateY(-10px)scale(.97)}.onb-eyebrow{text-transform:uppercase;letter-spacing:.6px;color:var(--color-primary);font-size:10.5px;font-weight:700}.onb-q{color:var(--color-text-primary);margin:4px 0 9px;font-size:13.5px;font-weight:600}.onb-opt{border:1.5px solid var(--color-border);height:28px;color:var(--color-text-primary);border-radius:7px;align-items:center;margin-bottom:6px;padding:0 10px;font-size:12.5px;transition:background .3s,border-color .3s;display:flex;position:relative}.onb-ok{color:var(--color-success);opacity:0;align-items:center;gap:3px;margin-left:auto;font-size:11.5px;font-weight:700;transition:opacity .3s .15s;display:inline-flex}.onb-ok .onb-icon{stroke-width:3px;width:13px;height:13px}.onb-stage.s4 .onb-opt-right{border-color:var(--color-success);background:var(--color-success-bg)}.onb-stage.s4 .onb-opt-right .onb-ok{opacity:1}.onb-fc{perspective:900px;opacity:0;width:300px;height:164px;transition-delay:.15s;top:222px;left:312px;transform:translateY(18px)}.onb-stage.s5 .onb-fc{opacity:1;transform:none}.onb-fc-inner{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.8,.3,1);position:absolute;inset:0}.onb-stage.s6 .onb-fc-inner{transform:rotateY(180deg)}.onb-fc-face{backface-visibility:hidden;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text-primary);border-radius:12px;flex-direction:column;padding:14px;display:flex;position:absolute;inset:0}.onb-fc-back{background:var(--color-primary-light);border-color:var(--color-primary);transform:rotateY(180deg)}.onb-fc-word{text-align:center;font-family:var(--font-serif);margin:auto 0;font-size:21px;font-weight:600}.onb-fc-hint{text-align:center;color:var(--color-text-secondary);font-size:11.5px}.onb-fc-ans{text-align:center;margin:auto 0;font-size:14.5px;line-height:1.45}.onb-streak{border-radius:var(--radius-pill);background:var(--color-accent-light);height:28px;color:var(--color-accent);border:1px solid var(--color-accent);opacity:0;align-items:center;gap:4px;padding:0 10px 0 7px;font-size:12px;font-weight:700;transition:opacity .3s,transform .5s cubic-bezier(.3,1.7,.5,1);display:inline-flex;top:50px;left:204px;transform:scale(.4)}.onb-streak svg{fill:currentColor;width:15px;height:15px}.onb-stage.s6 .onb-streak{opacity:1;transition-delay:.6s;transform:none}.onb-steps{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin:18px 0 0;padding:0;list-style:none;display:grid}.onb-step{all:unset;box-sizing:border-box;cursor:pointer;text-align:left;width:100%;color:var(--color-text-secondary);transition:color .25s;display:block}.onb-step:disabled{cursor:default}.onb-step.active{color:var(--color-text-primary)}.onb-step:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:4px}.onb-step-track{background:var(--color-border-subtle);border-radius:2px;height:3px;margin-bottom:9px;display:block;overflow:hidden}.onb-step-fill{background:var(--color-primary);width:0;height:100%;display:block}.onb-step.done .onb-step-fill{width:100%}.onb-step.active .onb-step-fill{animation:onb-fill var(--dur) linear forwards}.onb-stage-card.is-paused .onb-step.active .onb-step-fill{animation-play-state:paused}@keyframes onb-fill{to{width:100%}}.onb-step b{font-size:14px;font-weight:600;display:block}.onb-step-line{margin-top:2px;font-size:12.5px;line-height:1.4;display:block}.onb-stage-foot{justify-content:flex-end;margin:4px 0 -8px;display:flex}.onb-pause{all:unset;cursor:pointer;color:var(--color-text-secondary);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.onb-pause:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.onb-pause:focus-visible{outline:2px solid var(--color-primary)}.onb-pause .onb-icon{width:14px;height:14px}.onb-ask{width:100%;max-width:640px;margin-top:28px}.onb-ask label{font-family:var(--font-serif);color:var(--color-text-primary);margin-bottom:10px;font-size:21px;font-weight:600;display:block}.onb-form{background:var(--color-surface);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:14px;gap:8px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex}.onb-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.onb-form>.onb-icon{color:var(--color-text-secondary);align-self:center;margin:0 2px 0 10px}.onb-form input{min-width:0;font:inherit;color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.onb-form .btn{height:44px;padding:0 20px;font-size:15px}.onb-hint{color:var(--color-text-secondary);margin:10px 0 0;font-size:13px}@media (min-width:721px) and (max-height:860px){.onb{--onb-chrome:495px}.onb-title{font-size:30px}.onb-title br{display:none}.onb-sub{margin-top:6px;font-size:15px}.onb-stage-card{margin-top:18px;padding:18px 20px}.onb-steps{margin-top:12px}.onb-step-line{display:none}.onb-ask{margin-top:20px}.onb-ask label{margin-bottom:8px;font-size:19px}}@media (max-width:720px){.onb{padding-top:8px}.onb-title{font-size:30px}.onb-title br{display:none}.onb-sub{font-size:15.5px}.onb-stage-card{border-radius:16px;max-width:none;padding:14px}.onb-steps{grid-template-columns:repeat(2,1fr)}.onb-form{flex-wrap:wrap}.onb-form input{height:40px}.onb-form .btn{width:100%}}@media (prefers-reduced-motion:reduce){.onb-in{opacity:1;animation:none;transform:none}.onb-stage,.onb-stage *{transition:none!important;animation:none!important}}