:root{color-scheme:dark;--bg:var(--paint-070b14, #070b14);--panel:var(--paint-0d1423, #0d1423);--line:var(--paint-253047, #253047);--text:var(--paint-e8edf8, #e8edf8);--muted:var(--paint-8c9bb5, #8c9bb5);--blue:var(--paint-608dff, #608dff);--cyan:var(--paint-45efda, #45efda);--amber:var(--paint-ffc46a, #ffc46a);--purple:var(--paint-c18cff, #c18cff);--green:var(--paint-83f0a6, #83f0a6);--gray:var(--paint-8d9ab0, #8d9ab0)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 38% 30%,var(--paint-132037, #132037) 0,transparent 55%),var(--bg);color:var(--text);font:14px system-ui,sans-serif}header{padding:25px 36px;border-bottom:1px solid var(--paint-202b40, #202b40);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand,.controls{display:flex;align-items:center;gap:14px}.logo{border:1px solid var(--paint-54e5c66b, #54e5c66b);background:var(--paint-45efda0b, #45efda0b);color:var(--cyan);border-radius:14px;padding:13px;font-weight:800}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{margin:4px 0 0;font-size:23px;font-weight:550}button,select{background:var(--paint-111c2f, #111c2f);border:1px solid var(--paint-34425b, #34425b);border-radius:8px;color:var(--text);padding:10px 13px;font:inherit;cursor:pointer}button:hover{border-color:var(--cyan)}button:focus-visible,select:focus-visible,.agent:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.badge{font-size:11px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--paint-3b4c66, #3b4c66);border-radius:20px;padding:8px 12px}.badge.live{color:var(--cyan);border-color:var(--paint-45efda55, #45efda55)}.badge.recorded{color:var(--purple);border-color:var(--paint-c18cff55, #c18cff55)}main{max-width:1800px;margin:auto;padding:28px 36px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h2{font-size:27px;font-weight:500;margin:0 0 8px}.intro p{color:var(--muted);margin:0}.stats{display:flex;gap:40px}.stats div{display:grid;gap:5px}.stats b{font-size:27px;font-weight:500}.stats small{color:var(--muted)}#notice{border:1px solid var(--paint-34425b, #34425b);border-radius:9px;background:var(--paint-131e2f, #131e2f);padding:13px 16px;margin-bottom:18px;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px}.canvas-panel,aside section{background:var(--paint-0b1220d9, #0b1220d9);border:1px solid var(--paint-253047, #253047);border-radius:14px;overflow:hidden}.toolbar,.canvas-footer{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--paint-253047, #253047);font-size:10px;letter-spacing:1px;color:var(--muted)}.toolbar label{margin-left:auto;letter-spacing:0;font-size:12px}.toolbar select{max-width:220px;margin-left:8px;padding:7px}.toolbar button{font-size:11px;padding:7px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:8px;box-shadow:0 0 12px var(--cyan)}#viewport{height:620px;overflow:auto;background-image:radial-gradient(var(--paint-52607833, #52607833) 1px,transparent 1px);background-size:24px 24px}#world{position:relative;min-width:100%;min-height:100%;transform-origin:top left}svg{position:absolute;inset:0;overflow:visible}.org-line{fill:none;stroke:var(--paint-34425b, #34425b);stroke-width:1;opacity:.5}.task-line{fill:none;stroke:var(--color);stroke-width:2;filter:drop-shadow(0 0 5px var(--color));opacity:.65}.flow{stroke-dasharray:4 15;animation:flow 2s linear infinite}.wait-line{stroke-dasharray:4 9;animation:breathe 3.7s ease-in-out infinite}.particle{fill:var(--color);filter:drop-shadow(0 0 7px var(--color))}.agent{position:absolute;width:190px;min-height:91px;background:linear-gradient(135deg,var(--paint-172338, #172338),var(--paint-101827, #101827));border:1px solid var(--paint-394660, #394660);border-radius:12px;text-align:left;padding:13px 15px;box-shadow:0 8px 24px var(--paint-0005, #0005);cursor:pointer}.agent .name{display:block;font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent .role{display:block;font-size:10px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent .state{font-size:10px;display:flex;justify-content:space-between;margin-top:11px;gap:5px;color:var(--muted)}.agent.active{border-color:var(--paint-45efda99, #45efda99);animation:card 2.8s ease-in-out infinite}.agent.blocked{border-color:var(--paint-ffc46a55, #ffc46a55)}.agent.dim{opacity:.3}.agent.flash{animation:accepted 1.5s ease-out}.canvas-footer{border-bottom:0;border-top:1px solid var(--paint-253047, #253047);font-size:10px;letter-spacing:0}aside section{padding:20px}aside h3{font-size:14px;margin:0 0 12px}aside p{font-size:11px;line-height:1.5;color:var(--muted)}.legend-row{display:flex;gap:12px;align-items:center;margin:16px 0}.legend-row b{display:block;font-size:11px;font-weight:600}.legend-row small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.sample{position:relative;display:block;min-width:38px;height:2px;background:var(--color);box-shadow:0 0 9px var(--color)}.blue{--color:var(--blue)}.cyan{--color:var(--cyan)}.amber{--color:var(--amber)}.purple{--color:var(--purple)}.green{--color:var(--green)}.gray{--color:var(--gray)}.travel:after{content:'';position:absolute;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--color);box-shadow:0 0 8px var(--color);animation:sample 1.7s linear infinite}.working{animation:breathe 1.8s infinite}.waiting{animation:breathe 3.7s infinite}.accepted{animation:breathe 2.4s infinite}.cancelled{opacity:.4}.idle{opacity:.25}.unknown{background:repeating-linear-gradient(90deg,var(--gray) 0 3px,transparent 3px 7px);box-shadow:none}.feed{margin-top:16px;max-height:310px;overflow:auto}.event{border-top:1px solid var(--paint-253047, #253047);padding:11px 0;font-size:11px;line-height:1.5}.event small{display:block;color:var(--muted);font-size:10px;margin-top:3px}#detail{margin-top:16px;border:1px solid var(--paint-34425b, #34425b);padding:15px;border-radius:9px}#detail h3{font-size:14px}#detail p{color:var(--muted);line-height:1.6}footer{font-size:10px;color:var(--muted);margin-top:20px}.paused *,.stale .paperclip-signal,.stale .paperclip-signal *,.stale .legend *{animation-play-state:paused!important}.paused .particle,.stale .particle.paperclip-signal{display:none}@keyframes flow{to{stroke-dashoffset:-38}}@keyframes breathe{50%{opacity:.25}}@keyframes card{50%{box-shadow:0 0 24px var(--paint-45efda22, #45efda22),0 8px 24px var(--paint-0005, #0005)}}@keyframes sample{from{left:0}to{left:32px}}@keyframes accepted{0%{border-color:var(--green);box-shadow:0 0 30px var(--paint-83f0a677, #83f0a677)}100%{border-color:var(--paint-394660, #394660)}}@media(max-width:1050px){.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feed{margin-top:0;max-height:none}header,main{padding:20px}.controls{flex-wrap:wrap}.intro{gap:20px}.stats{gap:18px}}@media(max-width:650px){header,.intro{align-items:flex-start;flex-direction:column}aside{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar label{margin-left:0}.stats{gap:35px}#viewport{height:520px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}.particle{display:none}}

.closing{animation:close-fade 2.2s ease-out forwards}@keyframes close-fade{0%{opacity:1;stroke-width:4}100%{opacity:0;stroke-width:1}}

.task-hit{fill:none;stroke:transparent;stroke-width:18;cursor:pointer;pointer-events:stroke}.task-hit:focus{stroke:var(--paint-ffffff44, #ffffff44);outline:none}.task-count{fill:var(--paint-e8edf8, #e8edf8);font-size:12px;paint-order:stroke;stroke:var(--paint-0b1220, #0b1220);stroke-width:5px;cursor:pointer}.outstanding-line{opacity:.25}#journey,#replay-controls{padding:16px;background:var(--paint-0d1423, #0d1423);border:1px solid var(--paint-34425b, #34425b);border-radius:9px;margin:16px 0}.journey-row{display:block;width:100%;text-align:left;margin:8px 0}button:disabled{opacity:.4;cursor:default}#replay-step{vertical-align:middle;width:240px}

.replay *{animation-play-state:paused!important}.replay .particle{display:none}

/* Department layout and full-width operating board */
main{max-width:none;padding:20px 24px}header{padding:16px 24px}.intro{margin-bottom:16px}.workspace{display:flex;flex-direction:column}.canvas-panel{width:100%}#viewport{height:max(540px,calc(100vh - 290px));min-height:540px}#world{min-width:0;min-height:0}#world-shell{position:relative;margin:0 auto}#departments{position:absolute;inset:0;pointer-events:none}.department{position:absolute;border:1px solid var(--paint-34425b55, #34425b55);border-radius:18px;background:linear-gradient(140deg,var(--paint-14213755, #14213755),var(--paint-0b122022, #0b122022))}.department>span{position:absolute;top:8px;left:14px;color:var(--paint-6c83a3, #6c83a3);font-size:9px;letter-spacing:1px;text-transform:uppercase}.agent{width:180px;height:var(--card-height);padding:10px 12px;overflow:hidden}.agent .name{white-space:normal;line-height:1.25;font-size:12px;min-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model{display:block;font-size:8px;color:var(--paint-adc0df, #adc0df);margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.current-task{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:24px;font-size:9px;line-height:1.3;color:var(--paint-c0cde0, #c0cde0);margin:4px 0}.agent .state{font-size:8px;margin-top:5px}.metrics{display:flex;justify-content:space-between;gap:4px;color:var(--paint-8c9bb5, #8c9bb5);font-size:8px;margin:7px 0}.metrics .tokens{max-width:100px;text-align:right}.agent:has(.metrics){padding-bottom:8px}#world[style*="150px"] .name{font-size:13px}.metrics{display:none}.card-toggle{white-space:nowrap}.card-toggle input{accent-color:var(--paint-45efda, #45efda)}.stats{gap:26px}.stats small{font-size:11px}.toolbar{flex-wrap:wrap;letter-spacing:0}aside{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 18px}.legend h3,.legend>p{grid-column:1/-1;margin:0}.legend-row{margin:5px 0;align-items:flex-start}.legend-row small{font-size:10px}.sample{margin-top:6px}.feed{margin:0;max-height:280px}#agent-drawer{position:fixed;z-index:20;right:0;top:0;bottom:0;width:min(520px,100vw);background:var(--paint-0c1423, #0c1423);box-shadow:-15px 0 60px var(--paint-0009, #0009);border-left:1px solid var(--paint-3d526c, #3d526c);overflow:auto;padding:28px}#agent-drawer[hidden]{display:none}#drawer-close{float:right}#agent-drawer h2{padding-right:70px}#agent-drawer h3{margin-top:26px;font-size:13px;color:var(--paint-45efda, #45efda)}#agent-drawer p{color:var(--paint-bbc9de, #bbc9de);font-size:13px;line-height:1.6}.communication{padding:16px 0;border-top:1px solid var(--paint-2b3a50, #2b3a50)}.communication b,.communication small{display:block}.communication small{margin-top:5px;color:var(--paint-8c9bb5, #8c9bb5)}.communication p{white-space:pre-wrap;overflow-wrap:anywhere}#comms-note{font-size:11px!important;color:var(--paint-8c9bb5, #8c9bb5)!important}@media(max-width:1000px){aside{grid-template-columns:1fr}.legend{grid-template-columns:repeat(3,minmax(0,1fr))}.intro{flex-wrap:wrap}.stats{gap:18px}}@media(max-width:650px){.legend{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{flex-wrap:wrap}.toolbar label{margin-left:0}main{padding:12px}}

.rich-cards .metrics{display:flex}.rich-cards .current-task{font-size:10px;min-height:30px}.rich-cards .model{font-size:9px}.rich-cards .agent .state{font-size:9px}

.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-controls button{font-size:20px;line-height:1;padding:7px 12px;min-width:38px}.zoom-controls output{min-width:42px;text-align:center;font-size:12px;color:var(--text)}
.task-line,.waiting-pulse{vector-effect:non-scaling-stroke}.task-line{stroke-width:2}.flow{stroke-width:2.5}.wait-line{opacity:.9;animation:waiting-line 2.4s ease-in-out infinite}.waiting-pulse{fill:var(--paint-ffc46a55, #ffc46a55);stroke:var(--amber);stroke-width:2.5;filter:drop-shadow(0 0 7px var(--amber));pointer-events:none;animation:waiting-pulse 2.4s ease-in-out infinite}.particle{pointer-events:none}
@keyframes waiting-line{0%,100%{opacity:.4}50%{opacity:1}}@keyframes waiting-pulse{0%,100%{opacity:.25;stroke-width:1}50%{opacity:1;stroke-width:4}}
@media(prefers-reduced-motion:reduce){.wait-line,.waiting-pulse{animation:none!important}}

/* Active work takes visual priority over waiting. */
.working-now{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;padding:12px 16px;border:1px solid var(--paint-45efda66, #45efda66);background:var(--paint-45efda0b, #45efda0b);border-radius:9px}.working-now strong{color:var(--cyan);font-size:13px}.working-person{position:relative;color:var(--text);background:transparent;border:1px solid var(--paint-45efda44, #45efda44);border-radius:6px;font-weight:600;padding:7px 12px 7px 25px;transition:border-color .2s,background .2s}.working-person:hover{border-color:var(--cyan);background:var(--paint-45efda0b, #45efda0b)}.working-person:before{content:'';position:absolute;left:11px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:breathe 1.8s ease-in-out infinite}.no-workers{color:var(--muted);font-size:12px}
.agent.active{overflow:visible;background:linear-gradient(135deg,var(--paint-154b49, #154b49),var(--paint-102b31, #102b31));border:3px solid var(--cyan);box-shadow:0 0 24px var(--paint-45efda88, #45efda88);animation:active-card 1.8s ease-in-out infinite;z-index:2}.working-label{position:absolute;right:5px;top:-11px;border-radius:5px;background:var(--cyan);color:var(--paint-05211b, #05211b);font-size:10px;font-weight:850;padding:3px 7px;letter-spacing:.5px}.agent.active .state{color:var(--cyan);font-weight:800}.agent.blocked{border-color:var(--paint-ffc46a33, #ffc46a33)}
.flow{stroke-width:3.5;opacity:1}.review-line{stroke-width:2;stroke-dasharray:5 11;opacity:.85;animation:review-flow 3s linear infinite}.wait-line{stroke-width:1;filter:none;opacity:.3;animation:quiet-wait 4s ease-in-out infinite}.waiting-pulse{filter:none;fill:var(--paint-ffc46a22, #ffc46a22);stroke-width:1;animation:quiet-wait 4s ease-in-out infinite}
@keyframes active-card{50%{box-shadow:0 0 38px var(--paint-45efdabb, #45efdabb)}}@keyframes review-flow{to{stroke-dashoffset:-32}}@keyframes quiet-wait{0%,100%{opacity:.2}50%{opacity:.45}}

/* Position remains visible independently of current activity. */
.agent.chief{background:linear-gradient(135deg,var(--paint-473c64, #473c64),var(--paint-262d48, #262d48));border-color:var(--paint-ac91d0, #ac91d0);box-shadow:inset 0 3px 0 var(--paint-ba9edd55, #ba9edd55)}.agent.chief .name{color:var(--paint-f2e5ff, #f2e5ff);font-weight:800}.agent.in-house{background:linear-gradient(135deg,var(--paint-343d48, #343d48),var(--paint-252e39, #252e39));border-color:var(--paint-7c8795, #7c8795)}.agent.in-house .name{color:var(--paint-e2e5e9, #e2e5e9)}
.agent.awaiting-results{overflow:visible;border:2px solid var(--paint-efb65c, #efb65c);background:linear-gradient(135deg,var(--paint-443b29, #443b29),var(--paint-292a34, #292a34));box-shadow:0 0 18px var(--paint-efb65c44, #efb65c44);animation:results-glow 3s ease-in-out infinite}.results-label{position:absolute;right:5px;top:-11px;border-radius:5px;background:var(--paint-edbd77, #edbd77);color:var(--paint-31200b, #31200b);font-size:9px;font-weight:850;padding:3px 6px;letter-spacing:.3px}.agent.awaiting-results .state{color:var(--paint-ffd694, #ffd694);font-weight:750}
/* Running always takes priority over role shading and waiting. */
.agent.active{background:linear-gradient(135deg,var(--paint-154b49, #154b49),var(--paint-102b31, #102b31));border:3px solid var(--cyan);box-shadow:0 0 24px var(--paint-45efda88, #45efda88)}.agent.active .name{color:var(--paint-e6fffa, #e6fffa)}
@keyframes results-glow{50%{box-shadow:0 0 24px var(--paint-efb65c77, #efb65c77)}}

.working-person{text-align:left;max-width:min(480px,100%)}.working-person b{display:block;font-size:12.5px}.working-description{display:block;font-size:11px;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.role-document{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 system-ui,sans-serif;color:var(--paint-bbc9de, #bbc9de)}#agent-role-full details{margin-top:16px;border-top:1px solid var(--paint-34425b, #34425b);padding-top:12px}#agent-role-full summary{cursor:pointer;color:var(--cyan)}#agent-role-full small{display:block;margin-top:8px;color:var(--muted)}

.logo-mark{width:44px;height:44px;display:block;flex-shrink:0}

/* A robot in every seat: the website's hero robot, lit only while the agent works. */
.name-row{display:flex;align-items:flex-start;gap:7px}.name-row .name{flex:1;min-width:0}
.seat-bot{flex:0 0 24px;width:24px;height:24px;margin-top:-4px;border:1px solid #ffffff22;object-fit:cover;filter:grayscale(.85) brightness(.55)}
.agent.active .seat-bot{filter:none;border-color:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.agent.awaiting-results .seat-bot{filter:grayscale(.3) brightness(.8);border-color:var(--amber)}
.run-timer{font-variant-numeric:tabular-nums;opacity:.9}
.agent.in-review{border-color:var(--purple)}.agent.in-review .state>span:first-child{color:var(--purple)}
.agent.blocked .seat-bot{filter:none;border-color:var(--amber);box-shadow:0 0 8px var(--amber)}

/* Worker cards share the org chart's existing visual language. */
#background-work{border:1px solid var(--line);background:var(--panel);padding:16px 22px;margin-bottom:22px;border-radius:12px}
.background-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.background-heading h2{margin:0 0 8px;font-size:16px}.background-heading p,.worker-note{font-size:12px;color:var(--muted)}
.output-totals{display:flex;gap:32px;flex-wrap:wrap}.output-totals b{font-size:25px;color:var(--cyan);display:block}.output-totals span,.output-totals small{display:block;margin-top:4px;font-size:12px}.output-totals small{font-size:10px;color:var(--muted)}
.routine-checks{margin-top:10px;border-top:1px solid #ffffff15;padding-top:8px}.routine-checks summary{cursor:pointer;color:var(--muted);font-size:12px}.routine-checks p{font-size:12px;color:var(--muted)}#worker-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}.worker-check{font-size:11px;padding:8px;background:#ffffff03}.worker-check b,.worker-check span{display:block;overflow-wrap:anywhere}.worker-check span{color:var(--muted);margin-top:4px}
.background-node .model{color:var(--muted)}.background-node.unconfirmed{border-style:dashed;opacity:.65}.background-node .output-marker{color:var(--cyan)}
#worker-drawer{position:fixed;z-index:20;right:0;top:0;bottom:0;width:min(520px,100vw);background:var(--panel);box-shadow:-15px 0 60px #0009;border-left:1px solid var(--line);overflow:auto;padding:28px}#worker-drawer[hidden]{display:none}#worker-close{float:right}#worker-drawer h2{padding-right:70px}#worker-drawer h3{margin-top:26px;font-size:13px;color:var(--cyan)}#worker-drawer p{color:var(--muted);font-size:13px;line-height:1.6}#worker-prompts small{display:block;overflow-wrap:anywhere;margin:10px 0}#worker-prompts summary{cursor:pointer}
@media(max-width:800px){.output-totals{gap:18px}#background-work{padding:16px}}

.output-pulse{animation:worker-progress 1.4s ease-out 2}@keyframes worker-progress{35%{filter:brightness(2);box-shadow:0 0 24px var(--cyan)}}

.agent:has(.review-label){overflow:visible}.review-label{position:absolute;left:5px;bottom:-9px;padding:3px 6px;font-size:8px;font-weight:750;letter-spacing:.3px;background:var(--review-color,#c18cff);color:#07121e;border:1px solid #ffffff33;pointer-events:none}

/* A failed attempt has its own static signal, separate from delegated work. */
.agent.execution-failed,body[data-theme="gold"] .agent.execution-failed{overflow:visible;border:2px solid #FF6575;box-shadow:0 0 16px #FF4D5E44;animation:none}
.failure-label{position:absolute;right:5px;top:-11px;border-radius:5px;background:#FF6575;color:#21070C;font-size:9px;font-weight:850;padding:3px 6px;letter-spacing:.3px}
.agent.execution-failed .state,body[data-theme="gold"] .agent.execution-failed .state{color:#FF9CA7;font-weight:750}
.agent.execution-failed .seat-bot,body[data-theme="gold"] .agent.execution-failed .seat-bot{filter:none!important;border-color:#FF6575!important;box-shadow:0 0 8px #FF4D5E88!important}

.recovery-detail{font-size:12px;line-height:1.5;color:var(--muted)}.recovery-detail a{color:var(--cyan);text-decoration:underline}

[data-mode=public] .private-only{display:none!important}
.public-only{display:none}[data-mode=public] .public-only{display:flex}
#public-key{flex-wrap:wrap;gap:8px 22px;margin:0;padding:11px 18px;border-top:1px solid var(--paint-253047, #253047);font-size:11px;color:var(--muted)}#public-key span{display:inline-flex;align-items:center;gap:8px}
.key-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.key-working{background:var(--working-color, #45efda);box-shadow:0 0 9px var(--working-color, #45efda);animation:breathe 1.8s ease-in-out infinite}.key-travel{background:var(--delegated-color, #608dff);box-shadow:0 0 8px var(--delegated-color, #608dff);animation:key-travel 1.7s linear infinite}.key-waiting{background:var(--waiting-color, #ffc46a);opacity:.6;animation:breathe 3.7s ease-in-out infinite}@keyframes key-travel{0%{transform:translateX(-4px)}100%{transform:translateX(4px)}}