*{box-sizing:border-box}body{margin:0;background:radial-gradient(1100px 520px at 50% -8%,#15161b,#09090b 60%);color:#fafafa;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.page{max-width:680px;margin:0 auto;padding:64px 24px 96px}header h1{font-size:2rem;letter-spacing:-.03em;margin:0}header p{color:#a1a1aa;margin:8px 0 26px}.effects{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{font:inherit;font-size:.875rem;padding:7px 14px;border-radius:999px;border:1px solid #27272a;background:#161618;color:#a1a1aa;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.chip.on{background:#6366f1;border-color:#4f46e5;color:#fff}.chip.run{margin-left:auto;background:transparent;border-color:#1f4d3a;color:#34d399}.blurb{color:#71717a;font-size:.9rem;min-height:1.4em;margin:14px 2px 22px}.surface{border:1px solid #27272a;border-radius:18px;padding:26px 28px;background:#0e0e11;box-shadow:0 28px 64px -34px #000000d9}.bubble .meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.name{color:#60a5fa;font-weight:600}.time{color:#52525b;font-size:.8rem}.tag{font-size:.62rem;letter-spacing:.08em;color:#a1a1aa;border:1px solid #3f3f46;border-radius:5px;padding:1px 5px}.line{font-size:1.35rem;line-height:1.85;min-height:1.85em}.hint{margin:22px 0 0;color:#52525b;font-size:.82rem}.hint b{color:#a1a1aa;font-weight:600}footer{margin-top:26px;color:#52525b;font-size:.82rem}.tok{display:inline-block;transition:opacity .4s ease}.tok.interim{opacity:.6}.tok.lowconf{opacity:.38}.tok.final{opacity:1}.fx-blur{display:inline-block;animation:blurin .34s ease both}@keyframes blurin{0%{filter:blur(5px);opacity:.12}to{filter:blur(0);opacity:1}}.fx-settle{display:inline-block;animation:settlein .22s ease both}@keyframes settlein{0%{opacity:.2}to{opacity:1}}.fx-swipe{position:relative;display:inline-block}.fx-swipe-block{position:absolute;top:-1px;right:-3px;bottom:-1px;left:-3px;border-radius:3px;background:#34d399;animation:swipe .56s cubic-bezier(.4,0,.2,1) both}@keyframes swipe{0%{transform:scaleX(0);transform-origin:left}45%{transform:scaleX(1);transform-origin:left}55%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.fx-redact{display:inline-block;color:transparent;border-radius:3px;letter-spacing:-1px;-webkit-user-select:none;user-select:none;background:linear-gradient(100deg,#34d399,#6ee7b7 45%,#34d399 72%);background-size:220% 100%;background-position:0% 0;animation:redactSwipe .6s cubic-bezier(.4,0,.2,1)}@keyframes redactSwipe{0%{background-position:220% 0;opacity:.55}to{background-position:0% 0;opacity:1}}.caret{display:inline-block;width:2px;height:1.15em;translate:0 3px;background:#34d399;animation:blink 1s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:0}}.fx-diff,.dm-static,.dm-mid{display:inline}.dm-char{display:inline-block;white-space:pre}.dm-char.anim{animation:dmIn .4s cubic-bezier(.2,.8,.2,1) both}@keyframes dmIn{0%{opacity:0;filter:blur(4px);transform:translateY(.22em)}to{opacity:1;filter:blur(0);transform:none}}.tok.corrected{animation:correctFlash 1.1s ease-out;border-radius:4px}@keyframes correctFlash{0%{background:color-mix(in srgb,#818cf8 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,#818cf8 22%,transparent)}to{background:transparent;box-shadow:0 0 0 3px transparent}}.tok.ink{font-weight:600;transition:opacity .5s ease,font-weight .5s ease,filter .5s ease}.tok.ink.interim{font-weight:300;opacity:.6;filter:blur(.3px)}.tok.ink.lowconf{font-weight:200;opacity:.42;filter:blur(.5px)}.tok.ink.final{font-weight:650;opacity:1;filter:blur(0)}@media(prefers-reduced-motion:reduce){.fx-blur,.fx-settle,.fx-swipe-block,.fx-redact,.dm-char.anim,.caret{animation:none}}