.ok-header{border-bottom:1px solid var(--ok-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;background:#faf6f1eb}.ok-header-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem}.ok-header-left{display:flex;align-items:center;gap:1.25rem}.ok-logo{display:flex;align-items:center;gap:.45rem;font-weight:600}.ok-logo-mark{font-size:1.2rem}.ok-logo-text{font-family:var(--ok-serif);letter-spacing:.01em;font-size:1.15rem;font-weight:600}.ok-logo-mark{color:var(--ok-primary)}.ok-nav-link{font-size:.95rem;opacity:.85}.ok-nav-link:hover{opacity:1}.ok-header-actions{display:flex;gap:.5rem;align-items:center}@media(max-width:768px){.ok-header-inner{flex-wrap:wrap;gap:.8rem}.ok-header-left{width:100%;justify-content:space-between}.ok-header-actions{width:100%;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.ok-header-actions>:first-child{margin-right:auto}}.ok-footer{padding:2.5rem 0 2rem;margin-top:auto;background:#1c1410;color:#f6ede1}.ok-footer .ok-footer-text,.ok-footer .ok-footer-columns ul{color:#b9a88f}.ok-footer a:hover{color:#fff}.ok-footer-inner{display:flex;justify-content:space-between;gap:2.5rem;flex-wrap:wrap}.ok-footer-left{max-width:260px}.ok-footer-text{font-size:.85rem;color:var(--ok-muted);margin:.35rem 0}.ok-footer-columns{display:flex;gap:2.5rem;flex-wrap:wrap}.ok-footer-heading{font-size:.9rem;margin-bottom:.4rem}.ok-footer-columns ul{list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--ok-muted)}.ok-footer-columns li+li{margin-top:.2rem}.ok-container.home-container{max-width:820px}.home-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ok-muted);margin:0 0 .7rem}.home-muted{color:var(--ok-muted)}.home-meta{font-size:.8rem;color:var(--ok-muted)}.home-continue-section{margin-bottom:2.4rem}.home-continue-list{display:grid;gap:.7rem}.home-continue{background:var(--ok-surface);border:1px solid var(--ok-border);border-left:4px solid #166534;border-radius:14px;padding:1rem 1.3rem;display:flex;align-items:center;gap:1rem}.home-continue-pending{border-left-color:var(--ok-border);opacity:.8}.home-continue-body{flex:1;min-width:0}.home-continue h4{font-family:var(--ok-serif);font-weight:600;font-size:1.05rem;margin:0 0 .1rem}.home-explore-header{margin-bottom:1.4rem}.home-explore-header h1{margin:0 0 .3rem}.home-explore-header .ok-section-intro{margin:0}.home-search{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.home-search-input{flex:1;min-width:260px}.home-shelf{display:grid;gap:1rem}.home-ecard{display:flex;background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:18px;overflow:hidden}.home-ecard-text{flex:1.6;min-width:0;padding:1.4rem 1.6rem;display:flex;flex-direction:column;align-items:flex-start}.home-ecard-title{font-family:var(--ok-serif);font-weight:600;font-size:1.3rem;margin:0 0 .15rem}.home-ecard-title-link{color:inherit}.home-ecard-title-link:hover{color:var(--ok-primary)}.home-ecard-teacher{color:var(--ok-primary);font-size:.84rem;margin:0 0 .55rem}.home-ecard-desc{color:var(--ok-muted);font-size:.88rem;margin:0 0 1rem}.home-ecard-footer{display:flex;align-items:center;gap:.9rem;margin-top:auto;flex-wrap:wrap}.home-price{font-weight:700;font-variant-numeric:tabular-nums;color:var(--ok-text)}.home-card-error{color:#b91c1c;font-size:.85rem;margin:.6rem 0 0}.home-ecard-art{flex:1;min-height:170px;display:flex;align-items:center;justify-content:center;font-family:var(--ok-serif);font-size:2.4rem;-webkit-user-select:none;user-select:none}.home-art-moon{background:linear-gradient(135deg,#f4eee3,#e8d9c4);color:#b78a28}.home-art-rose{background:linear-gradient(135deg,#f8e8e0,#efd0c2);color:#c2410c}.home-art-sage{background:linear-gradient(135deg,#eaf0e4,#d5e0cb);color:#4c6b43}.home-empty{border:1.5px dashed var(--ok-border);border-radius:16px;background:var(--ok-bg-alt);padding:2.6rem 1.5rem;text-align:center;color:var(--ok-muted)}.home-empty p{margin:0}.home-pagination{margin-top:1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem}@media(max-width:640px){.home-ecard{flex-direction:column-reverse}.home-ecard-art{min-height:110px}.home-continue{flex-direction:column;align-items:stretch}}.ok-container.shelf-container{max-width:760px}.shelf-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.4rem}.shelf-header h1{margin:0}.shelf-subtitle{color:var(--ok-muted);font-size:.9rem;margin:.3rem 0 0}.shelf-list{display:grid;gap:.75rem}.shelf-live-banner{background:#1665341a;color:#166534;border-radius:10px;padding:.6rem 1rem;font-size:.88rem;font-weight:600;margin-bottom:1rem}.shelf-row{display:flex;align-items:center;gap:1.2rem;background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius, 16px);padding:1rem 1.25rem}.shelf-row-active{border-color:var(--ok-primary);box-shadow:0 0 0 3px var(--ok-primary-soft)}.shelf-row-main{flex:1.3;min-width:0;background:none;border:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.shelf-row-main:hover .shelf-title{color:var(--ok-primary)}.shelf-title{font-family:var(--ok-serif);font-weight:600;font-size:1.1rem;margin:.3rem 0 .15rem}.shelf-meta{color:var(--ok-muted);font-size:.8rem;margin:0}.shelf-checklist{flex:1;min-width:0}.shelf-checklist-steps{font-size:.78rem;color:var(--ok-muted);margin:0;white-space:nowrap}.shelf-step-done{color:#166534}.shelf-step-next{color:var(--ok-text);font-weight:600}.shelf-step-todo{color:var(--ok-muted)}.shelf-progress{height:5px;border-radius:3px;background:var(--ok-bg-alt);margin-top:.45rem;overflow:hidden}.shelf-progress>div{height:100%;border-radius:3px;background:var(--ok-primary)}.shelf-progress-done{background:#166534!important}.shelf-action{white-space:nowrap}.shelf-confirm{flex:1.6;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.shelf-confirm p{margin:0;font-size:.83rem;color:var(--ok-text)}.shelf-confirm-actions{display:flex;gap:.5rem;flex-shrink:0}.shelf-create{background:var(--ok-surface);border:1px solid var(--ok-primary);border-radius:var(--ok-radius, 16px);box-shadow:0 0 0 3px var(--ok-primary-soft);padding:1.2rem 1.25rem;display:grid;gap:.9rem}.shelf-create-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ok-muted);margin:0}.shelf-create .auth-input{border-radius:12px}.auth-input.shelf-create-description{min-height:84px;resize:vertical;padding:.65rem .85rem;line-height:1.5}.shelf-create-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.shelf-create-price{width:140px}.shelf-create-actions{display:flex;gap:.6rem}.shelf-empty{border:1.5px dashed var(--ok-border);border-radius:var(--ok-radius, 16px);background:var(--ok-bg-alt);padding:2.6rem 1.5rem;text-align:center}.shelf-empty p{margin:0 0 1rem;color:var(--ok-muted)}.shelf-empty-note{color:var(--ok-muted)}@media(max-width:640px){.shelf-row{flex-direction:column;align-items:stretch;gap:.8rem}.shelf-confirm{flex-direction:column;align-items:stretch;gap:.6rem}.shelf-create-footer{flex-direction:column;align-items:stretch}}.ok-container.outline-container{max-width:720px}.outline-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.outline-topbar-right{display:flex;align-items:center;gap:.8rem}.outline-saved{color:#166534;font-size:.82rem;font-weight:600}.outline-muted{color:var(--ok-muted)}.outline-dimmed{opacity:.45;pointer-events:none}.outline-header{text-align:center;margin-bottom:1.6rem}.outline-title{margin:.6rem 0 .4rem}.outline-editable{cursor:text;border-radius:8px}.outline-editable:hover .outline-pencil,.outline-editable:hover{background:var(--ok-primary-soft)}.outline-pencil{opacity:.45;font-size:.8em}.outline-title-input{display:block;width:100%;box-sizing:border-box;font-family:var(--ok-serif);font-weight:600;font-size:2rem;text-align:center;color:var(--ok-text);background:var(--ok-surface);border:1px solid var(--ok-primary);border-radius:12px;padding:.3rem .6rem;margin:.6rem 0 .4rem}.outline-description{color:var(--ok-muted);max-width:46ch;margin:0 auto .4rem}.outline-description-input{display:block;width:100%;box-sizing:border-box;font:inherit;color:var(--ok-text);background:var(--ok-surface);border:1px solid var(--ok-primary);border-radius:12px;padding:.5rem .7rem;margin:0 0 .4rem;resize:vertical}.outline-price{color:var(--ok-muted);font-size:.9rem;margin:0;display:inline-block}.outline-price-edit{display:inline-flex;align-items:center;gap:.5rem}.outline-price-input{width:90px;text-align:right;font-variant-numeric:tabular-nums;font:inherit;color:var(--ok-text);background:var(--ok-surface);border:1px solid var(--ok-primary);border-radius:10px;padding:.35rem .6rem}.outline-edit-hint{color:var(--ok-muted);font-size:.76rem}.outline-edit-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem 0 .4rem}.ok-btn.outline-btn-sm{padding:.3rem .85rem;font-size:.78rem}.outline-videos{display:grid;gap:.55rem}.outline-vrow{display:flex;align-items:flex-start;gap:.7rem;background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:12px;padding:.7rem .9rem}.outline-vrow-open{border-color:var(--ok-primary);border-bottom-left-radius:0;border-bottom-right-radius:0}.outline-vrow-editing{border-color:var(--ok-primary);box-shadow:0 0 0 3px var(--ok-primary-soft)}.outline-vmove{display:flex;flex-direction:column;gap:2px;padding-top:.1rem}.outline-vmove-btn{border:none;background:transparent;color:var(--ok-muted);font-size:.55rem;line-height:1;padding:2px 4px;cursor:pointer;border-radius:4px}.outline-vmove-btn:hover:not(:disabled){background:var(--ok-primary-soft);color:var(--ok-primary)}.outline-vmove-btn:disabled{opacity:.3;cursor:default}.outline-vnum{font-variant-numeric:tabular-nums;color:var(--ok-muted);font-size:.8rem;min-width:1.2rem;padding-top:.15rem}.outline-vbody{flex:1;min-width:0;text-align:left;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.outline-vtitle{display:block;font-weight:600;font-size:.92rem;color:var(--ok-text)}.outline-vdesc{display:block;font-size:.8rem;color:var(--ok-muted);margin-top:.15rem}.outline-vmenu{position:relative}.outline-vmenu-btn{border:none;background:transparent;color:var(--ok-text);font-weight:700;font-size:1rem;padding:.1rem .4rem;cursor:pointer;border-radius:6px}.outline-vmenu-btn:hover:not(:disabled){background:var(--ok-primary-soft)}.outline-vmenu-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:5;width:230px;background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:12px;padding:.35rem;box-shadow:0 14px 34px #1c14102e;display:grid;gap:2px}.outline-vmenu-pop button{border:none;background:transparent;text-align:left;font:inherit;font-size:.85rem;font-weight:600;color:var(--ok-text);padding:.45rem .7rem;border-radius:8px;cursor:pointer}.outline-vmenu-pop button:hover{background:var(--ok-primary-soft)}.outline-vmenu-danger{color:#b3261e!important}.outline-vmenu-danger:hover{background:#b3261e14!important}.outline-player{border:1px solid var(--ok-primary);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden}.outline-publish-confirm,.outline-remove-confirm{background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:12px;padding:.9rem 1.1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.outline-remove-confirm{margin:.4rem 0 0}.outline-publish-confirm p,.outline-remove-confirm p{margin:0;font-size:.86rem}.outline-publish-actions{display:flex;gap:.5rem;flex-shrink:0}.outline-remove-btn{background:#b3261e;color:#fff}.outline-vform{flex:1;display:grid;gap:.7rem}.outline-vform .auth-input{border-radius:12px}.auth-input.outline-vform-description{resize:vertical;line-height:1.5;padding:.55rem .85rem}.outline-vform-actions{display:flex;align-items:center;gap:.6rem}.outline-vrow-uploading{border-color:var(--ok-primary);align-items:center}.outline-upload-body{flex:1;min-width:0}.outline-upload-bar{height:5px;border-radius:3px;background:var(--ok-bg-alt);margin-top:.45rem;overflow:hidden}.outline-upload-bar>div{height:100%;border-radius:3px;background:var(--ok-primary);transition:width .2s ease}.outline-upload-note{font-size:.78rem;color:var(--ok-muted);margin:.35rem 0 0}.outline-upload-cancel{color:#b3261e}.outline-add{border:1.5px dashed var(--ok-border);border-radius:12px;background:var(--ok-bg-alt);color:var(--ok-muted);font:inherit;font-size:.86rem;padding:1rem;cursor:pointer;text-align:center}.outline-add:hover{border-color:var(--ok-primary);color:var(--ok-primary)}.outline-add-first{display:grid;gap:.25rem}.outline-add-first strong{color:var(--ok-text);font-size:.95rem}.teacher-video-container{position:relative;width:100%;background:#000;display:block;overflow:hidden}.teacher-video-container:fullscreen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.teacher-video-player{width:100%;background:#000;border-radius:0;display:block;object-fit:contain}.teacher-video-container:fullscreen .teacher-video-player{width:100vw;height:100vh;object-fit:contain}.teacher-video-controls{position:absolute;left:0;right:0;bottom:0;padding:.5rem .75rem .6rem;background:linear-gradient(to top,#000000bf,#0000008c 60%,#0000);color:#fff;display:flex;flex-direction:column;gap:.5rem;transform:translateZ(0);will-change:transform;transition:transform .18s ease;pointer-events:auto;-webkit-user-select:none;user-select:none}.teacher-video-controls-hidden{transform:translate3d(0,100%,0);pointer-events:none}.teacher-video-progress{position:relative;height:14px;display:flex;align-items:center;cursor:pointer}.teacher-video-progress:before{content:"";position:absolute;left:0;right:0;height:4px;background:#ffffff40;border-radius:2px}.teacher-video-progress-buffered{position:absolute;left:0;height:4px;background:#ffffff73;border-radius:2px;pointer-events:none}.teacher-video-progress-played{position:absolute;left:0;height:4px;background:var(--ok-primary, #5b8def);border-radius:2px;pointer-events:none}.teacher-video-progress-thumb{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .12s ease}.teacher-video-progress:hover .teacher-video-progress-thumb{opacity:1}.teacher-video-controls-row{display:flex;align-items:center;gap:.5rem}.teacher-video-icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;width:32px;height:32px;padding:0;cursor:pointer;border-radius:4px}.teacher-video-icon-button:hover{background:#ffffff26}.teacher-video-time{color:#fff;font-size:.85rem;font-variant-numeric:tabular-nums;min-width:84px}.teacher-video-volume{display:flex;align-items:center;gap:.25rem}.teacher-video-volume-slider{width:0;opacity:0;transition:width .16s ease,opacity .16s ease;accent-color:var(--ok-primary, #5b8def)}.teacher-video-volume:hover .teacher-video-volume-slider{width:80px;opacity:1}.teacher-video-spacer{flex:1 1 auto}.teacher-video-quality{position:relative}.teacher-video-quality-button{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:4px;padding:.25rem .6rem;font-size:.8rem;cursor:pointer}.teacher-video-quality-button:hover{background:#ffffff1f}.teacher-video-quality-menu{position:absolute;bottom:calc(100% + 6px);right:0;min-width:100px;background:#141414f2;border-radius:6px;padding:.25rem 0;display:flex;flex-direction:column;box-shadow:0 4px 16px #0006}.teacher-video-quality-menu-item{background:transparent;border:none;color:#fff;padding:.4rem .75rem;text-align:left;font-size:.85rem;cursor:pointer}.teacher-video-quality-menu-item:hover{background:#ffffff1a}.teacher-video-quality-menu-item-active{color:var(--ok-primary, #5b8def);font-weight:600}.teacher-video-empty{color:var(--ok-muted)}.teacher-quality-picker{display:grid;gap:.5rem;margin-top:.75rem}.teacher-quality-picker span{color:var(--ok-muted);font-size:.85rem}.teacher-quality-options{display:flex;flex-wrap:wrap;gap:.5rem}.teacher-quality-button{border:1px solid var(--ok-border);border-radius:999px;background:transparent;color:var(--ok-text);cursor:pointer;font:inherit;padding:.35rem .75rem}.teacher-quality-button-active{border-color:var(--ok-primary);background:var(--ok-primary);color:#fff}.teacher-video-debug-actions{display:flex;margin-top:.75rem}@media(max-width:640px){.outline-publish-confirm,.outline-remove-confirm{flex-direction:column;align-items:stretch}}.outline-sharelink{background:var(--ok-bg-alt);border:1px solid var(--ok-border);border-radius:14px;padding:1rem 1.2rem;margin-bottom:1.6rem;display:flex;flex-direction:column;gap:.6rem}.outline-sharelink-text{display:flex;flex-direction:column;gap:.15rem}.outline-sharelink-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ok-muted)}.outline-sharelink-hint{font-size:.85rem;color:var(--ok-muted)}.outline-sharelink-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.outline-sharelink-url{flex:1;min-width:200px;background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:10px;padding:.5rem .8rem;font-size:.82rem;overflow-x:auto;white-space:nowrap}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ok-bg);padding:2rem 1rem}.auth-card{max-width:360px;width:100%;background:var(--ok-surface);border-radius:20px;padding:2rem 1.8rem;border:1px solid var(--ok-border);box-shadow:0 16px 36px #1c14101a;text-align:left}.auth-logo{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--ok-primary-soft);color:var(--ok-primary);font-size:1.4rem;margin-bottom:1rem}.auth-card h1{font-size:1.4rem;margin:0 0 .4rem}.auth-subtitle{font-size:.9rem;color:var(--ok-muted);margin-bottom:1.5rem}.auth-label{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem;font-size:.85rem}.auth-input{border-radius:999px;border:1px solid var(--ok-border);background:var(--ok-bg);padding:.45rem .85rem;color:var(--ok-text);font-size:.9rem}.auth-input:focus-visible{outline:1px solid var(--ok-primary);outline-offset:1px}.auth-submit{width:100%;margin-top:.2rem;justify-content:center}.auth-back{display:block;margin-top:1rem;font-size:.85rem;color:var(--ok-muted);text-align:center}.auth-success{text-align:center}.auth-success-text{margin:1rem 0 2rem}.auth-back-inline{display:inline-block;margin-top:1rem}.auth-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.auth-actions .ok-btn{width:100%}.auth-actions .auth-back-inline{align-self:center}.auth-link{color:var(--ok-primary);font-size:.85rem}.auth-link:hover{text-decoration:underline}.ok-container.account-container{max-width:620px;display:flex;flex-direction:column;gap:1.1rem}.account-container h1{margin:0}.account-card{background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);padding:1.4rem 1.6rem;display:flex;flex-direction:column;gap:.8rem}.account-card h2{font-size:1.2rem;margin:0}.account-row{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem}.account-row-label{color:var(--ok-muted)}.account-hint{color:var(--ok-muted);font-size:.9rem;margin:0}.account-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.account-sent{color:#166534;font-size:.85rem}.account-card .auth-input{border-radius:12px}.account-delete-btn{border:1.5px solid #b91c1c;color:#b91c1c;font-weight:600}.account-delete-btn:disabled{opacity:.45;cursor:not-allowed}.ok-container.legal-container{max-width:680px}.legal-container h1{margin:0 0 .3rem}.legal-updated{color:var(--ok-muted);font-size:.85rem;margin:0 0 2rem}.legal-container h2{font-family:var(--ok-serif);font-weight:600;font-size:1.25rem;margin:2rem 0 .5rem}.legal-container p,.legal-container li{font-size:.95rem;line-height:1.65;color:var(--ok-text)}.legal-container ul{padding-left:1.2rem;margin:.4rem 0 .8rem}.legal-container a{color:var(--ok-primary)}.legal-intro{color:var(--ok-muted)}.ok-container.learn-container{max-width:720px}.learn-topbar{margin-bottom:1.4rem}.learn-muted{color:var(--ok-muted)}.learn-header{text-align:center;margin-bottom:1.6rem}.learn-header h1{margin:0 0 .3rem}.learn-teacher{color:var(--ok-primary);font-size:.9rem;margin:0 0 .5rem}.learn-desc{color:var(--ok-muted);max-width:46ch;margin:0 auto}.learn-videos{display:grid;gap:.55rem}.learn-vrow{display:flex;align-items:flex-start;gap:.8rem;width:100%;box-sizing:border-box;background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:12px;padding:.8rem 1rem;cursor:pointer;text-align:left;font:inherit;color:inherit}.learn-vrow:hover{border-color:var(--ok-primary)}.learn-vrow-open{border-color:var(--ok-primary);border-bottom-left-radius:0;border-bottom-right-radius:0}.learn-vnum{font-variant-numeric:tabular-nums;color:var(--ok-muted);font-size:.8rem;min-width:1.2rem;padding-top:.15rem}.learn-vbody{flex:1;min-width:0}.learn-vtitle{display:block;font-weight:600;font-size:.92rem;color:var(--ok-text)}.learn-vdesc{display:block;font-size:.8rem;color:var(--ok-muted);margin-top:.15rem}.learn-vplay{color:var(--ok-primary);font-size:.8rem;font-weight:600;padding-top:.15rem}.learn-player{border:1px solid var(--ok-primary);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden}.ok-container.course-container{max-width:720px}.course-muted{color:var(--ok-muted);font-size:.9rem}.course-header{margin-bottom:1.6rem}.course-header h1{font-size:2.1rem;margin:0 0 .2rem}.course-teacher{color:var(--ok-primary);font-size:.95rem;margin:0 0 .9rem}.course-desc{color:var(--ok-muted);font-size:1rem;line-height:1.6;margin:0}.course-buy-card{background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.course-buy-info{display:flex;flex-direction:column;gap:.15rem}.course-price{font-family:var(--ok-serif);font-weight:600;font-size:1.5rem;font-variant-numeric:tabular-nums}.course-pending{color:var(--ok-muted);font-size:.9rem}.course-error{color:#b91c1c;font-size:.85rem;margin:.6rem 0 0}.course-signin-hint{color:var(--ok-muted);font-size:.85rem;margin:.6rem 0 0}.course-signin-hint a{color:var(--ok-primary)}.course-curriculum{margin-top:2.2rem;display:flex;flex-direction:column;gap:.6rem}.course-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ok-muted);margin:0 0 .2rem}.course-vrow{display:flex;align-items:baseline;gap:.9rem;background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:14px;padding:.9rem 1.1rem}.course-vnum{font-family:var(--ok-serif);font-weight:600;color:var(--ok-muted);min-width:1.4rem;text-align:right}.course-vbody{display:flex;flex-direction:column;gap:.15rem}.course-vtitle{font-weight:600;font-size:.98rem}.course-vdesc{color:var(--ok-muted);font-size:.85rem}.checkout-result{max-width:480px;text-align:center;padding-top:3rem;padding-bottom:3rem}.checkout-result h1{margin:0 0 .6rem}.checkout-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;background:var(--ok-bg-alt);color:var(--ok-muted)}.checkout-icon-success{background:#1665341a;color:#166534}.checkout-note{color:var(--ok-muted);margin:0 0 1.6rem}:root{--ok-bg: #faf6f1;--ok-bg-alt: #f4eee3;--ok-surface: #ffffff;--ok-border: #eadfd2;--ok-text: #1c1410;--ok-muted: #6b5c4a;--ok-primary: #c2410c;--ok-primary-contrast: #fff8f3;--ok-primary-soft: rgba(194, 65, 12, .08);--ok-gold: #b78a28;--ok-serif: "Newsreader", Georgia, "Times New Roman", serif;--ok-radius-lg: 16px;--ok-radius-xl: 24px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--ok-bg);color:var(--ok-text)}h1,h2{font-family:var(--ok-serif);font-weight:600}a{color:inherit;text-decoration:none}.ok-container{max-width:1120px;margin:0 auto;padding:0 1.5rem}.ok-page{min-height:100vh;display:flex;flex-direction:column}.ok-btn{border-radius:999px;padding:.45rem 1.1rem;font-size:.9rem;border:1px solid transparent;cursor:pointer;background:transparent;color:var(--ok-text);display:inline-flex;align-items:center;justify-content:center;gap:.25rem;white-space:nowrap}.ok-btn-primary{background:var(--ok-primary);color:var(--ok-primary-contrast);font-weight:600}.ok-btn-outline{border-color:#1c141040}.ok-btn-ghost{background:transparent;border-color:transparent}.ok-btn:hover{opacity:.9}.ok-section{padding:4rem 0}.ok-section-alt{background:var(--ok-bg-alt)}.ok-section h2{font-size:1.7rem;margin-bottom:.7rem}.ok-section-intro{color:var(--ok-muted);max-width:34rem;margin-bottom:1.8rem}.ok-hero{padding:4.5rem 0 3.5rem}.ok-hero-inner{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.3fr);gap:3.5rem;align-items:center}.ok-eyebrow{display:block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ok-primary);font-weight:600;margin-bottom:1rem}.ok-hero-text h1{font-size:clamp(2.1rem,3vw,2.7rem);line-height:1.15;margin-bottom:1rem}.ok-hero-tagline{display:block;margin-top:.4rem;font-size:.62em;font-style:italic;font-weight:500;color:var(--ok-primary)}.ok-hero-subtitle{color:var(--ok-muted);max-width:34rem;margin-bottom:0}.ok-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 0}.ok-centered .ok-hero-actions{justify-content:center}.ok-hero-card-bio{margin:0;padding-top:1rem;border-top:1px solid var(--ok-border);font-size:.9rem;line-height:1.6;color:var(--ok-muted)}.ok-hero-card{background:var(--ok-surface);border-radius:var(--ok-radius-xl);padding:1.5rem;border:1px solid var(--ok-border);box-shadow:0 14px 30px #1c141014}.ok-hero-card-photo{display:block;width:100%;height:360px;object-fit:cover;object-position:center top;border-radius:var(--ok-radius-lg);margin-bottom:1.2rem}.ok-hero-card-header{margin-bottom:1.2rem}.ok-hero-card-header h2{font-size:1.1rem}.ok-pill{display:inline-flex;padding:.2rem .7rem;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;background:var(--ok-primary-soft);color:var(--ok-primary);margin-bottom:.4rem}.ok-pill-published{background:#1665341a;color:#166534}.ok-hero-list{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}.ok-hero-list li{padding:.75rem .9rem;border-radius:12px;background:var(--ok-bg);border:1px solid var(--ok-border)}.ok-hero-list h3{font-size:.95rem;margin:0 0 .2rem}.ok-hero-list p{font-size:.85rem;color:var(--ok-muted);margin:0 0 .2rem}.ok-hero-list span{font-size:.75rem;color:var(--ok-muted)}.ok-hero-card-header h2{margin:0}.ok-offerings-note{margin:1.5rem 0 0;font-size:.85rem;color:var(--ok-muted);text-align:center}.ok-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.ok-two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.ok-card{background:var(--ok-surface);border-radius:var(--ok-radius-lg);padding:1.3rem 1.4rem;border:1px solid var(--ok-border)}.ok-card h3{margin-top:0;margin-bottom:.4rem;font-size:1.05rem}.ok-card p{margin:0;font-size:.9rem;color:var(--ok-muted)}.ok-list{padding-left:1.1rem;color:var(--ok-muted);font-size:.92rem}.ok-list li+li{margin-top:.35rem}.ok-steps{padding-left:1.1rem;color:var(--ok-muted);font-size:.92rem}.ok-steps li+li{margin-top:.4rem}.ok-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.3rem}.ok-centered{text-align:center}.ok-centered .ok-section-intro{margin-left:auto;margin-right:auto}@media(max-width:768px){.ok-hero-inner{grid-template-columns:minmax(0,1fr)}.ok-hero-card{order:-1}.ok-section{padding:3rem 0}}.auth-error{color:#b91c1c;font-size:.88rem;margin:0 0 1rem}