.StudyView-module__UcDQ0a__study{flex-direction:column;min-height:100dvh;display:flex}.StudyView-module__UcDQ0a__header{top:var(--ok-space-2);z-index:var(--ok-z-header);margin:var(--ok-space-2) var(--ok-space-3) 0;padding:var(--ok-space-2) var(--ok-space-3);align-items:center;gap:var(--ok-space-3);border-radius:var(--ok-radius-lg);display:flex;position:sticky}.StudyView-module__UcDQ0a__backButton{min-width:var(--ok-touch-target);min-height:var(--ok-touch-target);border-radius:var(--ok-radius-full);font-size:var(--ok-text-lg);color:var(--ok-fg-muted);transition:background var(--ok-duration-fast) var(--ok-ease);justify-content:center;align-items:center;display:inline-flex}.StudyView-module__UcDQ0a__backButton:hover{background:var(--ok-primary-soft);color:var(--ok-primary)}.StudyView-module__UcDQ0a__headerInfo{gap:var(--ok-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.StudyView-module__UcDQ0a__courseTitle{font-size:var(--ok-text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.StudyView-module__UcDQ0a__progressBar{border-radius:var(--ok-radius-full);background:var(--ok-border);height:6px;overflow:hidden}.StudyView-module__UcDQ0a__progressFill{border-radius:var(--ok-radius-full);background:linear-gradient(90deg, var(--ok-primary), var(--ok-accent));height:100%;transition:width var(--ok-duration-slow) var(--ok-ease);display:block}.StudyView-module__UcDQ0a__contentsButton{min-width:var(--ok-touch-target);min-height:var(--ok-touch-target);border-radius:var(--ok-radius-full);color:var(--ok-fg-muted);transition:background var(--ok-duration-fast) var(--ok-ease);justify-content:center;align-items:center;display:inline-flex}.StudyView-module__UcDQ0a__contentsButton:hover,.StudyView-module__UcDQ0a__contentsButton[aria-expanded=true]{background:var(--ok-primary-soft);color:var(--ok-primary)}.StudyView-module__UcDQ0a__body{gap:var(--ok-space-5);width:100%;max-width:72rem;padding:var(--ok-space-4) var(--ok-space-3) calc(var(--ok-space-8) + 72px);flex:1;margin:0 auto;display:flex}.StudyView-module__UcDQ0a__contents{display:none}.StudyView-module__UcDQ0a__contentsOpen{z-index:var(--ok-z-overlay);background:color-mix(in srgb, var(--ok-mist-950) 40%, transparent);padding:calc(var(--ok-space-8) + var(--ok-space-4)) var(--ok-space-3) var(--ok-space-3);animation:StudyView-module__UcDQ0a__fadeIn var(--ok-duration-fast) var(--ok-ease);display:block;position:fixed;inset:0}@keyframes StudyView-module__UcDQ0a__fadeIn{0%{opacity:0}to{opacity:1}}.StudyView-module__UcDQ0a__contentsPanel{max-height:100%;padding:var(--ok-space-3);gap:var(--ok-space-2);animation:StudyView-module__UcDQ0a__sheetIn var(--ok-duration-med) var(--ok-ease);scrollbar-width:thin;scrollbar-color:var(--ok-border-strong) transparent;flex-direction:column;display:flex;overflow-y:auto}.StudyView-module__UcDQ0a__contentsPanel::-webkit-scrollbar{width:5px}.StudyView-module__UcDQ0a__contentsPanel::-webkit-scrollbar-track{background:0 0}.StudyView-module__UcDQ0a__contentsPanel::-webkit-scrollbar-thumb{background:var(--ok-border-strong);border-radius:var(--ok-radius-full)}.StudyView-module__UcDQ0a__contentsPanel::-webkit-scrollbar-thumb:hover{background:var(--ok-fg-subtle)}@keyframes StudyView-module__UcDQ0a__sheetIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.StudyView-module__UcDQ0a__contentsSection{border-radius:var(--ok-radius-md)}.StudyView-module__UcDQ0a__contentsSectionTitle{align-items:center;gap:var(--ok-space-2);font-weight:700;font-size:var(--ok-text-sm);min-height:var(--ok-touch-target);padding:0 var(--ok-space-3);cursor:pointer;border-radius:var(--ok-radius-md);list-style:none;display:flex}.StudyView-module__UcDQ0a__contentsSectionTitle::-webkit-details-marker{display:none}.StudyView-module__UcDQ0a__contentsSectionTitle:hover{background:var(--ok-primary-soft)}.StudyView-module__UcDQ0a__sectionCheck{color:var(--ok-success);font-weight:800}.StudyView-module__UcDQ0a__contentsSectionLabel{flex:1;min-width:0}.StudyView-module__UcDQ0a__sectionChevron{color:var(--ok-fg-subtle);transition:transform var(--ok-duration-fast) var(--ok-ease);flex-shrink:0;align-items:center;display:inline-flex}.StudyView-module__UcDQ0a__contentsSection:not([open]) .StudyView-module__UcDQ0a__sectionChevron{transform:rotate(-90deg)}.StudyView-module__UcDQ0a__contentsMaterials{padding:var(--ok-space-1) 0 var(--ok-space-2);flex-direction:column;list-style:none;display:flex}.StudyView-module__UcDQ0a__contentsMaterial{align-items:center;gap:var(--ok-space-2);min-height:var(--ok-touch-target);padding:0 var(--ok-space-3) 0 var(--ok-space-4);border-radius:var(--ok-radius-md);font-size:var(--ok-text-sm);color:var(--ok-fg-muted);transition:background var(--ok-duration-fast) var(--ok-ease);display:flex}.StudyView-module__UcDQ0a__contentsMaterial:hover{background:var(--ok-primary-soft);color:var(--ok-primary)}.StudyView-module__UcDQ0a__contentsMaterial[aria-current=page]{background:var(--ok-primary-soft);color:var(--ok-primary);font-weight:700}.StudyView-module__UcDQ0a__materialCheck,.StudyView-module__UcDQ0a__materialCheckDone{border-radius:var(--ok-radius-full);border:1.5px solid var(--ok-border-strong);flex-shrink:0;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.7rem;font-weight:800;display:inline-flex}.StudyView-module__UcDQ0a__materialCheckDone{border-color:var(--ok-success);background:var(--ok-success);color:#fff}.StudyView-module__UcDQ0a__contentsMaterialTitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.StudyView-module__UcDQ0a__content{min-width:0;max-width:var(--ok-measure-reading);gap:var(--ok-space-4);animation:StudyView-module__UcDQ0a__contentIn var(--ok-duration-slow) var(--ok-ease);flex-direction:column;flex:1;margin:0 auto;display:flex}@keyframes StudyView-module__UcDQ0a__contentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.StudyView-module__UcDQ0a__completedBanner{padding:var(--ok-space-4);gap:var(--ok-space-3);border-left:3px solid var(--ok-success);flex-direction:column;display:flex}.StudyView-module__UcDQ0a__completedTitle{color:var(--ok-success);font-weight:800}.StudyView-module__UcDQ0a__completedHint{font-size:var(--ok-text-sm);color:var(--ok-fg-muted)}.StudyView-module__UcDQ0a__completedLink{color:var(--ok-primary);font-weight:700}.StudyView-module__UcDQ0a__certificateButton{min-height:var(--ok-touch-target);padding:0 var(--ok-space-5);border-radius:var(--ok-radius-full);background:linear-gradient(90deg, var(--ok-primary), var(--ok-accent));color:#fff;box-shadow:var(--ok-shadow-2);transition:transform var(--ok-duration-fast) var(--ok-ease);align-self:flex-start;align-items:center;font-weight:700;display:inline-flex}.StudyView-module__UcDQ0a__certificateButton:hover:not(:disabled){transform:translateY(-1px)}.StudyView-module__UcDQ0a__metaRow{justify-content:space-between;align-items:center;gap:var(--ok-space-3);flex-wrap:wrap;display:flex}.StudyView-module__UcDQ0a__breadcrumb{font-size:var(--ok-text-sm);color:var(--ok-primary);align-items:baseline;gap:var(--ok-space-3);flex-wrap:wrap;font-weight:700;display:flex}.StudyView-module__UcDQ0a__speedReading{gap:var(--ok-space-2);flex-wrap:wrap;display:flex}.StudyView-module__UcDQ0a__rsvpButton{align-items:center;gap:var(--ok-space-2);min-height:36px;padding:0 var(--ok-space-3);border-radius:var(--ok-radius-full);border:1px solid var(--ok-border);font-size:var(--ok-text-sm);color:var(--ok-fg-muted);transition:background var(--ok-duration-fast) var(--ok-ease), color var(--ok-duration-fast) var(--ok-ease), border-color var(--ok-duration-fast) var(--ok-ease);font-weight:600;display:inline-flex}.StudyView-module__UcDQ0a__rsvpButton:hover{background:var(--ok-primary-soft);border-color:var(--ok-primary);color:var(--ok-primary)}.StudyView-module__UcDQ0a__rsvpButton[aria-pressed=true]{background:var(--ok-primary);border-color:var(--ok-primary);color:var(--ok-primary-fg)}.StudyView-module__UcDQ0a__readingTime{color:var(--ok-fg-muted);font-weight:500}.StudyView-module__UcDQ0a__materialTitle{font-size:var(--ok-text-2xl);line-height:var(--ok-leading-tight);letter-spacing:-.02em}.StudyView-module__UcDQ0a__materialSources{font-size:var(--ok-text-sm);color:var(--ok-fg-muted);border-top:1px solid var(--ok-border);padding-top:var(--ok-space-4);gap:var(--ok-space-1);flex-direction:column;display:flex}.StudyView-module__UcDQ0a__sourceList{gap:var(--ok-space-1);padding-left:var(--ok-space-3);border-left:2px solid var(--ok-border);flex-direction:column;list-style:none;display:flex}.StudyView-module__UcDQ0a__sourceLink{color:var(--ok-primary);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.StudyView-module__UcDQ0a__footer{bottom:calc(var(--ok-space-2) + env(safe-area-inset-bottom,0px));left:var(--ok-space-3);right:var(--ok-space-3);z-index:var(--ok-z-header);max-width:46rem;transition:transform var(--ok-duration-med) var(--ok-ease);margin:0 auto;position:fixed}.StudyView-module__UcDQ0a__playerDock{bottom:calc(var(--ok-space-2) + env(safe-area-inset-bottom,0px) + var(--ok-touch-target) + var(--ok-space-4) + var(--ok-space-2));left:var(--ok-space-3);right:var(--ok-space-3);z-index:var(--ok-z-header);max-width:46rem;transition:bottom var(--ok-duration-med) var(--ok-ease);margin:0 auto;position:fixed}@media (max-width:899px){.StudyView-module__UcDQ0a__footerHidden{transform:translateY(calc(100% + var(--ok-space-3) + env(safe-area-inset-bottom,0px)))}.StudyView-module__UcDQ0a__playerDockLowered{bottom:calc(var(--ok-space-2) + env(safe-area-inset-bottom,0px))}}.StudyView-module__UcDQ0a__study:has(.StudyView-module__UcDQ0a__playerDock>*) .StudyView-module__UcDQ0a__body{padding-bottom:calc(var(--ok-space-8) + 72px + 5rem)}@media (prefers-reduced-motion:reduce){.StudyView-module__UcDQ0a__footer,.StudyView-module__UcDQ0a__playerDock{transition:none}}.StudyView-module__UcDQ0a__footerInner{padding:var(--ok-space-2) var(--ok-space-3);align-items:center;gap:var(--ok-space-2);border-radius:var(--ok-radius-lg);grid-template-columns:1fr auto 1fr;display:grid}.StudyView-module__UcDQ0a__footerInner>:first-child{justify-self:start}.StudyView-module__UcDQ0a__footerInner>:last-child{justify-self:end}.StudyView-module__UcDQ0a__navButton{align-items:center;gap:var(--ok-space-2);min-height:var(--ok-touch-target);padding:0 var(--ok-space-4);border-radius:var(--ok-radius-full);color:var(--ok-fg-muted);transition:background var(--ok-duration-fast) var(--ok-ease), color var(--ok-duration-fast) var(--ok-ease);font-weight:600;display:inline-flex}.StudyView-module__UcDQ0a__navButton:hover{background:var(--ok-primary-soft);color:var(--ok-primary)}.StudyView-module__UcDQ0a__navLabel{display:none}.StudyView-module__UcDQ0a__navButtonPrimary{align-items:center;gap:var(--ok-space-2);min-height:var(--ok-touch-target);min-width:var(--ok-touch-target);padding:0 var(--ok-space-4);border-radius:var(--ok-radius-full);color:var(--ok-primary);background:var(--ok-primary-soft);transition:background var(--ok-duration-fast) var(--ok-ease), transform var(--ok-duration-fast) var(--ok-ease);justify-content:center;font-weight:700;display:inline-flex}.StudyView-module__UcDQ0a__navButtonPrimary:hover{background:var(--ok-primary);color:var(--ok-primary-fg)}.StudyView-module__UcDQ0a__navButtonPrimary:active{transform:scale(.96)}.StudyView-module__UcDQ0a__checkToggle,.StudyView-module__UcDQ0a__checkToggleDone{width:var(--ok-touch-target);height:var(--ok-touch-target);border-radius:var(--ok-radius-full);transition:background var(--ok-duration-fast) var(--ok-ease), color var(--ok-duration-fast) var(--ok-ease), border-color var(--ok-duration-fast) var(--ok-ease), transform var(--ok-duration-fast) var(--ok-ease);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.StudyView-module__UcDQ0a__checkToggle{border:1.5px solid var(--ok-border-strong);color:var(--ok-fg-subtle);background:0 0}.StudyView-module__UcDQ0a__checkToggle:hover{border-color:var(--ok-success);color:var(--ok-success)}.StudyView-module__UcDQ0a__checkToggleDone{border:1.5px solid var(--ok-success);background:var(--ok-success);color:#fff}.StudyView-module__UcDQ0a__checkToggleDone:hover{background:color-mix(in srgb, var(--ok-success) 82%, black)}.StudyView-module__UcDQ0a__checkToggle:active,.StudyView-module__UcDQ0a__checkToggleDone:active{transform:scale(.92)}.StudyView-module__UcDQ0a__completeButton{align-items:center;gap:var(--ok-space-2);min-height:var(--ok-touch-target);padding:0 var(--ok-space-5);border-radius:var(--ok-radius-full);background:var(--ok-primary);color:var(--ok-primary-fg);box-shadow:var(--ok-shadow-1);transition:background var(--ok-duration-fast) var(--ok-ease), transform var(--ok-duration-fast) var(--ok-ease);font-weight:700;display:inline-flex}.StudyView-module__UcDQ0a__completeButton:hover{background:var(--ok-primary-hover)}.StudyView-module__UcDQ0a__completeButton:active{transform:scale(.97)}.StudyView-module__UcDQ0a__completedBadge{color:var(--ok-success);font-weight:700;font-size:var(--ok-text-sm)}@media (min-width:900px){.StudyView-module__UcDQ0a__navLabel{display:inline}.StudyView-module__UcDQ0a__body{grid-template-columns:minmax(18rem, 1fr) minmax(0, var(--ok-measure-reading)) minmax(0, 1fr);column-gap:var(--ok-space-5);max-width:none;padding:var(--ok-space-6) var(--ok-space-5) var(--ok-space-8);display:grid}.StudyView-module__UcDQ0a__contents{margin-right:clamp(var(--ok-space-3), calc((100vw - var(--ok-measure-reading)) / 2 - 18rem - var(--ok-space-5) - var(--ok-space-3)), var(--ok-space-6));width:18rem;top:calc(var(--ok-space-8) + var(--ok-space-2) + var(--ok-space-3));max-height:calc(100dvh - var(--ok-space-8) * 2 - var(--ok-space-3));flex-direction:column;grid-column:1;place-self:start end;display:flex;position:sticky}.StudyView-module__UcDQ0a__footer,.StudyView-module__UcDQ0a__playerDock{left:max(calc((100vw - var(--ok-measure-reading)) / 2), calc(var(--ok-space-5) + 18rem + var(--ok-space-5)));width:min(var(--ok-measure-reading), calc(100vw - max(calc((100vw - var(--ok-measure-reading)) / 2), calc(var(--ok-space-5) + 18rem + var(--ok-space-5))) - var(--ok-space-5)));max-width:none;margin:0;right:auto}.StudyView-module__UcDQ0a__body{padding-bottom:calc(var(--ok-space-8) * 2)}.StudyView-module__UcDQ0a__study:has(.StudyView-module__UcDQ0a__playerDock>*) .StudyView-module__UcDQ0a__body{padding-bottom:calc(var(--ok-space-8) * 2 + 5rem)}.StudyView-module__UcDQ0a__contentsPanel{min-height:0}.StudyView-module__UcDQ0a__contentsOpen{background:0 0;padding:0;display:flex;position:sticky;inset:auto}.StudyView-module__UcDQ0a__contentsButton{display:none}.StudyView-module__UcDQ0a__content{grid-column:2}}