.ud{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.ud__bar{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;color:var(--text-tertiary)}.ud__bar p{margin:0}.ud__task{margin:0;max-width:42ch;color:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ud-chrome{width:min(100%,30rem);display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--card-border-strong);border-radius:14px;background:var(--grey-20)}.ud-chrome__dots{display:flex;gap:5px;flex:none}.ud-chrome__dots span{width:9px;height:9px;border-radius:999px;background:var(--grey-40)}.ud-url{margin:0;flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;row-gap:4px;padding:8px 12px;border-radius:999px;background:var(--grey-white);border:1px solid var(--grey-30);font-family:var(--font-mono, "JetBrains Mono", ui-monospace, monospace);font-size:13px;text-align:left}.ud-url__chunk{display:inline-flex;align-items:center;white-space:nowrap}.ud-url__part{color:var(--grey-100)}.ud-url__part.is-dim{color:var(--grey-70)}.ud-url__part.is-key{color:var(--blue-70);font-weight:700}.ud-url__edit select{font-family:inherit;font-size:13px;font-weight:700;color:var(--grey-100);background:var(--blue-10);border:1.5px solid var(--blue-60);border-radius:8px;padding:4px 24px 4px 8px;min-height:34px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--blue-70) 50%),linear-gradient(135deg,var(--blue-70) 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 8px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.ud-url__edit select:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}.ud-nudge{margin:0;padding:6px 12px;border-radius:999px;background:var(--blue-10);border:1px solid var(--blue-30);color:var(--blue-70);font-family:var(--font-body, "Nunito", system-ui, sans-serif);font-size:13px;font-weight:700;animation:ud-nudge-in .3s var(--card-ease, cubic-bezier(.2,.7,.3,1))}@keyframes ud-nudge-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ud-player{width:min(100%,30rem);border:1px solid var(--card-border-strong);border-radius:16px;overflow:hidden;background:var(--grey-white);box-shadow:var(--card-shadow-s)}.ud-player__scene{display:block;width:100%;height:auto}.ud-whale__body{fill:var(--grey-90)}.ud-whale__fin,.ud-whale__tail{fill:var(--grey-100)}.ud-whale__eye{fill:var(--grey-white)}.ud-player__bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--grey-100)}.ud-player__play{flex:none;width:0;height:0;border-left:11px solid var(--grey-white);border-top:7px solid transparent;border-bottom:7px solid transparent}.ud-player__track{flex:1;height:5px;border-radius:999px;background:#ffffff47;overflow:hidden}.ud-player__fill{display:block;height:100%;border-radius:999px;background:var(--error-60);transition:width .32s var(--card-ease, cubic-bezier(.2,.7,.3,1))}.ud-player .ud-player__time{flex:none;color:var(--grey-white);font-size:12px}.ud-player__caption{margin:0;padding:12px 14px 4px;color:var(--text-primary);text-align:left}.ud-player__title{margin:0;padding:0 14px 12px;color:var(--text-tertiary);text-align:left}.ud-choices{list-style:none;margin:0;padding:0;width:min(100%,30rem);display:flex;flex-direction:column;gap:8px}.ud-choice{width:100%;min-height:52px;padding:12px 14px;border:1.5px solid var(--card-border-strong);border-radius:14px;background:var(--grey-white);color:var(--text-primary);text-align:left;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;word-break:break-all;transition:border-color .14s ease,background .14s ease}.ud-choice .t-code{color:inherit}.ud-choice.is-plain{word-break:normal}.ud-choice:disabled{opacity:.5;cursor:default}.ud-choice:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}.ud-choice.is-right{background:var(--success-10);border-color:var(--success-30)}.ud-choice.is-wrong{background:var(--error-20);border-color:var(--error-30)}.ud__feedback{margin:0;max-width:44ch;color:var(--text-secondary)}.ud__feedback:empty{display:none}.ud__feedback.is-right,.ud__feedback.is-wrong,.ud__feedback.is-hint{padding:10px 14px;border-radius:12px;border:1px solid;color:var(--grey-90)}.ud__feedback.is-right{background:var(--success-10);border-color:var(--success-30)}.ud__feedback.is-wrong{background:var(--error-20);border-color:var(--error-30)}.ud__feedback.is-hint{background:var(--blue-10);border-color:var(--blue-30)}.ud__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}