/* Real controls: topic selection, minute timer, native details and dialogs. */
.topic-list{position:relative}
.topic-accent{position:absolute;z-index:1;left:0;top:0;height:76px;border:2px solid var(--color-purple);border-radius:20px;pointer-events:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-lilac) 35%,transparent);transform-origin:top left}
.topic-list button[aria-selected=true]:hover{transform:none}
.topic-art span,.topic-art span:nth-child(2),.topic-art span:nth-child(3){left:0;transform-origin:center;will-change:auto}
.topic-content.changed{animation:none}
.pause-countdown{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;transform:rotate(-90deg);pointer-events:none}
.pause-countdown circle{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}
.pause-track{stroke:var(--color-line)}
.pause-progress{stroke:var(--color-purple);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;opacity:0;transition:opacity .25s}
.is-running .pause-progress{opacity:1}
.faq-list details.faq-animating{overflow:hidden;box-sizing:border-box}
.faq-list summary[aria-expanded=true]>span{transform:rotate(45deg)}
.faq-list summary[aria-expanded=false]>span{transform:none}
.faq-list details[data-expanded=false] summary>span{transform:none}
dialog[open]{animation:none}
dialog.is-opening::backdrop{animation:vera-24-backdrop-in .32s ease-out both}
dialog.is-closing::backdrop{animation:vera-24-backdrop-out .18s ease-in both}
.result-check{display:block;width:32px;height:32px;overflow:visible}
.result-check path{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
@keyframes vera-24-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes vera-24-backdrop-out{from{opacity:1}to{opacity:0}}
@media(max-width:640px){.topic-accent{border-radius:18px}}
@media(prefers-reduced-motion:reduce){dialog.is-opening::backdrop,dialog.is-closing::backdrop{animation:none}.pause-progress{transition:none}}
.reduce-motion dialog.is-opening::backdrop,.reduce-motion dialog.is-closing::backdrop{animation:none}
.reduce-motion .pause-progress{transition:none}