.of-pw-wrap{z-index:4;box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:14px 28px 0;position:relative;overflow-x:clip}.of-pw-tabs-wrap{z-index:5;box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:18px 28px 0;position:relative}.of-pw-tabs{scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.of-pw-tabs::-webkit-scrollbar{display:none}.of-pw-skill-tab{background:var(--of-cream);border:2.5px solid var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 16px;font-size:15px;font-weight:800;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.of-pw-skill-tab:hover{background:var(--of-yellow)}.of-pw-skill-tab:focus-visible{outline:2.5px solid var(--of-ink);outline-offset:3px}.of-pw-skill-tab:active:not(.of-pw-skill-tab--active){transform:translate(1px,1px)}.of-pw-skill-tab--active{background:var(--pw-tab-accent,var(--of-mint));box-shadow:2.5px 2.5px 0 var(--of-ink);cursor:default}.of-pw-skill-tab--active:hover{background:var(--pw-tab-accent,var(--of-mint))}.of-pw-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.of-pw-drawer-btn{background:var(--of-cream);border:var(--of-border-practice);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:800;transition:background .15s;display:none}.of-pw-drawer-btn:hover{background:var(--of-yellow)}.of-pw-drawer-overlay{z-index:55;cursor:pointer;background:rgba(20,20,20,.5);border:none;padding:0;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.of-pw-drawer-overlay.open{display:block}.of-pw-breadcrumb{font-family:var(--of-font-display);color:var(--of-muted-warm);align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.of-pw-breadcrumb a,.of-pw-breadcrumb button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.of-pw-breadcrumb a:hover,.of-pw-breadcrumb button:hover,.of-pw-breadcrumb-current{color:var(--of-ink)}.of-pw-breadcrumb-sep{color:#c2bbac}.of-pw-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;width:100%;display:grid}.of-pw-sidebar{background:var(--of-cream);border:var(--of-border-practice);border-radius:18px;flex-direction:column;min-width:0;min-height:0;padding:14px;display:none}.of-pw-list-page{width:100%;max-width:560px;margin:0 auto;padding-top:8px;padding-bottom:32px}.of-pw-list-eyebrow{font-family:var(--of-font-display);color:var(--of-muted-warm);margin:0 0 12px 4px;font-size:13px;font-weight:800}.of-pw-sidebar-empty{font-family:var(--of-font-body);color:var(--of-muted-warm);text-align:center;margin:0;padding:28px 12px;font-size:15px;font-weight:600}.of-pw-sidebar-head{flex:none;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;display:flex}.of-pw-sidebar-title{font-family:var(--of-font-display);font-size:15px;font-weight:800}.of-pw-sidebar-count{font-family:var(--of-font-display);border:1.5px solid var(--of-ink);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}.of-pw-sidebar-items{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(20,20,20,.35) transparent;flex-direction:column;flex:auto;gap:4px;min-height:0;display:flex;overflow-y:auto}.of-pw-sidebar-item{text-align:left;cursor:pointer;width:100%;color:var(--of-ink);background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:11px 10px;text-decoration:none;transition:background .15s;display:flex}.of-pw-sidebar-item:hover{background:rgba(255,224,102,.35)}.of-pw-sidebar-item--locked{opacity:.55;cursor:not-allowed}.of-pw-sidebar-item--locked:hover{background:0 0}.of-pw-sidebar-item-active{font-weight:800}.of-pw-sidebar-item-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:9px;min-width:0;font-size:14px;font-weight:800;display:flex;overflow:hidden}.of-pw-sidebar-item-play{flex:none;font-size:11px}.of-pw-badge-free{font-family:var(--of-font-display);background:var(--of-listening-tint);border:1.5px solid var(--of-ink);border-radius:999px;flex:none;padding:2px 8px;font-size:10px;font-weight:800}.of-pw-badge-done{font-family:var(--of-font-display);background:var(--of-mint);border:1.5px solid var(--of-ink);border-radius:999px;flex:none;padding:2px 8px;font-size:10px;font-weight:800}.of-pw-main{background:var(--of-cream);border:var(--of-border-practice);border-radius:20px;width:100%;min-width:0;overflow:hidden}.of-pw-taskbar{border-bottom:var(--of-border-practice);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.of-pw-taskbar-title{font-family:var(--of-font-display);color:var(--of-ink);margin:0 0 6px;font-size:21px;font-weight:800;line-height:1.1}.of-pw-taskbar-sub{color:var(--of-muted);margin:0 0 9px;font-size:13.5px;font-weight:700}.of-pw-taskbar-actions{flex-wrap:wrap;flex:none;align-items:center;gap:10px;display:flex}.of-pw-score-btn-long{display:none}.of-pw-score-btn-short{display:inline}.of-pw-icon-btn{background:var(--of-cream);border:var(--of-border-practice);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.of-pw-icon-btn:hover{background:var(--of-yellow)}.of-pw-next-btn{background:var(--of-cream);border:var(--of-border-practice);box-shadow:1.5px 1.5px 0 var(--of-ink);font-family:var(--of-font-display);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.of-pw-next-btn:hover{box-shadow:3px 3px 0 var(--of-ink);transform:translate(-1px,-1px)}.of-pw-start-over-btn{background:var(--of-cream);border:var(--of-border-practice);box-shadow:1.5px 1.5px 0 var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.of-pw-start-over-btn:hover:not(:disabled){background:var(--of-yellow);box-shadow:3px 3px 0 var(--of-ink);transform:translate(-1px,-1px)}.of-pw-start-over-btn:disabled{opacity:.55;cursor:wait}.of-pw-body{padding:24px}.of-pw-stat-badge{background:var(--of-cream);border:1.5px solid var(--of-ink);color:var(--of-ink);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.of-pw-stat-badge strong{font-weight:800}.of-pw-instructions{color:var(--of-body);font-size:14px;font-weight:600;line-height:1.55}.of-pw-instructions p{margin:0 0 8px}.of-pw-completed-note{background:var(--of-listening-tint);border:1.5px solid var(--of-ink);max-width:100%;color:var(--of-listening-text);border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;font-size:15px;font-weight:800;display:inline-flex}.of-pw-timer{font-family:var(--of-font-display);color:var(--of-ink);font-size:16px;font-weight:800}.of-pw-score-btn{background:var(--of-magenta);border:2.5px solid var(--of-ink);box-shadow:3px 3px 0 var(--of-ink);font-family:var(--of-font-display);color:var(--of-cream);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.of-pw-score-btn:hover{box-shadow:4.5px 4.5px 0 var(--of-ink);transform:translate(-2px,-2px)}.of-pw-score-btn:active{box-shadow:1.5px 1.5px 0 var(--of-ink);transform:translate(1px,1px)}.of-pw-mcq-submit{background:var(--of-ink);border:2.5px solid var(--of-ink);width:100%;box-shadow:3px 3px 0 var(--of-mint);font-family:var(--of-font-display);color:var(--of-cream);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.of-pw-mcq-submit:hover{box-shadow:4.5px 4.5px 0 var(--of-mint);transform:translate(-2px,-2px)}.of-pw-mcq-submit:active{box-shadow:1.5px 1.5px 0 var(--of-mint);transform:translate(1px,1px)}.of-pw-mcq-submit--reading{box-shadow:3px 3px 0 var(--of-pink)}.of-pw-mcq-submit--reading:hover{box-shadow:4.5px 4.5px 0 var(--of-pink)}.of-pw-mcq-submit--reading:active{box-shadow:1.5px 1.5px 0 var(--of-pink)}.of-pw-body-split{flex:1;grid-template-columns:1fr;min-height:0;display:grid;overflow:hidden}.of-pw-doc-panel{border-bottom:2px solid rgba(20,20,20,.12);border-right:none;padding:22px;overflow-y:auto}.of-pw-questions-panel{flex-direction:column;gap:22px;padding:22px;display:flex;overflow-y:auto}.of-pw-doc-label{color:var(--of-muted-warm);margin-bottom:14px;font-size:13px;font-weight:700}.of-pw-doc-body,.of-pw-doc-html{font-family:var(--of-font-body);color:var(--of-ink);font-size:15px;font-weight:600;line-height:1.6}.of-pw-doc-section-title{font-family:var(--of-font-display);color:var(--of-muted-warm);margin:0 0 8px;font-size:13px;font-weight:800}.of-pw-doc-html p{margin:0 0 .75em}.of-pw-doc-html p:last-child{margin-bottom:0}.of-pw-doc-html ul,.of-pw-doc-html ol{margin:0 0 .75em;padding-left:1.25em}.of-pw-doc-html ol{list-style-type:decimal}.of-pw-doc-html li{margin-bottom:.35em}.of-pw-doc-html li:last-child{margin-bottom:0}.of-pw-doc-html strong{font-family:var(--of-font-display);font-weight:800}.of-pw-doc-html em{font-style:italic}.of-pw-doc-frame{border:2.5px solid var(--of-ink);text-align:center;background:#fff;border-radius:14px;max-width:420px;margin:0 auto 16px;padding:22px 20px}.of-pw-doc-frame--wide{width:100%;max-width:none;margin:0 0 16px}.of-pw-doc-frame--text{text-align:left}.of-pw-doc-frame img{object-fit:contain;width:100%;max-width:380px;height:auto;max-height:330px;margin:0 auto;display:block}.of-pw-body-split--reading .of-pw-doc-frame,.of-pw-body-split--speaking .of-pw-doc-frame{width:100%;max-width:none;margin:0 0 16px}.of-pw-body-split--reading .of-pw-doc-frame img,.of-pw-body-split--reading .of-pw-doc-image,.of-pw-body-split--speaking .of-pw-doc-frame img,.of-pw-body-split--speaking .of-pw-doc-image{max-width:100%;max-height:480px}.of-pw-doc-image-wrap{cursor:zoom-in;outline:none;width:100%;display:block}.of-pw-doc-image{object-fit:contain;cursor:zoom-in;width:100%;max-width:380px;height:auto;max-height:330px;margin:0 auto;transition:transform .15s,box-shadow .15s;display:block}.of-pw-body-split--reading .of-pw-doc-image-wrap .of-pw-doc-image,.of-pw-body-split--speaking .of-pw-doc-image-wrap .of-pw-doc-image{max-width:100%;max-height:480px}.of-pw-doc-image-wrap:hover .of-pw-doc-image,.of-pw-doc-image-wrap:focus-within .of-pw-doc-image{box-shadow:1.5px 1.5px 0 var(--of-ink);transform:scale(1.02)}.of-pw-doc-image-zoom{z-index:9999;pointer-events:none;background:var(--of-white);border:2px solid var(--of-ink);box-shadow:4.5px 4.5px 0 var(--of-ink);border-radius:16px;padding:10px;animation:.15s of-pw-image-zoom-in;position:fixed;transform:translate(-50%,-50%)}.of-pw-doc-image-zoom img{object-fit:contain;width:auto;max-width:min(720px,100vw - 48px);height:auto;max-height:min(560px,100vh - 48px);display:block}.of-pw-doc-body img,.of-pw-doc-html img{object-fit:contain;width:100%;max-width:380px;height:auto;max-height:330px;margin:0 auto 16px;display:block}.of-pw-mcq-question{flex-direction:column;gap:10px;display:flex}.of-pw-mcq-question-title{font-family:var(--of-font-display);color:var(--of-ink);margin:0;font-size:15px;font-weight:800;line-height:1.35}.of-pw-reading-question-title,.of-pw-mcq-question-title.of-pw-reading-question-title{font-family:Arial,Helvetica,sans-serif;font-size:13pt;font-weight:700;line-height:1.35}.of-pw-mcq-option{text-align:left;background:var(--of-cream);border:1.5px solid var(--of-ink);cursor:pointer;width:100%;color:var(--of-body);border-radius:13px;align-items:center;gap:11px;padding:11px 13px;font-size:13.5px;font-weight:700;transition:background .15s;display:flex}.of-pw-mcq-option:hover{background:var(--of-yellow)}.of-pw-mcq-option[data-selected=true]{background:var(--of-reading-tint)}.of-pw-mcq-dot{border:2px solid var(--of-ink);background:var(--of-cream);border-radius:50%;flex:none;width:20px;height:20px}.of-pw-mcq-option[data-selected=true] .of-pw-mcq-dot{background:var(--of-pink)}.of-pw-listening-dropdown-question{flex-direction:column;gap:10px;display:flex}.of-pw-select-wrap{position:relative}.of-pw-select-trigger{background:var(--of-cream);border:1.5px solid var(--of-ink);width:100%;min-height:48px;color:var(--of-body);cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font-size:13.5px;font-weight:700;transition:background .15s;display:flex}.of-pw-select-trigger--placeholder{color:var(--of-muted-warm)}.of-pw-select-trigger:hover{background:var(--of-yellow)}.of-pw-select-menu{z-index:20;background:var(--of-cream);border:2px solid var(--of-ink);max-height:240px;box-shadow:3px 3px 0 var(--of-ink);border-radius:13px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.of-pw-select-option{color:var(--of-body);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:700;display:flex}.of-pw-select-option:hover{background:var(--of-listening-tint)}.of-pw-select-option--selected{background:var(--of-listening-tint);outline:1.5px solid var(--of-ink)}.of-pw-select-wrap .of-pw-mcq-option-image{max-height:48px}.of-pw-gap-trigger{background:var(--of-yellow);border:1.5px solid var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border-radius:8px;padding:2px 8px;font-size:13px;font-weight:800}.of-pw-section-title{font-family:var(--of-font-display);color:var(--of-ink);margin-top:8px;font-size:15px;font-weight:800}.of-pw-sample-heading{font-family:var(--of-font-display);color:var(--of-ink);margin:18px 0 10px;font-size:14px;font-weight:800}.of-pw-sample-list{flex-direction:column;gap:9px;display:flex}.of-pw-doc-panel>.of-pw-sample-list{margin-top:18px}.of-pw-body-split--writing,.of-pw-body-split--reading{grid-template-columns:1fr}.of-pw-writing-panel{flex-direction:column;gap:14px;padding:22px;display:flex;overflow-y:auto}.of-pw-writing-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.of-pw-writing-head-title{font-family:var(--of-font-display);color:var(--of-ink);font-size:15px;font-weight:800}.of-pw-word-count{font-family:var(--of-font-display);background:var(--of-writing-tint);border:1.5px solid var(--of-ink);color:var(--of-ink);border-radius:999px;flex:none;padding:4px 11px;font-size:12px;font-weight:800}.of-pw-writing-textarea{resize:vertical;background:var(--of-white);border:var(--of-border-practice);width:100%;min-height:300px;font-family:var(--of-font-body);color:var(--of-ink);border-radius:14px;outline:none;padding:14px 15px;font-size:15px;font-weight:600;line-height:1.6}.of-pw-writing-textarea:focus{box-shadow:0 0 0 3px var(--of-writing-tint)}.of-pw-writing-submit{background:var(--of-orange);border:2.5px solid var(--of-ink);box-shadow:3px 3px 0 var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.of-pw-writing-submit:hover:not(:disabled){box-shadow:4.5px 4.5px 0 var(--of-ink);transform:translate(-2px,-2px)}.of-pw-writing-submit:disabled{opacity:.7;cursor:not-allowed}.of-pw-writing-secondary-btn{background:var(--of-cream);border:var(--of-border-practice);font-family:var(--of-font-display);cursor:pointer;border-radius:999px;flex:1;padding:11px;font-size:13.5px;font-weight:800;transition:background .15s}.of-pw-writing-secondary-btn:hover:not(:disabled){background:var(--of-yellow)}.of-pw-writing-secondary-btn:disabled{opacity:.7;cursor:not-allowed}.of-pw-writing-progress{background:var(--of-sand);border:1.5px solid var(--of-ink);border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.of-pw-writing-progress-bar{background:var(--of-orange);height:100%;transition:width .5s linear}.of-pw-writing-alert{background:var(--of-reading-tint);border:1.5px solid var(--of-ink);color:var(--of-magenta);text-align:center;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700}.of-pw-acc{background:var(--of-white);border:1.5px solid var(--of-ink);border-radius:13px;overflow:hidden}.of-pw-acc-btn{background:var(--of-white);cursor:pointer;text-align:left;width:100%;font-family:var(--of-font-display);color:var(--of-ink);border:none;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:800;display:flex}.of-pw-acc-label{align-items:center;gap:9px;min-width:0;display:inline-flex}.of-pw-acc-dot{border:1.5px solid var(--of-ink);border-radius:50%;flex:none;width:10px;height:10px}.of-pw-acc-chevron{flex:none;transition:transform .2s;display:inline-flex}.of-pw-acc-btn[aria-expanded=true] .of-pw-acc-chevron{transform:rotate(180deg)}.of-pw-acc-panel{color:var(--of-body);padding:0 16px 15px;font-size:14px;font-weight:600;line-height:1.6}.of-pw-acc-panel .of-pw-doc-html p{margin:0 0 .65em}.of-pw-submission-item{background:var(--of-cream);border:1.5px solid var(--of-ink);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:background .15s,transform .15s;display:flex}.of-pw-submission-item:hover{background:var(--of-yellow);transform:translate(-1px,-1px)}.of-pw-submissions-title{font-family:var(--of-font-display);color:var(--of-ink);margin-bottom:4px;font-size:14px;font-weight:800}.of-pw-body-split--speaking{grid-template-columns:1fr}.of-pw-speaking-panel{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 22px;display:flex;overflow-y:auto}.of-pw-speaking-attempts{background:var(--of-speaking-tint);border:1.5px solid var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);border-radius:999px;justify-content:center;align-self:stretch;align-items:center;gap:7px;padding:6px 13px;font-size:12.5px;font-weight:800;display:inline-flex}.of-pw-time-pill{background:var(--of-speaking-tint);border:1.5px solid var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);border-radius:999px;align-items:center;gap:7px;padding:5px 13px;font-size:12.5px;font-weight:800;display:inline-flex}.of-pw-speaking-status{font-family:var(--of-font-display);color:var(--of-muted);font-size:16px;font-weight:800}.of-pw-speaking-timer{font-family:var(--of-font-display);letter-spacing:1px;color:var(--of-ink);font-size:30px;font-weight:800}.of-pw-speaking-timer-sm{font-family:var(--of-font-display);color:var(--of-magenta);font-size:16px;font-weight:800}.of-pw-speaking-mic-wrap{justify-content:center;align-items:center;width:130px;height:130px;margin-top:6px;display:flex;position:relative}.of-pw-speaking-mic{z-index:1;background:var(--of-yellow);border:2.5px solid var(--of-ink);width:104px;height:104px;box-shadow:3px 3px 0 var(--of-ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.of-pw-speaking-record-btn{background:var(--of-magenta);border:2.5px solid var(--of-ink);width:100%;max-width:280px;box-shadow:3px 3px 0 var(--of-ink);font-family:var(--of-font-display);color:var(--of-cream);cursor:pointer;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:9px;padding:14px 24px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.of-pw-speaking-record-btn:hover:not(:disabled){box-shadow:4.5px 4.5px 0 var(--of-ink);transform:translate(-2px,-2px)}.of-pw-speaking-record-btn:disabled{opacity:.7;cursor:not-allowed}.of-pw-speaking-cancel-btn{background:var(--of-cream);border:2px solid var(--of-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:16px;transition:background .15s;display:flex}.of-pw-speaking-cancel-btn:hover{background:var(--of-yellow)}.of-pw-mic-error{border:2px solid var(--of-ink);text-align:left;border-radius:14px;width:100%;overflow:hidden}.of-pw-mic-error-head{background:var(--of-reading-tint);font-family:var(--of-font-display);color:var(--of-ink);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:800;display:flex}.of-pw-mic-error-body{color:var(--of-body);padding:16px;font-size:14px;font-weight:600}.of-pw-prep-ring text{fill:var(--of-speaking-text)}.of-pw-listening-panel{flex-direction:column;align-items:center;display:flex}.of-pw-transcript-card{background:var(--of-white);border:2px solid var(--of-ink);width:100%;max-width:520px;color:var(--of-body);border-radius:16px;margin:18px auto 0;padding:18px 20px;font-size:15px;font-weight:600;line-height:1.65}.of-pw-listening-note{background:var(--of-speaking-tint);border:1.5px solid var(--of-ink);width:100%;max-width:520px;color:var(--of-speaking-text);text-align:center;border-radius:12px;margin:24px auto 0;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.5}@media (min-width:861px){.of-pw-body-split{grid-template-columns:minmax(0,1fr) minmax(280px,380px)}.of-pw-body-split--writing,.of-pw-body-split--reading{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.of-pw-body-split--listening .of-pw-doc-panel{border-bottom:none;border-right:2px solid rgba(20,20,20,.12)}.of-pw-body-split--speaking{grid-template-columns:minmax(0,1fr) minmax(280px,380px)}.of-pw-doc-panel{border-bottom:none;border-right:2px solid rgba(20,20,20,.12)}.of-pw-grid{grid-template-columns:264px minmax(0,1fr)}.of-pw-sidebar{width:auto;max-width:none;height:auto;max-height:min(920px,100dvh - 28px);box-shadow:none;border-radius:18px;align-self:start;display:flex;position:-webkit-sticky;position:sticky;top:14px;overflow:hidden;transform:none}.of-pw-taskbar{flex-direction:row}.of-pw-taskbar-actions{flex-wrap:nowrap}.of-pw-score-btn-long{display:inline}.of-pw-score-btn-short{display:none}.of-pw-main--tall{height:920px}}@media (max-width:860px){.of-pw-drawer-btn{display:inline-flex}.of-pw-sidebar{z-index:60;border-radius:0 20px 20px 0;width:286px;max-width:86vw;height:100%;transition:transform .28s;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:8px 0 rgba(20,20,20,.12)}.of-pw-sidebar.of-pw-sidebar--open{transform:translate(0)}}.of-pw-sidebar.of-pw-sidebar--page{z-index:auto;width:100%;max-width:none;height:auto;max-height:none;box-shadow:none;border-radius:18px;display:flex;position:static;top:auto;left:auto;overflow:visible;transform:none}.of-pw-sidebar.of-pw-sidebar--page .of-pw-sidebar-items{flex:none;max-height:none;overflow:visible}@media (max-width:560px){.of-pw-wrap,.of-pw-tabs-wrap{padding-left:14px;padding-right:14px}.of-pw-taskbar{flex-wrap:wrap}}.of-pw-results{padding:22px}.of-pw-results-summary{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.of-pw-results-score{background:var(--of-listening-tint);border:2px solid var(--of-ink);font-family:var(--of-font-display);text-align:center;color:var(--of-ink);border-radius:14px;padding:13px 16px;font-size:16px;font-weight:800}.of-pw-results-stats{flex-wrap:wrap;gap:10px;display:flex}.of-pw-results-stat{border:1.5px solid var(--of-ink);border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.of-pw-results-stat--correct{background:var(--of-listening-tint);color:var(--of-listening-text)}.of-pw-results-stat--wrong{background:var(--of-reading-tint);color:var(--of-reading-text)}.of-pw-results-stat--skipped{background:var(--of-sand);color:var(--of-ink)}.of-pw-results-questions{flex-direction:column;gap:18px;display:flex}.of-pw-results-question{background:var(--of-white);border:1.5px solid var(--of-ink);border-radius:16px;padding:16px 18px}.of-pw-results-question-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.of-pw-results-badge{border:1.5px solid var(--of-ink);min-height:28px;font-family:var(--of-font-display);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.of-pw-results-badge--correct{background:var(--of-listening-tint);color:var(--of-listening-text)}.of-pw-results-badge--wrong{background:var(--of-reading-tint);color:var(--of-reading-text)}.of-pw-results-badge--skipped{background:var(--of-sand);color:var(--of-ink)}.of-pw-results-choice-block+.of-pw-results-choice-block{margin-top:12px}.of-pw-results-choice-label{font-family:var(--of-font-display);margin:0 0 8px;font-size:13px;font-weight:800}.of-pw-results-choice-label--correct{color:var(--of-listening-text)}.of-pw-results-choice-label--wrong{color:var(--of-reading-text)}.of-pw-results-option{cursor:default}.of-pw-results-option:hover{background:var(--of-cream)}.of-pw-results-option--correct{background:var(--of-listening-tint)}.of-pw-results-option--correct .of-pw-mcq-dot{background:var(--of-mint)}.of-pw-results-option--wrong{background:var(--of-reading-tint)}.of-pw-results-option--wrong .of-pw-mcq-dot{background:var(--of-pink)}.of-pw-mcq-option-image-wrap{flex:none;max-width:100%;display:inline-flex;position:relative}.of-pw-mcq-option-image{object-fit:contain;border:1.5px solid var(--of-ink);background:var(--of-white);cursor:zoom-in;border-radius:12px;width:auto;max-width:100%;max-height:160px;transition:transform .15s,box-shadow .15s;display:block}.of-pw-mcq-option-image-wrap:hover .of-pw-mcq-option-image,.of-pw-mcq-option-image-wrap:focus-within .of-pw-mcq-option-image{box-shadow:1.5px 1.5px 0 var(--of-ink);transform:scale(1.04)}.of-pw-mcq-option-image-zoom{z-index:9999;pointer-events:none;background:var(--of-white);border:2px solid var(--of-ink);box-shadow:4.5px 4.5px 0 var(--of-ink);border-radius:16px;padding:10px;animation:.15s of-pw-image-zoom-in;position:fixed;transform:translate(-50%,-50%)}.of-pw-mcq-option-image-zoom img{object-fit:contain;width:auto;max-width:min(480px,100vw - 48px);height:auto;max-height:min(420px,100vh - 48px);display:block}@keyframes of-pw-image-zoom-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.of-pw-results-option-image{object-fit:contain;border:1.5px solid var(--of-ink);background:var(--of-white);border-radius:12px;width:auto;max-width:100%;max-height:160px;display:block}.of-pw-audio-player{background:var(--of-white);border:2px solid var(--of-ink);border-radius:16px;align-items:center;gap:12px;width:100%;max-width:460px;margin:0 auto;padding:12px 14px;display:flex}.of-pw-audio-play{background:var(--of-mint);border:2px solid var(--of-ink);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:transform .15s,box-shadow .15s;display:flex}.of-pw-audio-play:hover{box-shadow:1.5px 1.5px 0 var(--of-ink);transform:translate(-1px,-1px)}.of-pw-audio-time{font-family:var(--of-font-display);white-space:nowrap;color:var(--of-ink);flex:none;font-size:13px;font-weight:800}.of-pw-audio-bar{border:1.5px solid var(--of-ink);cursor:pointer;background:#ede7da;border-radius:999px;flex:1;height:12px;overflow:hidden}.of-pw-audio-fill{background:var(--of-mint);height:100%;transition:width .1s linear}.of-pw-audio-replay{background:var(--of-cream);border:2px solid var(--of-ink);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .15s,transform .15s;display:flex}.of-pw-audio-replay:hover{background:var(--of-yellow);transform:translate(-1px,-1px)}@media (min-width:861px){.of-pw-results-summary{flex-direction:row;justify-content:space-between;align-items:center}.of-pw-results-score{flex:none;min-width:180px}}.of-pw-skill-modal-overlay{z-index:9999;box-sizing:border-box;background:rgba(20,20,20,.55);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.of-pw-skill-modal{background:var(--of-cream);border:2.5px solid var(--of-ink);width:100%;max-width:520px;max-height:min(86vh,720px);box-shadow:4px 4px 0 var(--of-ink);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.of-pw-skill-modal-close{z-index:2;background:var(--of-yellow);border:2.5px solid var(--of-ink);width:40px;height:40px;box-shadow:2.5px 2.5px 0 var(--of-ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:14px;right:14px}.of-pw-skill-modal-close:hover{box-shadow:4px 4px 0 var(--of-ink);transform:translate(-1px,-1px)}.of-pw-skill-modal-head{border-bottom:2px solid rgba(20,20,20,.1);flex:none;padding:28px 24px 16px}.of-pw-skill-modal-body{flex:1;padding:16px 20px 24px;overflow-y:auto}.practice-session-mobile-header,.practice-session-mobile-actions,.practice-session-mobile-title,.reading-mobile-switch,.reading-go-question,.reading-mobile-radio{display:none}@media (min-width:861px){.practice-session-view,.practice-session-view-scroll{display:contents}}@media (max-width:860px){.of-page-sand:has(.practice-session-active){background:var(--of-cream);flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden;padding-bottom:0!important}.of-page-gradient:has(.practice-session-active){background:var(--of-cream);flex-direction:column;height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden;padding-bottom:0!important}.of-page-sand:has(.practice-session-active)>.of-dash-header{display:none!important}.of-page-gradient:has(.practice-session-active)>.of-dash-header{display:none!important}.of-page-sand:has(.practice-session-active)>.of-bottom-nav{display:none!important}.of-page-gradient:has(.practice-session-active)>.of-bottom-nav{display:none!important}.of-page-sand:has(.practice-session-active)>main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.of-page-gradient:has(.practice-session-active)>main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}main:has(.practice-session-active){flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow:hidden}main:has(.practice-session-active)>div:has(.practice-session-active){flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow:hidden}.practice-session-active{background:var(--of-cream);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.practice-session-active .of-pw-tabs-wrap,.practice-session-active .of-pw-toolbar,.practice-session-active .of-pw-taskbar,.practice-session-active .of-pw-stat-badge,.practice-session-active .practice-session-duplicate-action{display:none!important}.practice-session-active .of-pw-wrap{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.practice-session-active .practice-session-view{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.practice-session-active .practice-session-view-scroll{-webkit-overflow-scrolling:touch;min-height:0;padding:12px 16px calc(16px + var(--practice-action-block,0px));scroll-padding-bottom:calc(16px + var(--practice-action-block,0px));flex:auto;overflow-x:hidden;overflow-y:auto}.practice-session-active .of-pw-main{background:0 0;border:none;border-radius:0;overflow:visible;height:auto!important;margin-bottom:0!important}.practice-session-active .of-pw-body,.practice-session-active .of-pw-doc-panel,.practice-session-active .of-pw-questions-panel,.practice-session-active .of-pw-writing-panel{border-right:none;flex:none;height:auto;max-height:none;padding:8px 0 12px;overflow:visible}.practice-session-active .of-pw-main>div,.practice-session-active .reading-mobile-panes{flex:none;height:auto;min-height:auto;max-height:none;overflow:visible}.practice-session-active .of-pw-body-split{flex:none;height:auto;max-height:none;display:block;overflow:visible}.practice-session-mobile-header{z-index:40;background:var(--of-cream);border-bottom:2px solid var(--of-ink);padding:max(8px, env(safe-area-inset-top)) 10px 0;flex:none;display:block;position:relative}.practice-session-mobile-header-row{align-items:center;gap:8px;min-height:56px;display:flex}.practice-session-mobile-icon,.practice-session-mobile-back{background:var(--of-cream);border:2px solid var(--of-ink);width:44px;height:44px;box-shadow:1.5px 1.5px 0 var(--of-ink);cursor:pointer;color:var(--of-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.practice-session-mobile-copy{flex:1;min-width:0}.practice-session-mobile-kicker,.practice-session-mobile-task,.practice-session-mobile-title{color:var(--of-ink);font-family:var(--of-font-display);margin:0;font-weight:800}.practice-session-mobile-kicker{letter-spacing:.01em;font-size:12px;line-height:1.2}.practice-session-mobile-task{white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.2;overflow:hidden}.practice-session-mobile-meta{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.practice-session-mobile-timer,.practice-session-mobile-count{font-family:var(--of-font-display);color:var(--of-ink);font-size:12px;font-weight:800;line-height:1.2}.practice-session-mobile-count{background:var(--of-yellow);border:1.5px solid var(--of-ink);border-radius:999px;padding:2px 8px}.practice-session-mobile-progress{background:rgba(20,20,20,.08);border-radius:999px;height:4px;margin:8px 6px 0;overflow:hidden}.practice-session-mobile-progress>span{background:var(--of-mint);height:100%;display:block}.practice-session-mobile-header[data-skill=reading] .practice-session-mobile-progress>span{background:var(--of-pink)}.practice-session-mobile-header[data-skill=writing] .practice-session-mobile-progress>span{background:var(--of-orange)}.practice-session-mobile-progress--empty{background:0 0;height:8px}.practice-session-mobile-menu-backdrop{z-index:45;cursor:default;background:0 0;border:none;padding:0;position:fixed;top:0;bottom:0;left:0;right:0}.practice-session-mobile-menu{z-index:46;background:var(--of-cream);border:2px solid var(--of-ink);min-width:220px;box-shadow:2.5px 2.5px 0 var(--of-ink);border-radius:16px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:10px}.practice-session-mobile-menu button{text-align:left;min-height:44px;font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px 12px;font-size:15px;font-weight:800}.practice-session-mobile-menu button:hover{background:var(--of-yellow)}.practice-session-mobile-menu button:focus-visible{background:var(--of-yellow)}.practice-session-mobile-menu button:disabled{opacity:.5;cursor:wait}.practice-session-mobile-title{margin:4px 0 12px;font-size:22px;line-height:1.15;display:block}.practice-session-mobile-actions{z-index:35;padding:10px 16px calc(10px + env(safe-area-inset-bottom));margin-top:auto;margin-bottom:var(--practice-keyboard-inset,0px);background:var(--of-cream);border-top:2px solid var(--of-ink);flex:none;align-items:center;gap:10px;display:flex}.practice-session-mobile-primary{background:var(--of-ink);min-height:48px;color:var(--of-cream);border:2.5px solid var(--of-ink);box-shadow:2.5px 2.5px 0 var(--of-mint);font-family:var(--of-font-display);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:800;display:inline-flex}.practice-session-mobile-actions[data-skill=reading] .practice-session-mobile-primary{box-shadow:2.5px 2.5px 0 var(--of-pink)}.practice-session-mobile-header[data-skill=speaking] .practice-session-mobile-progress>span{background:var(--of-yellow)}.practice-session-mobile-actions[data-skill=writing] .practice-session-mobile-primary{background:var(--of-orange);color:var(--of-ink);box-shadow:2.5px 2.5px 0 var(--of-ink)}.practice-session-mobile-actions[data-skill=speaking] .practice-session-mobile-primary{background:var(--of-yellow);color:var(--of-ink);box-shadow:2.5px 2.5px 0 var(--of-ink)}.practice-session-active .of-pw-speaking-panel{height:auto;max-height:none;padding:8px 0 12px;overflow:visible}.practice-session-mobile-primary:disabled{opacity:.6;cursor:wait}.practice-session-active .of-pw-audio-player{gap:8px;max-width:none;padding:8px 10px}.practice-session-active .of-pw-audio-play,.practice-session-active .of-pw-audio-replay{width:44px;height:44px}.practice-session-active .of-pw-transcript-card,.practice-session-active .of-pw-mcq-option,.practice-session-active .of-pw-doc-html{overflow-wrap:anywhere}.practice-session-active .of-pw-mcq-option{min-height:44px}.practice-session-active .of-pw-writing-textarea{min-height:200px}.practice-session-active .of-pw-writing-secondary-btn{min-height:44px}.reading-mobile-radio{opacity:0;pointer-events:none;width:1px;height:1px;display:block;position:absolute}.reading-mobile-switch{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;display:grid}.reading-mobile-switch label{background:var(--of-cream);border:2px solid var(--of-ink);min-height:44px;font-family:var(--of-font-display);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.reading-mobile-panes:has(#reading-pane-passage:checked) .reading-mobile-switch label[for=reading-pane-passage]{background:var(--of-pink);box-shadow:1.5px 1.5px 0 var(--of-ink)}.reading-mobile-panes:has(#reading-pane-question:checked) .reading-mobile-switch label[for=reading-pane-question]{background:var(--of-pink);box-shadow:1.5px 1.5px 0 var(--of-ink)}.practice-session-active .reading-mobile-panes:has(#reading-pane-passage:checked) .of-pw-questions-panel{display:none}.practice-session-active .reading-mobile-panes:has(#reading-pane-question:checked) .of-pw-doc-panel{display:none}.practice-session-active .reading-go-question{display:none}.practice-session-view:has(#reading-pane-passage:checked) .reading-footer-on-question{display:none}.practice-session-view:has(#reading-pane-question:checked) .reading-footer-on-passage{display:none}}
.of-profile-page{z-index:2;width:100%;max-width:880px;margin:0 auto;padding:24px 32px 120px;position:relative}.of-profile-card{background:var(--of-cream);border:var(--of-border);box-shadow:var(--of-shadow-md);border-radius:22px;padding:22px 24px}.of-profile-card+.of-profile-card{margin-top:16px}.of-profile-card-title{font-family:var(--of-font-display);letter-spacing:-.4px;color:var(--of-ink);margin:0;font-size:22px;font-weight:800}.of-profile-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.of-profile-row-start{align-items:flex-start}.of-profile-label{color:var(--of-ink);font-size:16px;font-weight:800}.of-profile-value{color:var(--of-muted-warm);font-size:14px;font-weight:600}.of-profile-value-premium{color:var(--of-magenta);font-size:14px;font-weight:800}.of-profile-value-free{background:var(--of-mint);border:1px solid var(--of-ink);color:var(--of-ink);border-radius:999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex}.of-profile-divider{border:none;border-top:2.5px solid rgba(20,20,20,.12);margin:24px 0 0}.of-profile-user{align-items:center;gap:12px;display:flex}.of-profile-avatar{border:2.5px solid var(--of-ink);width:48px;height:48px;box-shadow:1px 1px 0 var(--of-ink);object-fit:cover;border-radius:50%}.of-profile-name{font-family:var(--of-font-display);color:var(--of-ink);font-size:18px;font-weight:800}.of-profile-action-btn{background:var(--of-cream);border:var(--of-border);min-height:40px;box-shadow:var(--of-shadow-sm);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;transition:transform var(--of-ease), box-shadow var(--of-ease);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.of-profile-action-btn:hover{box-shadow:4px 4px 0 var(--of-ink);transform:translate(-2px,-2px)}.of-profile-action-btn-danger{color:var(--of-magenta);border-color:var(--of-ink)}.of-profile-link-btn{font-family:var(--of-font-display);color:var(--of-magenta);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:14px;font-weight:800;text-decoration:underline}.of-profile-link-btn:disabled{opacity:.5;cursor:not-allowed}.of-profile-session-row{color:var(--of-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-size:13px;font-weight:700;display:flex}.of-profile-session-device{flex:1;align-items:center;gap:12px;min-width:200px;display:flex}.of-profile-toast{z-index:99999;border:var(--of-border);box-shadow:var(--of-shadow-md);border-radius:14px;padding:12px 18px;font-size:14px;font-weight:800;position:fixed;top:20px;right:20px}.of-profile-toast-success{background:var(--of-ink);color:var(--of-yellow)}.of-profile-toast-error{background:var(--of-magenta);color:var(--of-cream)}.of-profile-overlay{z-index:9999;background:rgba(20,20,20,.55);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.of-profile-modal{background:var(--of-cream);border:var(--of-border);width:100%;max-width:440px;box-shadow:var(--of-shadow-lg);text-align:center;border-radius:24px;padding:24px;position:relative}.of-profile-modal-wide{max-width:460px;padding:0;overflow:hidden}.of-profile-modal-title{font-family:var(--of-font-display);color:var(--of-ink);margin:0 0 12px;font-size:20px;font-weight:800}.of-profile-modal-text{color:var(--of-muted-warm);margin:0;font-size:14px;font-weight:600}.of-profile-modal-header{background:var(--of-yellow);border-bottom:var(--of-border);font-family:var(--of-font-display);color:var(--of-ink);justify-content:space-between;align-items:center;padding:16px 18px;font-size:18px;font-weight:800;display:flex}.of-profile-modal-body{text-align:left;padding:20px 18px 24px}.of-profile-close-btn{background:var(--of-yellow);border:var(--of-border);width:36px;height:36px;box-shadow:var(--of-shadow-sm);cursor:pointer;color:var(--of-ink);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;top:14px;right:14px}.of-profile-input{background:var(--of-cream);border:var(--of-border);width:100%;height:48px;color:var(--of-ink);border-radius:14px;margin-bottom:14px;padding:0 14px;font-size:15px;font-weight:600}.of-profile-input:focus{outline:3px solid var(--of-yellow);outline-offset:1px}.of-profile-input-wrap{margin-bottom:14px;position:relative}.of-profile-input-wrap .of-profile-input{margin-bottom:0;padding-right:44px}.of-profile-eye-btn{cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.of-profile-criteria{margin:0 0 16px;padding:0;font-size:13px;font-weight:700;list-style:none}.of-profile-criteria li{margin-bottom:4px}.of-profile-criteria .ok{color:#1e9e80}.of-profile-criteria .bad{color:var(--of-magenta)}.of-profile-modal-actions{gap:10px;margin-top:20px;display:flex}.of-profile-modal-actions .of-btn{flex:1;justify-content:center;padding:11px 16px;font-size:15px}@media (max-width:560px){.of-profile-page{padding:16px 16px 120px}.of-profile-card{padding:18px 16px}}
.of-pr-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(20,20,20,.42);animation:.25s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.of-pr-drawer{z-index:60;background:var(--of-sand);border-left:2.5px solid var(--of-ink);width:min(550px,92vw);height:100%;box-shadow:-8px 0 0 var(--of-magenta);flex-direction:column;animation:.34s cubic-bezier(.2,0,0,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;left:auto;right:0;overflow-y:auto}.of-pr-drawer--writing{box-shadow:-8px 0 0 var(--of-orange)}.of-pr-drawer--speaking{box-shadow:-8px 0 0 var(--of-yellow)}.of-pr-body{color:var(--of-ink);flex-direction:column;gap:16px;padding:22px 20px 112px;display:flex}.of-pr-back{background:var(--of-cream);border:2px solid var(--of-ink);width:-moz-fit-content;width:fit-content;box-shadow:1.5px 1.5px 0 var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.of-pr-back:hover{box-shadow:2.5px 2.5px 0 var(--of-ink);transform:translate(-1px,-1px)}.of-pr-accordion{background:var(--of-cream);border:2px solid var(--of-ink);box-shadow:3px 3px 0 var(--of-ink);border-radius:16px;overflow:hidden}.of-pr-accordion-btn{background:var(--of-cream);width:100%;font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:800;transition:background .15s;display:flex}.of-pr-accordion-btn:hover,.of-pr-accordion-btn[aria-expanded=true]{background:var(--of-yellow)}.of-pr-accordion-panel{border-top:2px solid rgba(20,20,20,.1);padding:0 16px 16px}.of-pr-accordion-label{font-family:var(--of-font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--of-muted-warm);margin:14px 0 8px;font-size:12px;font-weight:800}.of-pr-response-box{background:var(--of-white);border:1.5px solid var(--of-ink);color:var(--of-ink);white-space:pre-line;border-radius:14px;padding:14px 15px;font-size:15px;font-weight:600;line-height:1.6}.of-pr-response-box--html{white-space:normal}.of-pr-response-box--html .of-pw-doc-html{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.of-pr-score-card{background:var(--of-cream);border:2.5px solid var(--of-ink);box-shadow:4px 4px 0 var(--of-ink);border-radius:18px;overflow:hidden}.of-pr-score-header{border-bottom:2px solid var(--of-ink);flex-direction:column;align-items:center;gap:18px;padding:22px 18px;display:flex}@media (min-width:744px){.of-pr-score-header{flex-direction:row;align-items:flex-start}}.of-pr-score-title{font-family:var(--of-font-display);letter-spacing:-.4px;color:var(--of-ink);margin:0 0 8px;font-size:24px;font-weight:800;line-height:1.15}.of-pr-score-desc{color:var(--of-muted);margin:0;font-size:15px;font-weight:600;line-height:1.55}.of-pr-score-grid{border-top:2px solid var(--of-ink);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:744px){.of-pr-score-grid{grid-template-columns:repeat(4,1fr)}}.of-pr-score-grid-item{border-bottom:2px solid rgba(20,20,20,.1);border-right:2px solid rgba(20,20,20,.1);flex-direction:column;justify-content:center;align-items:center;padding:18px 12px;display:flex}.of-pr-score-grid-item:nth-child(2n){border-right:none}@media (min-width:744px){.of-pr-score-grid-item{border-bottom:none}.of-pr-score-grid-item:nth-child(2n){border-right:2px solid rgba(20,20,20,.1)}.of-pr-score-grid-item:last-child{border-right:none}}.of-pr-score-label{text-align:center;font-family:var(--of-font-display)!important;color:var(--of-ink)!important;font-size:12px!important;font-weight:800!important}.of-pr-tabs{z-index:10;background:var(--of-sand);border-bottom:2px solid rgba(20,20,20,.12);flex-direction:column;gap:10px;padding:12px 0 14px;display:flex;position:-webkit-sticky;position:sticky;top:0}@media (min-width:744px){.of-pr-tabs{flex-direction:row}}.of-pr-tab{border:2px solid var(--of-ink);box-shadow:1.5px 1.5px 0 var(--of-ink);background:var(--of-cream);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border-radius:999px;flex:1;padding:11px 16px;font-size:14px;font-weight:800;transition:transform .15s,background .15s}.of-pr-tab:hover{transform:translate(-1px,-1px)}.of-pr-tab--active{background:var(--of-yellow)}.of-pr-section{margin-bottom:28px;padding-top:8px;scroll-margin-top:96px}.of-pr-section-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.of-pr-section-title{font-family:var(--of-font-display);color:var(--of-ink);margin:0;font-size:22px;font-weight:800;line-height:1.15}.of-pr-panel{border:2px solid var(--of-ink);color:var(--of-ink);box-shadow:2.5px 2.5px 0 var(--of-ink);border-radius:16px;padding:18px;font-size:15px;font-weight:600;line-height:1.65}.of-pr-panel--feedback{background:var(--of-writing-tint)}.of-pr-panel--improvements{white-space:pre-wrap;word-break:break-word;background:#fff5ef}.of-pr-panel--better{background:var(--of-listening-tint);padding:0;overflow:hidden}.of-pr-diff-added{background:var(--of-mint);color:var(--of-ink);border-radius:3px;padding:0 2px}.of-pr-diff-removed{color:var(--of-ink);background:#ffd6df;border-radius:3px;padding:0 2px;-webkit-text-decoration:line-through rgba(20,20,20,.45);text-decoration:line-through rgba(20,20,20,.45)}.of-pr-toggle-btn{background:var(--of-cream);border:2px solid var(--of-ink);box-shadow:1.5px 1.5px 0 var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border-radius:999px;margin-top:10px;padding:10px 18px;font-size:14px;font-weight:800;transition:background .15s}.of-pr-toggle-btn:hover{background:var(--of-yellow)}.of-pr-toggle-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.of-pr-toggle-btn:disabled:hover{background:var(--of-cream)}.of-pr-save-words-btn{background:var(--of-cream);border:2px solid var(--of-ink);box-shadow:2.5px 2.5px 0 var(--of-ink);font-family:var(--of-font-display);color:var(--of-ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin:18px auto 0;padding:12px 20px 12px 58px;font-size:14px;font-weight:800;transition:transform .15s;display:inline-flex;position:relative}.of-pr-save-words-btn:hover{transform:translate(-1px,-1px)}.of-pr-save-words-btn:disabled{cursor:wait;transform:none}.of-pr-save-words-btn svg,.of-pr-save-words-btn>div{position:absolute;bottom:0;left:4px}.of-pr-better-content{padding:16px 18px 18px}.of-pr-tache1{flex-direction:column;gap:8px;display:flex}.of-pr-tache1-level{border:1.5px solid var(--of-ink);background:var(--of-cream);vertical-align:middle;border-radius:999px;align-items:center;margin-left:8px;padding:2px 8px;font-size:13px;line-height:1.4;display:inline-flex}.of-pr-tache1-criteria{flex-wrap:wrap;gap:8px;padding:14px 16px 16px;display:flex}.of-pr-tache1-criteria span{border:1.5px solid var(--of-ink);background:var(--of-white,#fff);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.of-pr-tache1-meta{margin:0 0 8px;font-size:13px;font-weight:800}.of-pr-tache1-sub{font-family:var(--of-font-display);margin:14px 0 6px;font-size:14px;font-weight:800}.of-pr-tache1-list{flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.of-pr-tache1-list strong,.of-pr-tache1-quote,.of-pr-tache1-wrong,.of-pr-tache1-right{display:block}.of-pr-tache1-quote,.of-pr-tache1-wrong{color:#9d1239}.of-pr-tache1-right{color:#0d6b45}.of-pr-tache1-transcript{white-space:pre-line;margin-top:12px}.of-pr-tache1-disclaimer{color:var(--of-muted,#6b655a);margin:4px 0 0;font-size:13px;font-weight:700;line-height:1.5}.of-pr-tache1 .of-pr-panel>*+*{margin-top:8px}.of-pr-tache1 .of-pr-panel p{margin-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}
/*# sourceMappingURL=0e~83sjbqn0-q.css.map*/