.study-pause{position:relative;display:flex;align-items:center}
.study-pause .quiet-fidget{width:44px;height:44px;min-width:44px;min-height:44px}
.study-pause .quiet-fidget[aria-expanded=true]{background:var(--selected-bg);color:var(--brand);border-color:var(--border-brand)}
.study-pause-panel{position:absolute;z-index:var(--z-dropdown);right:0;bottom:calc(100% + var(--space-3));width:min(328px,calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-8));overflow:auto;padding:var(--space-4);background:var(--surface-1);border-radius:var(--radius-dialog);box-shadow:var(--e4);color:var(--text-1);text-align:left}
.study-pause-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}
.study-pause-heading h2{margin:0;font-size:var(--student-body);line-height:var(--student-line);font-weight:var(--weight-heading)}
.study-pause-panel .icon-button{width:44px;height:44px;min-width:44px;min-height:44px}
.study-pause-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.study-pause-modes button{height:44px;min-height:44px;padding:0 var(--space-2);background:var(--surface-2);border-color:var(--border-strong);color:var(--text-2);font-size:var(--meta)}
.study-pause-modes button[aria-pressed=true]{background:var(--selected-bg);border-color:var(--border-brand);color:var(--brand)}
.study-pause-panel .study-pause-hint{margin:var(--space-3) 0;color:var(--text-2);font-size:var(--meta);line-height:var(--meta-line)}
.study-pause-game{min-width:0}
.study-pause-canvas{position:relative;width:100%;height:192px;overflow:hidden;border-radius:var(--radius-card);background:var(--surface-2);color:var(--brand)}
.study-pause-canvas svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.study-pause-dot{position:absolute;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:0;border-radius:var(--radius-pill);color:var(--text-2);transform:translate(-50%,-50%);box-shadow:none}
.study-pause-dot::before{content:"";display:block;width:12px;height:12px;background:var(--surface-1);border:2px solid var(--border-strong);border-radius:var(--radius-pill);transition:background-color var(--fast),border-color var(--fast),transform var(--fast)}
.study-pause-dot[aria-pressed=true]::before{background:var(--brand);border-color:var(--brand);transform:scale(1.25)}
.study-pause-dot:active:not(:disabled){transform:translate(-50%,-50%)}
.study-pause-dot:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
.study-pause-axis{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:3 5}
.study-pause-wave{stroke-width:2.5}
.study-pause-knob{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}
.study-pause-knob label{margin:0;font-size:var(--meta);font-weight:var(--weight-label)}
.study-pause-knob output{font-size:var(--meta);font-variant-numeric:tabular-nums;color:var(--text-2)}
.study-pause-knob input[type=range]{grid-column:1/-1;width:100%;height:44px;min-height:44px;margin:0;padding:0;accent-color:var(--brand);cursor:pointer}
.study-pause-pendulum{transform-origin:150px 28px}
.study-pause-pendulum .study-pause-bob{fill:var(--brand);stroke:var(--surface-1);stroke-width:2}
.study-pause-release{width:100%;height:44px;min-height:44px;margin-top:var(--space-2)}
.study-pause-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}
.study-pause-status{font-size:var(--caption);line-height:var(--caption-line);color:var(--text-2);min-width:0}
.study-pause-bottom button{height:44px;min-height:44px;flex-shrink:0}
@media(hover:hover) and (pointer:fine){.study-pause-modes button:hover{background:var(--hover-surface);border-color:var(--brand)}.study-pause-dot:hover::before{border-color:var(--brand);transform:scale(1.25)}}
@media(max-width:479px){.study-pause-panel{position:fixed;right:var(--space-4);bottom:max(var(--space-4),env(safe-area-inset-bottom));width:calc(100vw - var(--space-8))}}
@media(prefers-reduced-motion:reduce){.study-pause-dot::before{transition:none}}
@media print{.study-pause{display:none}}