.scratch-btn{--scratch-btn-line: var(--pr-line, #e9ebec);--scratch-btn-surface: var(--pr-surface, #fff);--scratch-btn-muted: var(--pr-muted, #626d75);--scratch-btn-ink: var(--pr-accent-ink, #234e6b);--scratch-btn-soft: var(--pr-accent-soft, #e3f0fa);--scratch-btn-dot: #2f6fd1;position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:5px;min-height:32px;margin:0;padding:5px 10px;border:1px solid var(--scratch-btn-line);border-radius:999px;background:var(--scratch-btn-surface);color:var(--scratch-btn-muted);font:inherit;font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.scratch-btn:hover{background:var(--scratch-btn-soft);border-color:var(--scratch-btn-soft);color:var(--scratch-btn-ink)}.scratch-btn:focus-visible{outline:3px solid #8bbce0;outline-offset:2px}.scratch-btn[aria-expanded=true]{background:var(--scratch-btn-soft);border-color:var(--pr-accent-strong, #b8d9f1);color:var(--scratch-btn-ink)}.scratch-btn-i{display:inline-block;flex:0 0 auto;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15c2 3 4 4 7 4s7 -3 7 -7s-3 -7 -6 -7s-5 1.5 -5 4s2 5 6 5s8.408 -2.453 10 -5'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15c2 3 4 4 7 4s7 -3 7 -7s-3 -7 -6 -7s-5 1.5 -5 4s2 5 6 5s8.408 -2.453 10 -5'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.scratch-btn[aria-busy=true]{cursor:progress}.scratch-btn[aria-busy=true] .scratch-btn-i{width:14px;height:14px;margin:1px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;background:none;-webkit-mask:none;mask:none;animation:scratch-btn-spin .8s linear infinite}@keyframes scratch-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.scratch-btn[aria-busy=true] .scratch-btn-i{animation-duration:2.4s}}.scratch-btn[data-has-draft]:after{content:"";position:absolute;top:1px;right:1px;width:8px;height:8px;border-radius:50%;background:var(--scratch-btn-dot);box-shadow:0 0 0 2px var(--scratch-btn-surface);pointer-events:none}.scratch-btn--round{width:30px;height:30px;min-height:0;padding:0;border-color:transparent;border-radius:50%;background:transparent;color:#8a949c}.scratch-btn--round:hover{background:var(--scratch-btn-soft);border-color:transparent}.scratch-btn--round .scratch-btn-t{display:none}.scratch-btn--round[data-has-draft]:after{top:2px;right:2px}.ex-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px 12px;margin:0 0 10px}.example-section .ex-head>.ex-title{flex:1 1 auto;min-width:0;margin:0}.ex-head>.scratch-btn{margin-top:1px}.drill-head>.scratch-btn,.mp-q-head>.scratch-btn,.mk-q-top>.scratch-btn,.jp-booklet-head>.scratch-btn,.scratch-row>.scratch-btn{margin-left:auto}.jp-tools>.scratch-btn{margin-right:4px}.quiz-item-head>.scratch-btn--round{margin:-2px -4px 0 0}.mr-qs li>.scratch-btn--round{margin:-3px -2px 0 0}.scratch-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.md-q-tools{margin:0 0 10px}.scratch-head{display:flex;align-items:flex-start;gap:8px;min-width:0}.scratch-head>:first-child{flex:1 1 auto;min-width:0}.scratch-head>.scratch-btn{margin-top:1px}.learn-dx-stage-row{align-items:center;margin:10px 0 8px}.learn-dx-stage-row>.learn-dx-stage{margin:0}.learn-dx-stage-row>.scratch-btn{margin-top:0}@media(max-width:700px){.scratch-btn-t{display:none}button.scratch-btn:not(.scratch-btn--round){min-width:32px;padding:5px 8px}}@media(any-pointer:coarse){button.scratch-btn,button.scratch-btn:not(.scratch-btn--round){min-width:40px;min-height:40px}button.scratch-btn--round{width:40px;height:40px}.quiz-item-head>.scratch-btn--round{margin:-6px -4px -4px 0}.pa-tools,.jp-tools,.mk-q-top{column-gap:8px}}.scratch-dot{display:none}.scratch-dot[data-has-draft]{position:relative;display:inline-block;flex:0 0 auto;width:8px;height:8px;margin-left:2px;border-radius:50%;background:#2f6fd1;align-self:center}#main-content:focus{outline:none}.dark .scratch-btn,[data-theme=dark] .scratch-btn{--scratch-btn-line: var(--pr-line, #303742);--scratch-btn-surface: var(--pr-surface, #1c222b);--scratch-btn-muted: var(--pr-muted, #9ba2af);--scratch-btn-ink: var(--pr-accent-ink, #b9d7ee);--scratch-btn-soft: var(--pr-accent-soft, #283b4c);--scratch-btn-dot: #8fbde0}.dark .scratch-btn--round,[data-theme=dark] .scratch-btn--round{color:#9ba2af}@media print{.scratch-btn,.scratch-dot{display:none!important}}
