.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-word{animation:.18s linear both mkrd-word}@keyframes mkrd-word{0%{opacity:0}to{opacity:1}}.mkrd-spark{animation:1.2s ease-in-out 4 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-word,.mkrd-spark{animation:none!important}}@keyframes mkrd-rot{0%{opacity:0;transform:translateY(.34em)}to{opacity:1;transform:translateY(0)}}.mkrd-rotator{animation:.55s cubic-bezier(.16,1,.3,1) both mkrd-rot}@media (prefers-reduced-motion:reduce){.mkrd-rotator{animation:none}}
/*# sourceMappingURL=1r0a--bqimwt0.css.map*/