.ob-page{max-width:1120px;margin:0 auto;padding:20px 24px 96px}:where(.ob-page) :where(h1,h2,h3,p,dl,dd,ol,ul,figure){margin:0}:where(.ob-page) :where(ol,ul){padding:0;list-style:none}:where(.ob-page) :where(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit}.ob-page :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ob-page :is(input:not([type=checkbox]),select,textarea):focus-visible{border-color:var(--ink);outline:none}.btn-small{height:36px;padding:0 14px;font-size:14px}.btn-danger{color:#fff;background:#c0392b}.btn-danger:hover{background:#a93226}.btn:disabled{opacity:.6;cursor:default}.ob-link{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.ob-error{color:#c0392b;font:500 14px/20px var(--font-ui)}.ob-wait{color:var(--ink-2);font:400 14px/20px var(--font-ui);align-items:center;gap:8px;display:inline-flex}.ob-spinner{border:2px solid var(--line-strong);border-top-color:var(--ink-2);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite ob-spin}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-progress{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.ob-progress i{background:var(--accent);border-radius:3px;height:100%;transition:width .6s;display:block}.ob-progress.is-endless i{width:34%;animation:1.4s ease-in-out infinite ob-slide}@keyframes ob-slide{0%{transform:translate(-110%)}to{transform:translate(310%)}}.ob-notice{border-radius:var(--radius-m);background:var(--surface-2);font:400 15px/1.45 var(--font-ui);gap:12px;padding:14px 16px;display:flex}.ob-notice>svg{color:var(--ink-2);flex:none;margin-top:1px}.ob-notice strong{font-weight:600;display:block}.ob-notice strong+p{margin-top:2px}.ob-notice-action{margin-top:12px}.ob-notice.is-warn{background:#fff3cf}.ob-notice.is-warn>svg{color:#9a6700}.ob-notice.is-error{background:#fdeae6}.ob-notice.is-error>svg{color:#c0392b}.ob-mock{border-radius:var(--radius-pill);color:#6b4e00;font:500 13px/18px var(--font-ui);background:#fff3cf;margin-bottom:10px;padding:5px 12px;display:inline-block}.ob-badge{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-2);font:600 11px/16px var(--font-ui);align-self:flex-start;margin-top:6px;padding:2px 8px}.ob-center{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:520px;margin:0 auto;padding:96px 0;display:flex}.ob-center.is-inline{padding:64px 0}.ob-center h1{font:800 28px/1.1 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.ob-center p{color:var(--ink-2);font:400 17px/1.5 var(--font-ui)}.ob-back{border-radius:var(--radius-s);color:var(--ink-2);font:600 14px/20px var(--font-ui);align-items:center;gap:6px;margin-left:-8px;padding:6px 8px;display:inline-flex}.ob-back:hover{color:var(--ink);background:#0000000d}.ob-head{margin-bottom:28px}.ob-head-row{justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-top:10px;display:flex}.ob-head h1{font:800 34px/1.08 var(--font-display);letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere}.ob-cover{aspect-ratio:3/2;border-radius:var(--radius-s,10px);background:var(--accent-soft);position:relative;overflow:hidden}.ob-cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.ob-cover.is-ready img{opacity:1}.ob-cover.is-loading:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/220% 100%;animation:1.8s ease-in-out infinite ob-cover-wait;position:absolute;inset:0}.ob-cover-making{z-index:1;color:var(--accent-text);font:500 14px/20px var(--font-ui);text-align:center;text-wrap:balance;opacity:0;place-items:center;margin:0;padding:12px 16px;animation:.4s 1.2s forwards ob-cover-say;display:grid;position:absolute;inset:0}@keyframes ob-cover-say{to{opacity:1}}@keyframes ob-cover-wait{0%{background-position:120% 0}to{background-position:-100% 0}}.ob-head-title{align-items:center;gap:20px;min-width:0;display:flex}.ob-head-cover{width:168px;box-shadow:var(--shadow-card);flex:none}.ob-head-cover .ob-cover-making{font:500 12px/16px var(--font-ui);padding:8px}.ob-book:has(.ob-cover) .ob-book-remove{background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:50%}.ob-book-cover{border-radius:var(--radius-m) var(--radius-m) 0 0;margin:-20px -20px 16px}@media (max-width:700px){.ob-head-title{flex-direction:column;align-items:flex-start}.ob-head-cover{width:100%;max-width:320px}}@media (prefers-reduced-motion:reduce){.ob-cover.is-loading:after{animation:none}.ob-cover-making{opacity:1;animation:none}}.ob-head-sub{color:var(--ink-2);font:400 16px/22px var(--font-ui);margin-top:8px}.ob-save{color:var(--ink-2);font:400 14px/20px var(--font-ui);white-space:nowrap;flex:none;align-items:center;gap:6px;padding-bottom:2px;display:inline-flex}.ob-save.is-failed{color:#c0392b;white-space:normal}.ob-layout{grid-template-columns:minmax(0,1fr) 296px;align-items:start;gap:32px;display:grid}.ob-main{gap:20px;min-width:0;display:grid}.ob-section{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);padding:28px 32px 32px;scroll-margin-top:88px}.ob-section.is-locked{border:1.5px dashed var(--line-strong);box-shadow:none;background:0 0;padding:26.5px 30.5px 30.5px}.ob-section.is-locked .ob-num{background:var(--ink-3)}.ob-section.is-locked h2{color:var(--ink-2)}.ob-section-head{gap:14px;display:flex}.ob-num{background:var(--ink);width:30px;height:30px;color:var(--bg);font:700 15px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;margin-top:0;display:grid}.ob-section h2{font:800 22px/30px var(--font-display);letter-spacing:-.03em}.ob-lead{max-width:38em;color:var(--ink-2);font:400 16px/1.5 var(--font-ui);text-wrap:pretty;margin-top:4px}.ob-lead:empty{display:none}.ob-section-body{gap:30px;min-width:0;margin-top:24px;display:grid}.ob-group{min-width:0}.ob-group>h3{font:600 16px/22px var(--font-ui);letter-spacing:-.012em}.ob-hint{color:var(--ink-2);font:400 14px/20px var(--font-ui);margin-top:2px}.ob-group>h3+:not(.ob-hint),.ob-group>.ob-hint+*{margin-top:12px}.ob-sub{margin-top:14px}.ob-count{color:var(--ink);font-weight:500}.ob-options{gap:10px;display:grid}.ob-options.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-options.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-option{border-radius:var(--radius-m);background:var(--surface);min-width:0;box-shadow:var(--shadow-button);text-align:left;cursor:pointer;border:0;flex-direction:column;gap:3px;padding:14px 39px 15px 16px;transition:transform .12s,background-color .12s;display:flex;position:relative}.ob-option:hover:not(:disabled,.is-selected){background:var(--accent-soft)}.ob-option strong{font:600 15px/21px var(--font-ui);letter-spacing:-.012em}.ob-option>span:not(.ob-badge,.ob-option-check){color:var(--ink-2);font:400 14px/1.4 var(--font-ui)}.ob-option.is-selected{background:var(--accent);color:var(--accent-ink)}.ob-option.is-selected>span:not(.ob-badge,.ob-option-check){color:var(--accent-ink);opacity:.7}.ob-option:disabled{cursor:default}.ob-option:disabled:not(.is-selected)>:not(.ob-badge){opacity:.5}.ob-option-check{background:var(--ink);width:20px;height:20px;color:var(--bg);border-radius:50%;place-items:center;display:none;position:absolute;top:12px;right:12px}.ob-option.is-selected .ob-option-check{display:grid}.ob-style{padding:8px 8px 12px}.ob-style .style-preview{border:1px solid var(--line);border-radius:16px;width:100%;height:auto;margin-bottom:8px;display:block}.ob-style strong,.ob-style>span:not(.ob-option-check){padding:0 6px}.ob-style .ob-option-check{box-shadow:0 0 0 2px var(--accent);top:14px;right:14px}.ob-lettering{padding:12px 36px 12px 14px}.ob-option.ob-lettering strong{font:400 23px/28px var(--lettering-text,var(--font-ui));letter-spacing:0;font-synthesis:none}.ob-option.ob-lettering .ob-lettering-hand{font:400 20px/24px var(--lettering-hand,cursive);color:var(--ink-2)}.ob-option.ob-lettering>span:not(.ob-badge,.ob-option-check,.ob-lettering-hand){margin-top:4px;font-size:13px}.ob-player{gap:12px;max-width:480px;display:grid}.ob-player-stage{aspect-ratio:4/3;border:1px solid var(--line);background:#fff;border-radius:16px;position:relative;overflow:hidden}.ob-player-stage iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.ob-player-stage.is-shown iframe{opacity:1}.ob-player-wait{background:var(--surface-2);color:var(--ink-2);font:400 14px/20px var(--font-ui);justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.ob-player-bubble{border:1px solid var(--line-strong);background:var(--surface);font-family:var(--font-read,var(--font-ui));border-radius:18px;gap:4px;padding:12px 16px 14px;display:grid}.ob-player-prev{min-height:18px;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:18px;overflow:hidden}.ob-player-cur{color:var(--ink-2);text-wrap:pretty;font-size:17px;line-height:1.36}.ob-player-bubble.is-reading .ob-player-cur{color:var(--ink)}.ob-player-dock{align-items:center;gap:12px;display:flex}.ob-player-play{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);box-shadow:var(--shadow-primary);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .1s,filter .1s;display:inline-grid}.ob-player-play svg{width:22px;height:22px}.ob-player-play:hover:not(:disabled){filter:brightness(1.07)}.ob-player-play:active:not(:disabled){transform:scale(.94)}.ob-player-play:disabled{cursor:default}.ob-player-play .ob-spinner{border-color:color-mix(in srgb, var(--accent-ink) 25%, transparent);border-top-color:var(--accent-ink);width:20px;height:20px}.ob-player-scrub{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ob-player-time{min-width:34px;color:var(--ink-2);font:400 12px/16px var(--font-ui);font-variant-numeric:tabular-nums;flex:none}.ob-player-time--end{text-align:right}.ob-player-range{--p:0%;cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:24px;margin:0}.ob-player-range:disabled{cursor:default}.ob-player-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p), var(--line-strong) var(--p));border-radius:99px;height:4px}.ob-player-range::-webkit-slider-thumb{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 3px var(--surface);appearance:none;border:0;border-radius:50%;margin-top:-5px;transition:transform .12s;transform:scale(0)}.ob-player-range:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1)}.ob-player-range:active::-webkit-slider-thumb{transform:scale(1)}.ob-player-range:focus-visible::-webkit-slider-thumb{transform:scale(1)}.ob-player-range::-moz-range-track{background:var(--line-strong);border-radius:99px;height:4px}.ob-player-range::-moz-range-progress{background:var(--accent);border-radius:99px;height:4px}.ob-player-range::-moz-range-thumb{background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 3px var(--surface);border:0;border-radius:50%}.ob-player-meta{color:var(--ink-2);font:400 13px/18px var(--font-ui)}.ob-reading h3{font:600 18px/24px var(--font-ui);letter-spacing:-.015em;margin-top:18px}.ob-reading p{color:var(--ink-2);font:400 16px/1.5 var(--font-ui);margin-top:4px}.ob-reading .ob-found{color:var(--ink);font:600 14px/20px var(--font-ui);margin:22px 0 10px}.ob-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;display:grid}.ob-facts>div{min-width:0}.ob-facts>div:last-child:nth-child(odd),.ob-facts>div:first-child{grid-column:1/-1}.ob-facts dt{color:var(--ink-2);font:400 13px/18px var(--font-ui)}.ob-facts dd{font:500 16px/22px var(--font-ui);overflow-wrap:anywhere;margin-top:2px}.ob-facts dd.is-missing{color:var(--ink-3);font-weight:400}.ob-toc{border-radius:var(--radius-m);background:var(--bg)}.ob-toc summary{font:600 15px/21px var(--font-ui);cursor:pointer;align-items:center;gap:10px;padding:13px 16px;list-style:none;display:flex}.ob-toc summary::-webkit-details-marker{display:none}.ob-toc summary svg{color:var(--ink-2);margin-left:auto;transition:transform .15s}.ob-toc[open] summary svg{transform:rotate(180deg)}.ob-toc-count{color:var(--ink-2);font-weight:400}.ob-toc ol{border-top:1px solid var(--line);max-height:320px;padding:2px 16px 10px;overflow-y:auto}.ob-toc li{font:400 15px/21px var(--font-ui);align-items:baseline;gap:12px;padding:9px 0;display:flex}.ob-toc li+li{border-top:1px solid var(--line)}.ob-toc-page{color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:14px}.ob-tree{border-radius:var(--radius-m);background:var(--bg);max-height:min(440px,64vh);margin-top:10px;padding:2px 14px;overflow-y:auto}.ob-tree li+li,.ob-tree ul{border-top:1px solid var(--line)}.ob-tree-row{padding-left:calc(var(--depth,0) * 26px);align-items:flex-start;gap:2px;display:flex}.ob-tree-open{border-radius:var(--radius-s);width:28px;height:28px;color:var(--ink-2);background:0 0;border:0;flex:none;place-items:center;margin:5px 0 0 -6px;padding:0;display:grid}button.ob-tree-open{cursor:pointer}button.ob-tree-open:hover{color:var(--ink);background:#0000000d}.ob-tree-open svg{transition:transform .15s;transform:rotate(-90deg)}.ob-tree-open[aria-expanded=true] svg{transform:none}.ob-tree label{min-width:0;font:400 15px/21px var(--font-ui);cursor:pointer;flex:1;align-items:flex-start;gap:12px;padding:9px 0;display:flex}.ob-tree label>span:first-of-type{overflow-wrap:anywhere;min-width:0}.ob-tree.is-nested>li>.ob-tree-row label>span:first-of-type{font-weight:600}.ob-tree input{margin:1.5px 0 0}.ob-tree input,.ob-formats input{width:18px;height:18px;accent-color:var(--ink);flex:none}.ob-formats input{margin:0}.ob-tree+.ob-error{margin-top:8px}.ob-range{flex-wrap:wrap;gap:12px;display:flex}.ob-range label{color:var(--ink-2);font:400 13px/18px var(--font-ui);flex-direction:column;gap:6px;display:flex}.ob-range input,.ob-signin-fields input,.ob-select select{border:1.5px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);height:44px;color:var(--ink);font:400 16px/1 var(--font-ui);padding:0 14px}.ob-range input{font-variant-numeric:tabular-nums;width:124px}.ob-range+.ob-hint{margin-top:8px}.ob-level{grid-template-columns:minmax(0,264px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.ob-level-list{gap:8px;display:grid}.ob-level-list .ob-option{padding:12px 37px 13px 14px}.ob-level-list strong{gap:8px;display:flex}.ob-level-list strong i{color:var(--ink-2);font-variant-numeric:tabular-nums;font-style:normal;font-weight:400}.ob-level-list .ob-option>span:not(.ob-badge,.ob-option-check){padding-left:17px;font-size:13px}.ob-paragraphs{border-radius:var(--radius-m);background:var(--bg);display:grid;overflow:hidden}.ob-para{min-width:0;padding:16px 20px 20px}.ob-para:not(.is-original){border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-button)}.ob-para figcaption{color:var(--ink-2);font:600 13px/18px var(--font-ui);flex-wrap:wrap;gap:0 8px;margin-bottom:8px;display:flex}.ob-para figcaption span{color:var(--ink)}.ob-para>p:not(.ob-mock){font:400 18px/1.6 var(--font-read);letter-spacing:0;text-wrap:pretty}.ob-para.is-original>p{color:var(--ink-2);font-size:16px}.ob-skeleton{gap:12px;padding-top:6px;display:grid}.ob-skeleton>i{background:linear-gradient(90deg, var(--surface-2) 25%, var(--bg) 45%, var(--surface-2) 65%) 0 0 / 300% 100%;border-radius:6px;height:12px;animation:1.6s linear infinite ob-shimmer}.ob-skeleton>i:nth-child(2){width:94%}.ob-skeleton>i:nth-child(3){width:88%}.ob-skeleton>i:nth-child(4){width:52%}.ob-skeleton .ob-wait{margin-top:4px}@keyframes ob-shimmer{to{background-position:-150% 0}}.ob-select{max-width:100%;display:inline-block;position:relative}.ob-select select{appearance:none;cursor:pointer;min-width:260px;max-width:100%;padding-right:42px}.ob-select svg{color:var(--ink-2);pointer-events:none;position:absolute;top:12px;right:12px}.ob-voices{gap:10px;display:grid}.ob-voice{display:grid;position:relative}.ob-voice.has-listen .ob-option{padding-left:62px}.ob-listen{background:var(--ink);width:34px;height:34px;color:var(--bg);cursor:pointer;border:0;border-radius:50%;place-items:center;margin-top:-17px;padding:0;transition:transform .12s;display:grid;position:absolute;top:50%;left:14px}.ob-listen svg{width:16px;height:16px}.ob-listen:hover{transform:scale(1.06)}.ob-listen:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ob-voice.is-playing .ob-listen{color:var(--accent)}.ob-voices-studio{color:var(--ink-2);font:400 14px/20px var(--font-ui);flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:8px;display:flex}.ob-voices-studio strong{color:var(--ink);font-weight:600}.ob-voices-studio .ob-badge{align-self:center;margin-top:0}.ob-voices-studio>span:last-child{flex-basis:100%}.ob-hint.ob-after{margin-top:10px}.ob-context{gap:12px;display:grid}.ob-context .ob-mock{justify-self:start;margin-bottom:0}.ob-question{font:400 18px/1.5 var(--font-read);letter-spacing:0;text-wrap:pretty}.ob-suggestions{flex-wrap:wrap;gap:8px;display:flex}.ob-suggestions .chip{background:var(--surface);white-space:normal;text-align:left;padding:6px 12px;font-size:14px;line-height:20px}.ob-textarea{position:relative}.ob-textarea textarea{border:1.5px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);width:100%;min-height:96px;font:400 16px/1.5 var(--font-ui);resize:vertical;padding:12px 56px 12px 14px;display:block}.ob-textarea textarea::placeholder,.ob-signin-fields input::placeholder{color:var(--ink-3)}.ob-mic{background:var(--surface);width:36px;height:36px;box-shadow:var(--shadow-button);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:9px}.ob-mic.is-on{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 4px var(--accent-soft)}.ob-formats{flex-wrap:wrap;gap:8px;display:flex}.ob-formats label{border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-button);font:500 15px/20px var(--font-ui);cursor:pointer;align-items:center;gap:9px;padding:8px 14px 8px 11px;display:inline-flex}.ob-formats label:has(input:checked){background:var(--accent)}.ob-voice-group+.ob-voice-group{margin-top:18px}.ob-voice-gender{color:var(--ink-2);font:600 13px/18px var(--font-ui);letter-spacing:.02em;margin:0 0 8px}.ob-task{border-radius:var(--radius-l);background:var(--surface-2);gap:10px;margin-bottom:20px;padding:16px 20px 18px;display:grid}.ob-task p{color:var(--ink-2);font:400 15px/22px var(--font-ui);margin:0}.ob-task .ob-task-head{color:var(--ink);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.ob-task .ob-progress,.ob-rail-task .ob-progress{background:var(--surface)}.ob-task.is-stopped .ob-progress i,.ob-rail-task.is-stopped .ob-progress i{background:var(--ink-2)}.ob-rail-task{border-radius:var(--radius-m,14px);background:var(--surface-2);gap:8px;margin:14px 0 4px;padding:12px 14px 14px;display:grid}.ob-rail-task p{font:400 13px/18px var(--font-ui);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin:0;display:flex}.ob-rail-task strong{color:var(--ink);font-weight:600}.ob-voice-more{margin-top:14px}.ob-modal{z-index:60;background:color-mix(in srgb, var(--ink) 45%, transparent);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ob-modal-box{border-radius:var(--radius-l);background:var(--bg);width:min(920px,100%);max-height:min(86vh,900px);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.ob-modal-box header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.ob-modal-box h3{font:600 20px/26px var(--font-ui);margin:0}.ob-modal-body{padding:20px 24px 28px;overflow-y:auto}.ob-listen .ob-spinner{border-color:color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;width:16px;height:16px}.ob-extra-pic{background:var(--surface-2);border-radius:14px;gap:6px;width:100%;margin-bottom:14px;padding:14px;display:grid}.ob-extra-pic>*{font-style:normal;display:block}.ob-extra-pic.is-quiz b{background:var(--ink);border-radius:4px;width:70%;height:8px;margin-bottom:4px}.ob-extra-pic.is-quiz i{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:9px;height:18px}.ob-extra-pic.is-quiz i.is-right{border-color:var(--ink);background:var(--accent)}.ob-extra-pic.is-sources i{background:var(--line-strong);border-radius:3px;height:6px}.ob-extra-pic.is-sources i:nth-child(2){width:86%}.ob-extra-pic.is-sources i.is-marked{background:var(--accent);width:64%;height:10px}.ob-extra-pic.is-sources i:nth-child(4){width:78%}.ob-extra-pic.is-sources em{background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-ui);border-radius:10px;justify-self:start;margin-top:6px;padding:2px 10px}.ob-extra-pic.is-exercises{grid-template-columns:20px 1fr;align-items:center;gap:7px 10px}.ob-extra-pic.is-exercises i{background:var(--ink);width:20px;height:20px;color:var(--bg);font:600 11px/1 var(--font-ui);border-radius:50%;place-items:center;display:grid}.ob-extra-pic.is-exercises b{background:var(--line-strong);border-radius:4px;height:7px}.ob-extra-pic.is-exercises b.is-answer{background:var(--accent);width:48%;height:12px}.ob-make+.ob-make{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.ob-rail-actions{gap:10px;margin-top:18px;display:grid}.ob-rail-actions .btn{justify-content:center;width:100%}.ob-style .style-preview.is-none{aspect-ratio:4/3;background:var(--surface-2);align-content:center;justify-items:start;gap:10px;width:100%;padding:0 14%;display:grid}.ob-style .style-preview.is-none b{background:var(--ink);border-radius:99px;width:62%;height:14px}.ob-style .style-preview.is-none i{background:var(--line-strong);border-radius:99px;width:84%;height:7px}.ob-style .style-preview.is-none i:last-child{width:48%}.ob-run-buttons{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ob-more{color:var(--ink);font:600 15px/22px var(--font-ui);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:14px;padding:6px 0;display:inline-flex}.ob-more:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.ob-more svg{width:16px;height:16px;transform:rotate(-90deg)}.ob-preview-box{--room:calc(100dvh - 32px - 76px - 132px - 64px - 76px);width:min(760px, 100%, calc(var(--room) * 4 / 3 + 48px));min-width:min(320px,100%);max-height:none}.ob-preview-box header{border-bottom:0;padding:14px 16px 14px 24px}.ob-preview-box header h3{font:600 18px/24px var(--font-ui)}.ob-preview-box header p{color:var(--ink-2);font:400 13px/18px var(--font-ui);margin:0}.ob-preview-close{background:var(--surface);width:40px;height:40px;color:var(--ink);box-shadow:var(--shadow-button);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ob-preview-box .ob-modal-body{padding:0 24px 24px;overflow:visible}.ob-preview-box .ob-player{max-width:none}.ob-preview-box .ob-player-meta{display:none}.ob-preview-box .ob-player-bubble{align-content:start;height:120px;overflow:hidden}.ob-preview-box .ob-player-cur{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ob-manner-example{border-radius:var(--radius-l);background:var(--surface-2);margin:16px 0 0;padding:18px 22px 20px}.ob-manner-example figcaption{color:var(--ink-2);font:600 14px/20px var(--font-ui);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.ob-manner-example>p:not(.ob-hint):not(.ob-mock){min-height:84px;font:400 18px/28px var(--font-read,var(--font-ui));margin:0}.ob-manner-example .ob-listen{flex:none;margin-top:0;position:static}.ob-rail-preview{border-radius:var(--radius-pill);background:var(--surface-2);width:100%;color:var(--ink);text-align:left;cursor:pointer;border:0;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px 10px 10px;transition:filter .12s;display:flex}.ob-rail-preview:hover{filter:brightness(.97)}.ob-rail-play{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.ob-rail-play svg{width:16px;height:16px}.ob-rail-preview strong{font:600 15px/20px var(--font-ui);display:block}.ob-rail-preview small{color:var(--ink-2);font:400 13px/18px var(--font-ui);display:block}.ob-lv-phone{display:none}.ob-lv-wide{border-radius:var(--radius-m);background:var(--bg)}.ob-lv-tabs{gap:4px;padding:6px;display:flex}.ob-lv-tabs button{min-width:0;color:var(--ink-2);font:600 14px/20px var(--font-ui);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:18px;flex:1 1 0;justify-content:center;align-items:center;gap:7px;padding:10px 12px;display:flex}.ob-lv-tabs button:hover{color:var(--ink)}.ob-lv-tabs i{font-style:normal;font-weight:400}.ob-lv-tabs .is-on{background:var(--accent);color:var(--accent-ink)}.ob-lv-panel{padding:6px}.ob-lv-summary{color:var(--ink-2);font:400 14px/20px var(--font-ui);margin:0;padding:6px 20px 10px}.ob-lv-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ob-lv-pair.is-one{grid-template-columns:minmax(0,1fr)}.ob-lv-para{min-width:0;margin:0;padding:16px 20px 20px}.ob-lv-para figcaption{color:var(--ink-2);font:600 13px/18px var(--font-ui);flex-wrap:wrap;gap:0 8px;margin-bottom:8px;display:flex}.ob-lv-para figcaption span{color:var(--ink)}.ob-lv-para>p:not(.ob-mock),.ob-lv-text>p:not(.ob-mock){font:400 18px/1.6 var(--font-read);text-wrap:pretty;margin:0}.ob-lv-para.is-original>p{color:var(--ink-2);font-size:16px}.ob-lv-para:not(.is-original){background:var(--surface);box-shadow:var(--shadow-button);border-radius:20px}.ob-lv-stepper{border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:6px;display:grid}.ob-lv-stepper button{background:var(--accent-ink);width:44px;height:44px;color:var(--accent);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.ob-lv-stepper button svg{width:18px;height:18px;transform:rotate(-90deg)}.ob-lv-stepper button:first-child svg{transform:rotate(90deg)}.ob-lv-stepper button:disabled{opacity:.25;cursor:default}.ob-lv-stepper p{text-align:center;margin:0;display:grid}.ob-lv-stepper p span{font:500 12px/16px var(--font-ui);opacity:.7}.ob-lv-stepper p strong{font:700 16px/20px var(--font-ui)}.ob-lv-dots{justify-content:center;gap:6px;margin-top:12px;display:flex}.ob-lv-dots i{background:var(--line-strong);border-radius:3px;width:6px;height:6px;transition:width .15s}.ob-lv-dots i.is-on{background:var(--ink);width:20px}.ob-lv-switch{border-radius:var(--radius-pill);background:var(--bg);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px;padding:4px;display:grid}.ob-lv-switch button{border-radius:var(--radius-pill);color:var(--ink-2);font:600 14px/20px var(--font-ui);text-align:center;cursor:pointer;background:0 0;border:0;padding:8px 10px}.ob-lv-switch button.is-on{background:var(--surface);box-shadow:var(--shadow-button);color:var(--ink)}.ob-lv-text{min-height:9em}.ob-lv-text>p:not(.ob-mock){font-size:17px}.ob-lv-text.is-book>p{color:var(--ink-2)}.ob-lv.is-short .ob-lv-para>p:not(.ob-mock),.ob-lv.is-short .ob-lv-text>p:not(.ob-mock){-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ob-lv.is-short .ob-lv-text{min-height:0}.ob-lv-more{margin:8px 20px 10px}.ob-lv-more[aria-expanded=true] svg{transform:rotate(180deg)}.ob-lv-more[aria-expanded=false] svg{transform:none}.ob-lv-phone .ob-lv-more{margin:8px 0 0}@media (max-width:760px){.ob-lv-wide{display:none}.ob-lv-phone{display:block}.ob-lv-phone .ob-lv-summary{text-align:center;padding:12px 0 14px}}.ob-format-fixed{color:var(--ink);font:500 15px/20px var(--font-ui);align-items:center;gap:8px;margin:0;padding:8px 14px 8px 4px;display:inline-flex}.ob-format-fixed svg{flex:none}.ob-formats em{color:var(--ink-2);font-style:normal;font-weight:400}.ob-price{transition:opacity .15s}.ob-price.is-updating .ob-stats dd,.ob-price.is-updating .ob-lines dd{opacity:.45}.ob-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ob-stats>div{border-radius:var(--radius-m);background:var(--bg);padding:14px 16px}.ob-stats dt{color:var(--ink-2);font:400 13px/18px var(--font-ui)}.ob-stats dd{font:600 19px/24px var(--font-ui);letter-spacing:-.015em;font-variant-numeric:tabular-nums;margin-top:4px;transition:opacity .15s}.ob-lines{margin-top:18px}.ob-lines>div{border-bottom:1px solid var(--line);font:400 16px/22px var(--font-ui);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 2px;display:flex}.ob-lines dd{font-variant-numeric:tabular-nums;transition:opacity .15s}.ob-lines .ob-total{border-bottom:0;padding-top:14px;font-weight:600}.ob-lines .ob-total dd{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.ob-lines .ob-total dd strong{font:800 26px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:normal}.ob-lines .ob-total dd span{color:var(--ink-2);font:400 15px/20px var(--font-ui)}.ob-price-notes{color:var(--ink-2);font:400 14px/20px var(--font-ui);justify-items:start;gap:6px;margin-top:14px;display:grid}.ob-price-notes strong{color:var(--ink);font-weight:600}.ob-balance.is-short{color:#9a6700}.ob-provisional{border-radius:var(--radius-pill);color:#6b4e00;background:#fff3cf;padding:5px 12px;font-weight:500}.ob-signin{gap:14px;display:grid}.ob-signin h3,.ob-ready h3{font:600 18px/24px var(--font-ui);letter-spacing:-.015em}.ob-signin h3+p,.ob-ready h3+p{color:var(--ink-2);font:400 15px/1.45 var(--font-ui);margin-top:2px}.ob-signin-modes{border-radius:var(--radius-pill);background:var(--surface-2);justify-self:start;padding:3px;display:inline-flex}.ob-signin-modes button{border-radius:var(--radius-pill);height:34px;color:var(--ink-2);font:600 14px/1 var(--font-ui);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 16px}.ob-signin-modes button.is-on{background:var(--ink);color:var(--bg)}.ob-signin-fields{gap:6px;max-width:400px;display:grid}.ob-signin-fields label{color:var(--ink-2);font:400 13px/18px var(--font-ui)}.ob-signin-fields label:not(:first-child){margin-top:8px}.ob-signin-fields input{width:100%}.ob-signin-fields input[aria-invalid=true]{border-color:#c0392b}.ob-signin-password{position:relative}.ob-signin-password input{padding-right:96px}.ob-signin-password .ob-link{height:100%;color:var(--ink-2);font:500 13px/1 var(--font-ui);padding:0 10px;position:absolute;top:0;right:4px}.ob-signin-hint{color:var(--ink-2);font:400 13px/18px var(--font-ui)}.ob-signin .ob-error .ob-link{color:inherit}.ob-signin-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.ob-signin-actions p{color:var(--ink-2);font:400 14px/20px var(--font-ui)}.ob-signin-sent{max-width:400px;color:var(--ink);font:400 15px/1.45 var(--font-ui);text-wrap:pretty}.ob-signin-or{max-width:400px;color:var(--ink-3);font:400 13px/18px var(--font-ui);align-items:center;gap:12px;display:flex}.ob-signin-or:before,.ob-signin-or:after{content:"";background:var(--line);flex:1;height:1px}.ob-google{justify-self:start;align-items:center;gap:10px;display:inline-flex}.ob-google svg{flex:none}.ob-dev{border-left:3px solid var(--line-strong);max-width:400px;color:var(--ink-2);font:400 13px/19px var(--font-ui);justify-items:start;gap:4px;padding-left:12px;display:grid}.ob-dev a.ob-link{overflow-wrap:anywhere}.ob-dev strong{color:var(--ink);font-weight:600}.ob-dev .btn{margin-top:6px}.ob-sample{justify-items:start;gap:16px;display:grid}.ob-sample>.ob-notice,.ob-sample>.ob-job,.ob-sample>.ob-ready{justify-self:stretch}.ob-account{color:var(--ink-2);font:400 14px/20px var(--font-ui);flex-wrap:wrap;gap:4px 12px;display:flex}.ob-job{gap:12px;display:grid}.ob-checks h4{color:var(--ink-2);font:600 13px/18px var(--font-ui)}.ob-checks ol{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ob-checks li{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;display:grid}.ob-check-mark{border:2px solid var(--line-strong);border-radius:50%;width:16px;height:16px;margin-top:2px}.ob-checks .is-running .ob-check-mark{border-top-color:var(--ink);animation:.8s linear infinite ob-spin}.ob-checks .is-done .ob-check-mark{border-color:var(--ink);background:var(--ink);position:relative}.ob-checks .is-done .ob-check-mark:after{border:solid var(--surface);content:"";border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.ob-check-title{color:var(--ink);font:600 14px/20px var(--font-ui);flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.ob-check-title b{color:var(--ink-3);font:400 13px/20px var(--font-ui);font-variant-numeric:tabular-nums}.ob-checks .is-waiting .ob-check-title{color:var(--ink-3);font-weight:400}.ob-check-words{color:var(--ink-2);font:400 13px/18px var(--font-ui)}.ob-check-bar{background:var(--line);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.ob-check-bar i{background:var(--ink);border-radius:2px;height:100%;transition:width .4s;display:block}.ob-check-bar.is-endless i{width:35%;animation:1.4s ease-in-out infinite ob-check-slide}@keyframes ob-check-slide{0%{transform:translate(-100%)}to{transform:translate(290%)}}.ob-ready .ob-checks{margin-top:12px}@media (prefers-reduced-motion:reduce){.ob-checks .is-running .ob-check-mark,.ob-check-bar.is-endless i{animation-duration:6s}}.ob-ready .ob-mock{background:var(--surface);margin:10px 0 0}.ob-stack{gap:30px;min-width:0;display:grid}.ob-ready{border-radius:var(--radius-m);background:var(--accent-soft);justify-content:space-between;align-items:center;gap:16px 24px;padding:18px 20px;display:flex}.ob-rail{top:min(16px, calc(100dvh - var(--rail-h,0px) - 16px));border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);font:400 14px/20px var(--font-ui);padding:18px 20px 20px;position:sticky}.ob-rail nav a{border-radius:var(--radius-s);align-items:center;gap:10px;margin:0 -8px;padding:6px 8px;font-weight:500;display:flex}.ob-rail nav a:hover{background:#0000000d}.ob-rail nav span{background:var(--surface-2);width:22px;height:22px;color:var(--ink-2);font:600 12px/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;display:grid}.ob-rail dl{gap:9px;display:grid}.ob-rail dl>div{grid-template-columns:96px minmax(0,1fr);gap:10px;display:grid}.ob-rail dt{color:var(--ink-2)}.ob-rail dd{overflow-wrap:anywhere;font-weight:500}.ob-rail-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;padding-top:16px;display:flex}.ob-rail-total span{font-weight:600}.ob-rail-total em{color:var(--ink-2);font:400 12px/16px var(--font-ui);display:block}.ob-rail-total strong{font:800 21px/1 var(--font-display);letter-spacing:-.03em;text-align:right}.ob-rail-total small{color:var(--ink-2);font:400 13px/16px var(--font-ui);letter-spacing:0;margin-top:6px;display:block}.ob-books-head{margin:20px 0 28px}.ob-books-head h1{font:800 34px/1.08 var(--font-display);letter-spacing:-.03em}.ob-books-lead{max-width:36em;color:var(--ink-2);font:400 18px/1.45 var(--font-ui);text-wrap:pretty;margin-top:10px}.ob-books-head .ob-account{margin-top:14px}.ob-books-signin{border-radius:var(--radius-m);background:var(--surface);max-width:560px;box-shadow:var(--shadow-card);margin-top:18px;padding:20px 22px 22px}.ob-book-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.ob-book{border-radius:var(--radius-m);background:var(--surface);min-height:184px;box-shadow:var(--shadow-card);transition:transform .15s;display:flex;position:relative}.ob-book:hover{transform:translateY(-2px)}.ob-book-link{border-radius:var(--radius-m);flex-direction:column;flex:1;min-width:0;padding:20px 20px 18px;display:flex}.ob-book h2{font:800 19px/1.2 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;padding-right:34px}.ob-book-author{font:400 15px/21px var(--font-ui);margin-top:6px}.ob-book-facts{color:var(--ink-2);font:400 13px/19px var(--font-ui);margin-top:6px}.ob-book-chips{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px;display:flex}.ob-status{border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-button);color:var(--ink);font:600 12.5px/20px var(--font-ui);align-items:center;gap:6px;padding:3px 11px;display:inline-flex}.ob-status:before{content:"";background:#2f9e62;border-radius:50%;width:7px;height:7px}.ob-status.is-analyzing:before{background:var(--accent);animation:1.2s ease-in-out infinite ob-pulse}.ob-status.is-needs_ocr:before{background:#dd8a17}.ob-status.is-failed:before{background:#c0392b}.ob-status.is-sample{background:var(--accent-soft);box-shadow:none}.ob-status.is-sample:before{background:var(--accent)}@keyframes ob-pulse{50%{opacity:.25}}.ob-book-remove{border-radius:var(--radius-s);width:34px;height:34px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.ob-book-remove:hover{color:#c0392b;background:#0000000d}.ob-book-ask{border-radius:var(--radius-m);background:var(--surface);font:500 15px/1.4 var(--font-ui);flex-direction:column;justify-content:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.ob-book-ask>div{gap:8px;display:flex}.ob-add{margin-top:56px}.ob-add h2{font:800 22px/30px var(--font-display);letter-spacing:-.03em;margin-bottom:16px}.ob-upload{max-width:520px}.ob-upload .upload-zone{min-height:280px}.ob-empty{text-align:center;flex-direction:column;align-items:center;padding:24px 0 0;display:flex}.ob-empty h2{font:800 24px/1.15 var(--font-display);letter-spacing:-.03em;margin-top:14px}.ob-empty>p{max-width:30em;color:var(--ink-2);font:400 17px/1.5 var(--font-ui);text-wrap:pretty;margin:8px 0 28px}.ob-empty .ob-upload{text-align:left;width:100%}@media (max-width:1000px){.ob-layout{grid-template-columns:minmax(0,1fr)}.ob-rail{display:none}}@media (max-width:700px){.ob-page{padding:8px 14px 72px}.ob-head{margin-bottom:20px}.ob-head-row{flex-direction:column;align-items:flex-start}.ob-head h1,.ob-books-head h1{font-size:26px}.ob-head-sub{font-size:15px}.ob-save{padding-bottom:0}.ob-main{gap:14px}.ob-section{border-radius:20px;padding:20px 16px 22px}.ob-section.is-locked{padding:18.5px 14.5px 20.5px}.ob-section h2{font-size:19px;line-height:26px}.ob-section-head{gap:12px}.ob-section-body{gap:26px;margin-top:20px}.ob-options.two{grid-template-columns:minmax(0,1fr)}.ob-options.three{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-options.three.is-list{grid-template-columns:minmax(0,1fr)}.ob-options.is-list .ob-option{flex-flow:wrap;align-items:baseline;gap:2px 10px}.ob-options.is-list .ob-badge{margin-top:0}.ob-facts{grid-template-columns:minmax(0,1fr);gap:12px}.ob-tree{padding:2px 10px}.ob-tree-row{padding-left:calc(var(--depth,0) * 14px)}.ob-tree label{gap:10px}.ob-level{grid-template-columns:minmax(0,1fr)}.ob-para{padding:14px 16px 18px}.ob-para>p:not(.ob-mock){font-size:17px}.ob-para.is-original>p{font-size:15px}.ob-select,.ob-select select{width:100%;min-width:0}.ob-stats{grid-template-columns:minmax(0,1fr);gap:8px}.ob-stats>div{justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;display:flex}.ob-stats dd{margin-top:0;font-size:17px}.ob-signin-fields,.ob-dev{max-width:none}.ob-ready{flex-direction:column;align-items:flex-start}.ob-books-head{margin:12px 0 22px}.ob-books-lead{font-size:16px}.ob-books-signin{padding:16px}.ob-save.is-failed{flex-wrap:wrap}.ob-book-grid{grid-template-columns:minmax(0,1fr)}.ob-add{margin-top:40px}}@media (prefers-reduced-motion:reduce){.ob-spinner,.ob-skeleton>i,.ob-progress.is-endless i,.ob-status.is-analyzing:before{animation-duration:6s}.ob-book:hover{transform:none}}.ob-lab-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.ob-lab-text{flex-direction:column;padding:18px 20px 20px}.ob-lab-text h2{padding-right:0}.ob-lab-text .ob-lab-open{margin-top:auto;padding-top:16px}.ob-lab-about{color:var(--ink-2);font:400 14px/1.45 var(--font-ui);margin-top:8px}.ob-lab-preview{color:var(--ink-3);font:400 13px/1.45 var(--font-read,var(--font-ui));margin-top:10px}.ob-lab-trouble-label{color:var(--ink-2);font:600 12px/16px var(--font-ui);margin-top:12px}.ob-lab-trouble{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ob-lab-trouble span{background:var(--accent-soft);color:var(--ink);font:400 12px/18px var(--font-ui);border-radius:999px;padding:2px 8px}.ob-lab-open{align-items:center;gap:12px;margin-top:16px;display:flex}.ob-lab-failed{color:var(--danger,#b4232c);font:400 13px/18px var(--font-ui)}.ob-lab-books{gap:8px;margin-top:12px;display:grid}.ob-lab-book-link{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-button);color:inherit;font:400 13px/18px var(--font-ui);gap:2px;padding:12px 16px;text-decoration:none;display:grid}.ob-lab-book-link strong{font:600 15px/21px var(--font-ui)}.ob-lab-book-link span{color:var(--ink-2)}.ob-lab-sub{font:600 14px/20px var(--font-ui);margin:14px 0 8px}.ob-lab-sub:first-child{margin-top:0}.ob-lab-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:10px;display:grid}.ob-lab-role{font:600 12px/16px var(--font-ui);color:var(--ink-2);gap:4px;display:grid}.ob-lab-role input{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);font:400 14px/20px var(--font-ui);border-radius:10px;padding:8px 10px}@media (max-width:700px){.ob-lab-roles{grid-template-columns:minmax(0,1fr)}}.ob-tts-texts{color:var(--ink-2);font:400 14px/1.5 var(--font-ui);margin-top:10px}.ob-tts-texts summary{cursor:pointer;font-weight:600}.ob-tts-texts p{max-width:760px;margin-top:8px}.ob-tts-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ob-tts{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;padding:16px 18px 18px;display:flex}.ob-tts-maker{color:var(--ink-3);font:400 12px/16px var(--font-ui)}.ob-tts h3{font:800 17px/1.2 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin-top:2px}.ob-tts-price{color:var(--ink);font:600 14px/20px var(--font-ui);font-variant-numeric:tabular-nums;margin-top:10px}.ob-tts-languages{color:var(--ink-2);font:400 13px/18px var(--font-ui)}.ob-tts-play{gap:8px;margin-top:auto;padding-top:14px;display:flex}.ob-tts-play .btn{white-space:nowrap;flex:1;justify-content:center;padding-inline:10px}.ob-bench-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:12px;display:grid}.ob-bench-sample{margin:8px 0 0;font-size:13px;line-height:1.45}.ob-bench-sample span{opacity:.65}.ob-bench select{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);font:400 14px/20px var(--font-ui);border-radius:10px;padding:8px 10px}.ob-bench-models{font:400 13px/18px var(--font-ui);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:0 0 10px;padding:0;list-style:none;display:grid}.ob-bench-models label{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:0 8px;padding:4px 0;display:grid}.ob-bench-models label.is-off{opacity:.5;cursor:default}.ob-bench-models code{overflow-wrap:anywhere;font:500 13px/18px var(--font-ui)}.ob-bench-models span{color:var(--ink-2);grid-column:2}.ob-bench-extra{margin-bottom:12px}.ob-bench-results{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:12px 0;display:grid}.ob-bench-result{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-button);align-content:start;gap:8px;padding:16px 18px;display:grid}.ob-bench-result.is-picked{outline:2px solid var(--ink)}.ob-bench-result header{font:600 15px/21px var(--font-ui);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;display:flex}.ob-bench-facts{color:var(--ink-2);font:400 12px/17px var(--font-ui);margin:0}.ob-bench-text{white-space:pre-wrap;max-height:520px;font:400 15px/23px var(--font-read,var(--font-ui));overflow:auto}.ob-bench-found{font:400 13px/19px var(--font-ui)}.ob-bench-found summary{cursor:pointer;color:var(--ink-2)}.ob-bench-found ul{margin:6px 0 0;padding-left:18px}@media (max-width:700px){.ob-bench-form,.ob-bench-models{grid-template-columns:minmax(0,1fr)}}.ob-player-only{color:var(--accent-text);font:500 12px/16px var(--font-ui);margin-top:6px;font-style:normal;display:block}