.mkrd-scene{--row-h:46px;--read-tint:var(--mk-l,#0080701a) var(--mk-d,#3fbfae24)}.mkrd-read{border-radius:8px;animation:.76s ease-in-out both mkrd-read}@keyframes mkrd-read{0%,to{background-color:#0000}45%{background-color:var(--read-tint)}}.mkrd-row-done{opacity:0;border-radius:8px;animation:.76s ease-in-out both mkrd-read,1.1s cubic-bezier(.55,0,.3,1) both mkrd-row-done;transform:translate(70%)}@keyframes mkrd-row-done{0%{opacity:1;transform:none;box-shadow:inset 0 0 0 999px #0000}30%{opacity:1;box-shadow:inset 0 0 0 999px var(--read-tint);transform:none}to{opacity:0;box-shadow:inset 0 0 0 999px var(--read-tint);transform:translate(70%)}}.mkrd-row-shift{transform:translateY(calc(-1 * var(--row-h)));border-radius:8px;animation:.76s ease-in-out both mkrd-read,.65s cubic-bezier(.3,0,.2,1) both mkrd-row-shift}@keyframes mkrd-row-shift{0%{transform:none}to{transform:translateY(calc(-1 * var(--row-h)))}}@container mkrd (max-width:560px){.mkrd-scene{--row-h:40px}.mkrd-scene .mkrd-app-title,.mkrd-scene .mkrd-app-list>.mkrd-app-sk-head,.mkrd-scene .mkrd-app-tabs{display:none}.mkrd-scene .mkrd-app-list{padding-top:6px}.mkrd-scene .mkrd-app-row{height:var(--row-h)}}@media (prefers-reduced-motion:reduce){.mkrd-read,.mkrd-row-done,.mkrd-row-shift{animation:none!important}}
.mkrd-comp{isolation:isolate;width:100%;container:mkrd/inline-size}.mkrd-scene{--app-w:min(100%, 840px);padding-top:104px;position:relative}.mkrd-claude{z-index:3;box-sizing:border-box;border-radius:18px;flex-direction:column;width:min(100%,540px);height:556px;margin:0 auto;display:flex;position:relative;overflow:hidden}.mkrd-app{--sk:var(--mk-l,#eceef1) var(--mk-d,#272a2e);z-index:1;width:var(--app-w);aspect-ratio:16/10;box-sizing:border-box;border:1px solid var(--mk-l,#e6e8ec) var(--mk-d,#2a2d31);background:var(--mk-l,#fff) var(--mk-d,#16181b);box-shadow:0 30px 70px -44px var(--mk-l,#0b0f1933) var(--mk-d,#0009);opacity:.8;border-radius:14px;flex-direction:column;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.mkrd-dots{flex-shrink:0;gap:7px;display:inline-flex}.mkrd-dots>i{border-radius:50%;width:11px;height:11px}.mkrd-app-title{background:var(--mk-l,#f3f4f6) var(--mk-d,#1c1f22);flex-shrink:0;align-items:center;height:32px;padding:0 14px;display:flex;position:relative}.mkrd-app-url{background:var(--mk-l,#e7e9ec) var(--mk-d,#25282c);border-radius:6px;width:34%;height:18px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.mkrd-app-bar{background:var(--mk-l,#f8f9fa) var(--mk-d,#191b1e);flex-shrink:0;align-items:center;gap:16px;height:42px;padding:0 16px;display:flex}.mkrd-app-logo{letter-spacing:-.01em;color:var(--mk-l,#0b0f198c) var(--mk-d,#fafafa80);flex-shrink:0;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.mkrd-app-logo svg{opacity:.75}.mkrd-app-logo-ai{opacity:.55;font-weight:600}.mkrd-app-sk{background:var(--sk);border-radius:99px;flex-shrink:0;height:7px;display:block}.mkrd-app-sk-head{height:9px}.mkrd-app-search{background:var(--mk-l,#fff) var(--mk-d,#1f2225);border:1px solid var(--mk-l,#eceef1) var(--mk-d,#2a2d31);border-radius:7px;width:120px;height:22px;margin-left:auto}.mkrd-app-dot{background:var(--sk);border-radius:50%;flex-shrink:0;width:20px;height:20px}.mkrd-app-body{flex:1;min-height:0;display:flex}.mkrd-app-side{box-sizing:border-box;background:var(--mk-l,#fbfbfc) var(--mk-d,#181a1d);flex-direction:column;flex-shrink:0;gap:14px;width:22%;padding:18px 14px 0;display:flex}.mkrd-app-field{background:var(--mk-l,#f1f2f4) var(--mk-d,#212427);border-radius:7px;height:22px}.mkrd-app-side-row{align-items:center;gap:9px;display:flex}.mkrd-app-icon{background:var(--sk);border-radius:3px;flex-shrink:0;width:12px;height:12px}.mkrd-app-list{flex-direction:column;flex:1;min-width:0;padding:18px 22px 0;display:flex}.mkrd-app-tabs{gap:6px;margin:14px 0 8px;display:flex}.mkrd-app-tabs>i{background:var(--mk-l,#f3f4f6) var(--mk-d,#1f2225);border-radius:7px;width:68px;height:20px}.mkrd-app-row{flex-shrink:0;align-items:center;gap:12px;height:46px;display:flex}.mkrd-app-row+.mkrd-app-row{box-shadow:inset 0 1px 0 var(--mk-l,#f3f4f6) var(--mk-d,#1f2225)}.mkrd-app-lines{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.mkrd-app-lines>.mkrd-app-sk{max-width:100%}.mkrd-app-pill{border:1px solid var(--mk-l,#eceef1) var(--mk-d,#2a2d31);border-radius:6px;flex-shrink:0;width:54px;height:18px}@container mkrd (max-width:560px){.mkrd-scene{--app-w:100%;padding-top:92px}.mkrd-app{aspect-ratio:auto;height:250px}.mkrd-draft-bar{display:none!important}.mkrd-app-side{width:70px;padding:14px 10px 0}.mkrd-app-bar .mkrd-app-sk:nth-of-type(n+4),.mkrd-app-search,.mkrd-app-pill{display:none}.mkrd-app-url{width:46%}.mkrd-app-list{padding:14px 12px 0}.mkrd-claude{--mkrd-fs:13px;--mkrd-fs-sm:11.5px;width:92%;height:auto}.mkrd-claude-body{padding-bottom:14px!important}}.mkrd-paused,.mkrd-paused *{animation-play-state:paused!important}.mkrd-in{animation:.56s cubic-bezier(.16,1,.3,1) both mkrd-in}@keyframes mkrd-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.mkrd-spark{animation:1.2s ease-in-out 2 mkrd-spark}@keyframes mkrd-spark{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.8)}to{transform:rotate(360deg)scale(1)}}@media (prefers-reduced-motion:reduce){.mkrd-in,.mkrd-spark{animation:none!important}}
.mkmg-comp{isolation:isolate;width:100%;container:mkmg/inline-size}.mkmg-canvas{--u:calc(100cqw / 1080);--mkmg-line:var(--mk-l,#e6e8ec) var(--mk-d,#2a2d31);height:calc(590 * var(--u));position:relative}.mkmg-board{left:0;top:calc(2 * var(--u));width:calc(560 * var(--u));gap:calc(12 * var(--u));flex-direction:column;display:flex;position:absolute}.mkmg-card{box-sizing:border-box;height:calc((58 + var(--rows) * 28 + (var(--rows) - 1) * 8) * var(--u));padding:calc(16 * var(--u));gap:calc(12 * var(--u));border-radius:calc(14 * var(--u));background:var(--mk-l,#fff) var(--mk-d,#181b1f);border:1px solid var(--mkmg-line);box-shadow:0 calc(14 * var(--u)) calc(30 * var(--u)) calc(-22 * var(--u)) var(--mk-l,#0b0f1938) var(--mk-d,#0009);flex-direction:column;display:flex;position:relative}.mkmg-card-head{height:calc(14 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.01em;color:var(--mk-l,#0b0f198c) var(--mk-d,#fafafa8c);justify-content:space-between;align-items:center;font-weight:600;display:flex}.mkmg-rows{gap:calc(8 * var(--u));flex-direction:column;display:flex}.mkmg-row{gap:calc(8 * var(--u));display:flex}.mkmg-chip{align-items:center;gap:calc(5 * var(--u));height:calc(28 * var(--u));padding:0 calc(11 * var(--u));box-sizing:border-box;border-radius:calc(8 * var(--u));font-size:calc(13 * var(--u));white-space:nowrap;background:var(--mk-l,#f4f5f7) var(--mk-d,#22252a);border:1px solid var(--mk-l,#eceef1) var(--mk-d,#2c2f33);color:var(--mk-l,#0b0f19d1) var(--mk-d,#fafafad1);font-weight:500;display:inline-flex;position:relative}.mkmg-chip>:not(.mkmg-chip-on){z-index:1;position:relative}.mkmg-chip-on{border-radius:inherit;background:var(--mk-l,#ecf8f6) var(--mk-d,#26322f);border:1px solid var(--mk-l,#9eddd3) var(--mk-d,#285c54);position:absolute;inset:-1px}.mkmg-ring{border-radius:inherit;pointer-events:none;box-shadow:0 0 0 calc(2 * var(--u)) #008070, 0 calc(14 * var(--u)) calc(34 * var(--u)) calc(-14 * var(--u)) #00807073;position:absolute;inset:-1px}.mkmg-chip-more{gap:calc(4 * var(--u));border-style:dashed;border-color:var(--mk-l,#d5d9de) var(--mk-d,#3a3e44);color:var(--mk-l,#0b0f198c) var(--mk-d,#fafafa8c);background:0 0}.mkmg-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mkmg-wire{fill:none;stroke:var(--mk-l,#dadde2) var(--mk-d,#34383d);stroke-width:1.5px}.mkmg-wire-flow{fill:none;stroke:#008070;stroke-width:4px;stroke-linecap:round;stroke-dasharray:0 12;animation:.5s linear infinite mkmg-flow,.38s both mkmg-fade}.mkmg-port{fill:var(--mk-l,#f8f6f5) var(--mk-d,#121417);stroke:#008070;stroke-width:2px}.mkmg-chat{z-index:2;left:calc(640 * var(--u));top:calc(60 * var(--u));width:calc(440 * var(--u));height:calc(470 * var(--u));box-sizing:border-box;border-radius:calc(18 * var(--u));background:var(--mk-l,#fff) var(--mk-d,#1d2024);border:1px solid var(--mkmg-line);box-shadow:0 calc(50 * var(--u)) calc(100 * var(--u)) calc(-40 * var(--u)) var(--mk-l,#0b0f1957) var(--mk-d,#000000a8), 0 calc(16 * var(--u)) calc(36 * var(--u)) calc(-18 * var(--u)) var(--mk-l,#0b0f1929) var(--mk-d,#00000057);flex-direction:column;display:flex;position:absolute;overflow:hidden}.mkmg-chat-title{height:calc(40 * var(--u));font-size:calc(12.5 * var(--u));color:var(--mk-l,#0b0f1999) var(--mk-d,#fafafa99);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.mkmg-chat-title .mkrd-dots{left:calc(16 * var(--u));position:absolute}.mkmg-chat-brand{align-items:center;gap:calc(7 * var(--u));display:inline-flex}.mkmg-chat-brand img{width:calc(16 * var(--u));height:calc(16 * var(--u));border-radius:calc(4 * var(--u))}.mkmg-chat-body{gap:calc(12 * var(--u));min-height:0;padding:calc(8 * var(--u)) calc(22 * var(--u)) 0;font-size:calc(14 * var(--u));color:var(--mk-l,#0b0f19) var(--mk-d,#fafafa);flex-direction:column;flex:1;line-height:1.45;display:flex}.mkmg-ask{max-width:90%;padding:calc(9 * var(--u)) calc(14 * var(--u));border-radius:calc(15 * var(--u));background:var(--mk-l,#f1f2f4) var(--mk-d,#2a2d31);align-self:flex-end;line-height:1.35}.mkmg-tool{align-items:center;gap:calc(8 * var(--u));font-size:calc(12.5 * var(--u));color:var(--mk-l,#0b0f1980) var(--mk-d,#fafafa80);display:flex}.mkmg-answer{margin:0}.mkmg-steps{gap:calc(4 * var(--u));padding:calc(6 * var(--u)) 0;flex-direction:column;display:flex}.mkmg-step{align-items:center;gap:calc(10 * var(--u));min-height:calc(26 * var(--u));font-size:calc(13.5 * var(--u));display:flex}.mkmg-step-icon{width:calc(16 * var(--u));height:calc(16 * var(--u));flex-shrink:0;display:flex;position:relative}.mkmg-step-icon>*{width:100%;height:100%;position:absolute;inset:0}.mkmg-step-check{color:#008070}.mkmg-spinner{color:var(--mk-l,#0b0f1973) var(--mk-d,#fafafa73);opacity:0;animation:.8s linear infinite mkmg-spin,1s both mkmg-window}.mkmg-spinner-live{color:var(--mk-l,#0b0f1973) var(--mk-d,#fafafa73);animation:.8s linear infinite mkmg-spin}.mkmg-step-text{flex:1;min-width:0}.mkmg-pulse-wrap{padding-bottom:calc(4 * var(--u));margin-top:auto;display:block}.mkmg-pulse{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:calc(6 * var(--u));animation:1.2s ease-in-out infinite mkmg-pulse;display:block}.mkmg-composer{align-items:center;gap:calc(9 * var(--u));height:calc(46 * var(--u));margin:calc(12 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));padding:0 calc(8 * var(--u)) 0 calc(13 * var(--u));box-sizing:border-box;border-radius:calc(15 * var(--u));border:1px solid var(--mkmg-line);background:var(--mk-l,#fafafb) var(--mk-d,#22252a);font-size:calc(13 * var(--u));color:var(--mk-l,#0b0f1973) var(--mk-d,#fafafa73);flex-shrink:0;display:flex}.mkmg-composer>span:first-of-type{flex:1}.mkmg-send{width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:calc(9 * var(--u));background:var(--mk-l,#0b0f19) var(--mk-d,#fafafa);color:var(--mk-l,#fff) var(--mk-d,#0b0f19);justify-content:center;align-items:center;display:flex}@container mkmg (max-width:760px){.mkmg-canvas{--u:1px;flex-direction:column;gap:22px;height:auto;display:flex}.mkmg-board{gap:10px;width:auto;position:static}.mkmg-card{height:auto}.mkmg-rows{flex-flow:wrap}.mkmg-row{display:contents}.mkmg-canvas .mkmg-wires{display:none}.mkmg-chat{order:-1;width:auto;height:auto;position:relative;top:auto;left:auto}.mkmg-chat-body{padding-left:16px;padding-right:16px;font-size:13.5px}.mkmg-pulse-wrap{margin-top:0}}.mkmg-paused,.mkmg-paused *{animation-play-state:paused!important}.mkmg-rise{animation:.52s cubic-bezier(.16,1,.3,1) both mkmg-rise}.mkmg-fade{animation:.38s both mkmg-fade}@keyframes mkmg-rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes mkmg-fade{0%{opacity:0}to{opacity:1}}@keyframes mkmg-window{0%{opacity:0}12%,88%{opacity:1}to{opacity:0}}@keyframes mkmg-flow{to{stroke-dashoffset:-24px}}@keyframes mkmg-spin{to{transform:rotate(360deg)}}@keyframes mkmg-pulse{0%,to{transform:scale(1)}50%{transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.mkmg-rise,.mkmg-fade,.mkmg-ring,.mkmg-spinner,.mkmg-spinner-live,.mkmg-wire-flow,.mkmg-pulse{animation:none!important}}
/*# sourceMappingURL=40-vvsw7iionl.css.map*/