.os-v3 .dt3-card{border-radius:var(--os3-r-3);background:var(--os3-raised);box-shadow:var(--os3-float);color:var(--os3-text-1);font-family:var(--os3-font);font-size:var(--os3-fs-body);line-height:var(--os3-lh-body);letter-spacing:-.01em;padding:16px;font-weight:400}.os-v3 .dt3-grip{border-radius:var(--os3-r-1);width:20px;height:24px;color:var(--os3-text-3);touch-action:none;cursor:grab;flex:none;place-items:center;margin-left:-4px;display:grid}.os-v3 .dt3-grip svg{width:14px;height:14px}.os-v3 .dt3-chapter{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--os3-fs-meta);line-height:var(--os3-lh-meta);color:var(--os3-text-2);overflow:hidden}.os-v3 .dt3-lang{border-radius:var(--os3-r-1);height:24px;box-shadow:inset 0 0 0 1px var(--os3-line-2);font-size:var(--os3-fs-meta);color:var(--os3-text-2);padding:0 7px;font-weight:500;line-height:24px}.os-v3 .dt3-count{font-size:var(--os3-fs-meta);line-height:var(--os3-lh-meta);color:var(--os3-text-3);font-variant-numeric:tabular-nums}.os-v3 .dt3-close{border-radius:var(--os3-r-1);width:28px;height:28px;color:var(--os3-text-3);place-items:center;margin-right:-4px;display:grid}.os-v3 .dt3-close svg{width:14px;height:14px}.os-v3 .dt3-title{letter-spacing:-.015em;color:var(--os3-text-1);margin:0;font-family:inherit;font-size:15px;font-weight:500;line-height:20px}.os-v3 .dt3-body{font-size:var(--os3-fs-small);line-height:var(--os3-lh-small);color:var(--os3-text-2);margin:6px 0 0}.os-v3 .dt3-practice{border-radius:var(--os3-r-2);background:var(--os3-hover);font-size:var(--os3-fs-small);line-height:var(--os3-lh-small);color:var(--os3-text-1);margin:10px 0 0;padding:8px 12px}.os-v3 .dt3-track{border-radius:var(--os3-r-pill);background:var(--os3-line-2);width:100%;height:3px;display:block;overflow:hidden}.os-v3 .dt3-fill{border-radius:var(--os3-r-pill);background:var(--os3-accent);transform-origin:0;width:100%;height:100%;transition:transform var(--os3-d-4) var(--os3-e-out);display:block}.os-v3 .dt3-back{border-radius:var(--os3-r-1);width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--os3-line-3);color:var(--os3-text-2);flex:none;place-items:center;display:grid}.os-v3 .dt3-back svg{width:16px;height:16px}.os-v3 .dt3-back:disabled{opacity:.35;cursor:default}.os-v3 .dt3-next{border-radius:var(--os3-r-1);background:var(--os3-primary);height:36px;color:var(--os3-on-primary);font-size:var(--os3-fs-small);transition:transform var(--os3-d-1) var(--os3-e-out);flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:500;display:flex}.os-v3 .dt3-next svg{width:14px;height:14px}.os-v3 .dt3-next:active{transform:scale(.98)}.os-v3 .dt3-call{border-radius:var(--os3-r-1);height:36px;box-shadow:inset 0 0 0 1px var(--os3-line-3);color:var(--os3-text-1);font-size:var(--os3-fs-small);justify-content:center;align-items:center;margin-top:8px;font-weight:500;text-decoration:none;display:flex}@media (hover:hover){.os-v3 .dt3-grip:hover,.os-v3 .dt3-lang:hover,.os-v3 .dt3-back:hover:not(:disabled),.os-v3 .dt3-call:hover{color:var(--os3-text-1)}.os-v3 .dt3-close:hover{background:var(--os3-hover);color:var(--os3-text-1)}.os-v3 .dt3-next:hover{background:var(--os3-primary-hover)}}.os-v3 :is(.dt3-grip,.dt3-lang,.dt3-close,.dt3-back,.dt3-next,.dt3-call,.dt3-ptour__btn):focus-visible{outline:2px solid var(--os3-accent-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.os-v3 .dt3-fill,.os-v3 .dt3-next{transition:none}}.os-v3 .dt3-ptour{flex:none;align-items:center;gap:4px;display:flex}.os-v3 .dt3-ptour__btn{width:40px;height:40px;color:var(--os3-text-2);border-radius:50%;place-items:center;display:grid}.os-v3 .dt3-ptour__btn svg{width:20px;height:20px}