.md code{font-family:var(--font-geist-mono), monospace;word-break:break-word;background:#f3f5f1;border-radius:6px;padding:.1rem .4rem;font-size:.85em}.md-demo{background:#0d1117}.md-demo .mg-demo-bar{background:#161b22;border-bottom-color:#2d333b}.md-demo .mg-demo-bar span{color:#9da7b3;background:#0d1117}.md-demo-view{font-family:var(--font-geist-mono), monospace;flex-direction:column;gap:.8rem;padding:1.4rem;display:flex}.md-row{background:#161b22;border:2px solid #2d333b;border-radius:14px;align-items:center;gap:1rem;padding:.9rem 1rem;animation:6s ease-in-out infinite md-row;display:flex}.md-row+.md-row{animation-delay:.4s}.md-row div{flex:1;min-width:0}.md-row b{color:#fff;font-size:1rem;display:block}.md-row small{color:#9da7b3;font-size:.78rem;font-family:var(--font-geist-sans,system-ui), sans-serif}.md-toggle{background:#3a414a;border-radius:13px;flex:none;width:46px;height:26px;animation:6s step-end infinite md-tog;position:relative}.md-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;animation:6s ease-in-out infinite md-knob;position:absolute;top:3px;left:3px}.md-toggle.is-late,.md-toggle.is-late:after{animation-delay:.4s}@keyframes md-tog{0%,18%{background:#3a414a}19%,to{background:#5fa46a}}@keyframes md-knob{0%,15%{transform:none}22%,to{transform:translate(20px)}}@keyframes md-row{0%,15%{border-color:#2d333b}22%,to{border-color:#5fa46a}}.md-meter{margin-top:.4rem}.md-meter small{color:#9da7b3;font-size:.78rem}.md-meter div{background:#2d333b;border-radius:6px;height:12px;margin-top:.4rem;overflow:hidden}.md-meter i{background:#cfeac9;border-radius:6px;height:100%;animation:6s ease-in-out infinite md-fill;display:block}@keyframes md-fill{0%,25%{width:8%}70%{width:80%}74%,to{background:#5fa46a;width:22%}}.md-meter em{color:#cfeac9;margin-top:.5rem;font-size:.82rem;font-style:normal;animation:6s step-end infinite md-show;display:block}@keyframes md-show{0%,73%{opacity:0}74%,to{opacity:1}}.md-vis-ysk{flex-direction:column;gap:.55rem;padding:1.1rem 1.2rem;display:flex;position:relative}.md-v-line{background:#dfe6e0;border-radius:7px;width:80%;height:14px}.md-v-line:nth-child(2){width:62%}.md-v-line:nth-child(3){width:48%}.md-v-line.is-flag{animation:4s ease-in-out infinite md-v-flag}@keyframes md-v-flag{0%,25%{background:#dfe6e0}35%,to{background:#f2c96b}}.md-vis-ysk b{color:#f2b530;font-family:var(--font-geist-mono), monospace;background:#0d1117;border-radius:12px;padding:.5rem .8rem;font-size:.85rem;animation:4s ease-out infinite md-v-note;position:absolute;bottom:1rem;left:1.2rem;right:1.2rem}@keyframes md-v-note{0%,38%{opacity:0;transform:translateY(12px)}48%,to{opacity:1;transform:none}}.md-vis-hand{font-family:var(--font-geist-mono), monospace;flex-direction:column;gap:.4rem;padding:1.1rem 1.2rem;display:flex}.md-vis-hand div{background:#2d333b;border-radius:6px;height:12px;margin-bottom:.4rem;overflow:hidden}.md-vis-hand div i{background:#cfeac9;border-radius:6px;height:100%;animation:5s ease-in-out infinite md-fill;display:block}.md-vis-hand span{color:#5fa46a;font-size:.82rem;font-weight:700;animation:5s ease-in-out infinite md-v-brief}.md-vis-hand em{color:#fff;margin-top:auto;font-size:.82rem;font-style:normal;animation:5s step-end infinite md-show}@keyframes md-v-brief{0%,50%{opacity:.15}60%,to{opacity:1}}.md-watch{aspect-ratio:720/450;background:#f1f4ef;border-radius:28px;width:min(100%,720px);margin:1.6rem auto 1.8rem;position:relative;overflow:hidden}.md-w-claude,.md-w-eye{color:var(--g);align-items:center;gap:.7rem;font-size:clamp(.75rem,1.8vw,1rem);font-weight:800;display:flex;position:absolute;top:8%}.md-w-claude{left:5%}.md-w-eye{flex-direction:row-reverse;animation:6s ease-in-out infinite md-w-eye;right:5%}.md-w-claude span{aspect-ratio:1;color:#fff;background:#d97757;border-radius:30%;place-items:center;width:clamp(38px,8vw,58px);font-size:clamp(1.2rem,3vw,1.8rem);display:grid;box-shadow:0 10px 22px #d9775759}.md-w-eye svg{box-sizing:border-box;background:var(--g);width:clamp(38px,8vw,58px);height:clamp(38px,8vw,58px);color:var(--gl);border-radius:30%;padding:10px;box-shadow:0 10px 22px #1e3a2f4d}@keyframes md-w-eye{0%,12%{opacity:0;transform:translateY(16px)}20%,to{opacity:1;transform:none}}.md-w-code{font-family:var(--font-geist-mono), monospace;color:var(--g);white-space:pre;background:#fff;border-radius:18px;flex-direction:column;padding:3% 4%;font-size:clamp(.62rem,1.7vw,.95rem);display:flex;position:absolute;top:24%;left:5%;right:5%;overflow:hidden;box-shadow:0 12px 26px #1e3a2f14}.md-w-code span{border-radius:6px;padding:.15rem .4rem}.md-w-code .is-flag{animation:6s ease-in-out infinite md-w-flag}@keyframes md-w-flag{0%,42%{background:0 0}50%,to{background:#f2b53061}}.md-w-scan{background:#5fa46a;height:3px;animation:6s linear infinite md-w-scan;position:absolute;left:0;right:0;box-shadow:0 0 14px #5fa46a}@keyframes md-w-scan{0%,20%{opacity:0;top:0}22%{opacity:1}45%{opacity:1;top:100%}46%,to{opacity:0;top:100%}}.md-w-note{color:#e6edf3;font-family:var(--font-geist-mono), monospace;background:#0d1117;border-radius:16px;padding:2.2% 3%;font-size:clamp(.6rem,1.6vw,.9rem);line-height:1.4;animation:6s ease-out infinite md-w-note;position:absolute;bottom:19%;left:5%;right:5%}.md-w-note b{color:#f2b530}.md-w-note small{color:#9da7b3;margin-top:.25rem;font-size:.85em;display:block}@keyframes md-w-note{0%,50%{opacity:0;transform:translateY(14px)}58%,to{opacity:1;transform:none}}.md-w-input{height:10%;font-family:var(--font-geist-mono), monospace;color:#9aa39e;background:#fff;border:2px solid #d5ddd1;border-radius:14px;align-items:center;padding:0 3%;display:flex;position:absolute;bottom:5%;left:5%;right:5%}.md-hand-art{aspect-ratio:720/340;background:#f1f4ef;border-radius:28px;width:min(100%,720px);margin:1.6rem auto 1.8rem;position:relative;overflow:hidden}.md-h-old,.md-h-new{box-sizing:border-box;color:#9da7b3;width:34%;height:76%;font-family:var(--font-geist-mono), monospace;background:#0d1117;border-radius:18px;padding:3%;position:absolute;top:12%}.md-h-old{left:4%}.md-h-new{animation:7s ease-out infinite md-h-new;right:4%}.md-h-old small,.md-h-new small{font-size:clamp(.6rem,1.5vw,.8rem)}.md-h-meter{background:#2d333b;border-radius:99px;height:9%;margin-top:8%;position:relative}.md-h-meter i{background:#cfeac9;border-radius:99px;height:100%;animation:7s ease-in-out infinite md-h-fill;display:block}.md-h-meter b{background:#5fa46a;border-radius:2px;width:3px;position:absolute;top:-35%;bottom:-35%;left:80%}.md-h-meter em{color:#5fa46a;white-space:nowrap;font-size:clamp(.5rem,1.2vw,.68rem);font-style:normal;position:absolute;top:140%;left:80%;transform:translate(-50%)}@keyframes md-h-fill{0%{width:8%}35%,to{width:80%}}.md-h-meter.is-new i{background:#5fa46a;width:22%;animation:none}.md-h-msgs{flex-direction:column;gap:7%;height:50%;margin-top:22%;display:flex}.md-h-msgs span{background:#2d333b;border-radius:99px;height:10%;display:block}.md-h-new p{color:#cfeac9;margin:18% 0 0;font-size:clamp(.58rem,1.5vw,.82rem)}@keyframes md-h-new{0%,70%{opacity:.25}78%,to{opacity:1}}.md-h-brief{box-sizing:border-box;width:26%;color:var(--g);background:#fff;border-radius:16px;flex-direction:column;gap:.2rem;padding:2.4%;font-size:clamp(.52rem,1.3vw,.76rem);animation:7s ease-in-out infinite md-h-brief;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #1e3a2f24}.md-h-brief strong{margin-bottom:.2rem;font-size:1.25em}.md-h-brief span{font-family:var(--font-geist-mono), monospace;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}@keyframes md-h-brief{0%,35%{opacity:0;transform:translate(-90%)scale(.7)}45%,62%{opacity:1;transform:translate(-50%)}74%,to{opacity:0;transform:translate(20%)scale(.6)}}.md-brief-need{margin-top:1rem}@media (prefers-reduced-motion:reduce){.md *{animation:none!important}}
