forked from Code-Bullet/Car-QLearning
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathreference.html
More file actions
5 lines (5 loc) · 28.8 KB
/
Copy pathreference.html
File metadata and controls
5 lines (5 loc) · 28.8 KB
1
2
3
4
5
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width"><title>https://claude.ai/code/artifact/81c740eb-2c06-400f-8166-ebd137cdd65a?open_in_browser=1&via=user_open&org=d4197957-4f5b-453e-9f57-a779a0d8440e</title><link rel="stylesheet" type="text/css" href="resource://content-accessible/viewsource.css"></head><body id="viewsource" style=""><span id="line1"><span></span><span class="doctype"><!doctype html></span><span></span><span><<span class="start-tag">html</span> <span class="attribute-name">lang</span>="<a class="attribute-value">en</a>" <span class="attribute-name">data-frame-uuid</span>="<a class="attribute-value">81c740eb-2c06-400f-8166-ebd137cdd65a</a>"></span><span></span><span><<span class="start-tag">head</span>></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">property</span>="<a class="attribute-value">og:title</a>" <span class="attribute-name">content</span>="<a class="attribute-value">Claude Artifact</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">twitter:title</a>" <span class="attribute-name">content</span>="<a class="attribute-value">Claude Artifact</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">description</a>" <span class="attribute-name">content</span>="<a class="attribute-value">Try out Artifacts created by Claude users</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">property</span>="<a class="attribute-value">og:description</a>" <span class="attribute-name">content</span>="<a class="attribute-value">Try out Artifacts created by Claude users</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">twitter:description</a>" <span class="attribute-name">content</span>="<a class="attribute-value">Try out Artifacts created by Claude users</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">property</span>="<a class="attribute-value">og:image</a>" <span class="attribute-name">content</span>="<a class="attribute-value">https://claude.ai/images/claude_ogimage.png</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">twitter:image</a>" <span class="attribute-name">content</span>="<a class="attribute-value">https://claude.ai/images/claude_ogimage.png</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">property</span>="<a class="attribute-value">og:image:width</a>" <span class="attribute-name">content</span>="<a class="attribute-value">1138</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">property</span>="<a class="attribute-value">og:image:height</a>" <span class="attribute-name">content</span>="<a class="attribute-value">640</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">property</span>="<a class="attribute-value">og:image:alt</a>" <span class="attribute-name">content</span>="<a class="attribute-value">Claude Artifact</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">twitter:card</a>" <span class="attribute-name">content</span>="<a class="attribute-value">summary</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">robots</a>" <span class="attribute-name">content</span>="<a class="attribute-value">noindex, nofollow</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">preconnect</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/">https://assets-proxy.anthropic.com</a>" <span class="attribute-name">crossorigin</span>></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">dns-prefetch</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/">https://assets-proxy.anthropic.com</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">build-timestamp</a>" <span class="attribute-name">content</span>="<a class="attribute-value">1788991729</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">build-git-hash</a>" <span class="attribute-name">content</span>="<a class="attribute-value">2d27b60f4e20d13c888d8a1362e9ebe756752765</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">charset</span>="<a class="attribute-value">utf-8</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">viewport</a>" <span class="attribute-name">content</span>="<a class="attribute-value">width=device-width,initial-scale=1</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">robots</a>" <span class="attribute-name">content</span>="<a class="attribute-value">noindex</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">referrer</a>" <span class="attribute-name">content</span>="<a class="attribute-value">no-referrer</a>"></span><span></span><span><<span class="start-tag">title</span>></span><span>Claude Artifact</span><span></<span class="end-tag">title</span>></span><span></span><span><<span class="start-tag">script</span> <span class="attribute-name">nonce</span>="<a class="attribute-value">MWa6jc4f+lrQksvpuZhQeQ==</a>"></span><span>window.__frameInlineProbe=new Error,function(e,t,o){if(t?.embedded&&(e.embedded=e.host=""),parent!==window){var n=location.origin,r=location.ancestorOrigins;if(r)r[0]===n&&r[r.length-1]===n&&(e.embedded="");else if(parent===top&&document.referrer)try{new URL(document.referrer).origin===n&&(e.embedded="")}catch{}}"embedded"in e&&"none"===(t?.chrome??o.get("chrome"))&&(e.chrome="none",document.querySelector("meta[name=viewport]").setAttribute("content","width=device-width,initial-scale=1,viewport-fit=cover"));var a="desktop"===t?.platform?"host-tools":"comment-mode",c="embedded"in e?t?null!=t.hostcaps?t.hostcaps:(" "+o.get("hostcaps")+" ").indexOf(" "+a+" ")</span><span><0</span><span>?"":a:o.get("hostcaps"):"",d=String(c||"").split(" ").filter(function(e,t,o){return("comment-mode"===e||"page-comments"===e||"artifact-nav"===e||"comment-summon"===e||"open-in-claude"===e||"open-chat"===e||"cloud-session"===e||"cowork-task"===e||"no-send-all"===e||"confirm-page-sends"===e||"viewer-context"===e||"chrome"===e||"export"===e||"chrome-readonly"===e||"header"===e||"duplicate"===e||"presence"===e||"host-tools"===e||"context-card"===e||"context-send"===e||"host-nav"===e||"url-anchor"===e||"promote-strip"===e)&&o.indexOf(e)===t});d.length&&(e.hostcaps=d.join(" "));var i={mode:["light","dark","system"],platform:["web","desktop"],font:["anthropic","system"]};for(var s of Object.keys(i)){var m=t?.[s]??o.get(s[0]);if("mode"===s&&null==t?.mode&&!("embedded"in e))try{var l=JSON.parse(localStorage.getItem("LSS-userThemeMode"));l&&"object"==typeof l&&(l=l.value),"light"!==l&&"dark"!==l||(m=l)}catch(e){}i[s].includes(m)&&(e[s]=m)}}(document.documentElement.dataset,window.claudeDesktopArtifactPane,new URLSearchParams(location.search))</span><span></<span class="end-tag">script</span>></span><span></span><span><<span class="start-tag">script</span> <span class="attribute-name">nonce</span>="<a class="attribute-value">MWa6jc4f+lrQksvpuZhQeQ==</a>"></span><span>!function(){try{var e=document.documentElement.dataset.frameUuid;if(!e)return;var t=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/,a=new URLSearchParams(location.search),r=a.get("org"),n=(document.cookie.match(/(?:^|;\s*)lastActiveOrg=([^;]*)/)||[])[1],o=r&&t.test(r)?r:n&&t.test(n)?n:null,i=self===top&&!("embedded"in document.documentElement.dataset),s=a.get("via"),c=null!==s?s:i?"user_open":"embedded_view",l=a.get("sk"),m=new URLSearchParams;o&&m.set("org",o),c&&m.set("via",c),l&&/^[A-Za-z0-9_-]{16,64}$/.test(l)&&m.set("sk",l);var d=location.pathname.split("/").pop()||"";try{d=decodeURIComponent(d)}catch(e){}var u="";d.toLowerCase().slice(-37)==="-"+e.toLowerCase()?u=d.slice(0,d.length-37):d.length>23&&"-"===d.charAt(d.length-23)&&/^[1-9A-HJ-NP-Za-km-z]{22}$/.test(d.slice(-22))&&(u=d.slice(0,d.length-23)),/^[a-z0-9][a-z0-9-]{0,59}$/.test(u)&&m.set("vanity",u);var f=window.__frameSessionId;null==f&&(f=window.__frameSessionId=crypto.randomUUID?crypto.randomUUID():"");var g="initial";try{var h=function(e){try{var t=sessionStorage.getItem(e);if(!f||!t)return!1;var a=e+"_claim",r=f+"|"+t,n=sessionStorage.getItem(a);if(n===r)return!0;var o=n?n.split("|"):[],i=Number(o[2]);return!(3!==o.length||"reload"!==o[0]||o[1]!==t||!Number.isFinite(i)||Date.now()-i>=3e4)&&(sessionStorage.setItem(a,r),sessionStorage.getItem(a)===r)}catch(e){return!1}},v=(sessionStorage.getItem("frame_chunk_reload")||"").split(":"),_=Number(v[2]),p=v[0]===e&&("chrome"===v[1]||"deferred"===v[1]||"broker"===v[1])&&Number.isFinite(_)&&Date.now()-_</span><span><3</span><span>e5,w="frame_hot_hard_reload:"+e,b=(sessionStorage.getItem(w)||"").split(":"),S=Number(b[2]),I=b[0]===e&&Number.isFinite(S)&&Date.now()-S</span><span><3</span><span>e5,k=function(t){var a=sessionStorage.getItem(t);if(!a)return!1;var r=a.lastIndexOf(":"),n=Number(a.slice(r+1));return a.slice(0,r)===e&&Number.isFinite(n)&&Date.now()-n</span><span><3</span><span>e5}("frame_pin_reload")&&h("frame_pin_reload"),P=p&&h("frame_chunk_reload"),y=I&&h(w);(k||P||y)&&(g="reboot")}catch(e){}m.set("bk",g);var A="/api/frame/"+e+"?"+m.toString(),F=function(e,t){var a=null==e?null:e.toLowerCase();return null!==a&&-1!==t.indexOf(a)?a:null},N=navigator.userAgent,U={"X-Frame-CP":"go","X-Frame-Platform":F(a.get("platform"),["web","desktop","ios","android","cli"])||(N.includes(" Electron/")?"desktop":/Android/.test(N)?"android":/iPad|iPhone|iPod/.test(N)||N.includes("Macintosh")&&navigator.maxTouchPoints>1?"ios":"web")},C=F(a.get("surface"),["chat","cowork","code","slack","teams","standalone"])||(i?"standalone":"");C&&(U["X-Frame-Surface"]=C);var D=document.head.querySelector('meta[name="build-timestamp"]');D&&D.content&&(U["X-Frame-Client-Version"]=D.content),f&&(U["X-Frame-Session-Id"]=f);var L=fetch(A,{credentials:"same-origin",headers:U,priority:"high",signal:AbortSignal.timeout(2e4)});if(L.catch(function(){}),window.__frameBootPrefetch={url:A,res:L},!o){var X=fetch("/api/account",{credentials:"same-origin",signal:AbortSignal.timeout(8e3)});X.catch(function(){}),window.__frameAccountPrefetch={res:X}}}catch(e){}}()</span><span></<span class="end-tag">script</span>></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">preload</a>" <span class="attribute-name">as</span>="<a class="attribute-value">font</a>" <span class="attribute-name">type</span>="<a class="attribute-value">font/woff2</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc27851ad-DDVos-BJ.woff2">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc27851ad-DDVos-BJ.woff2</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">preload</a>" <span class="attribute-name">as</span>="<a class="attribute-value">font</a>" <span class="attribute-name">type</span>="<a class="attribute-value">font/woff2</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c0f671921-BcCEXi7X.woff2">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c0f671921-BcCEXi7X.woff2</a>"></span><span></span><span><<span class="start-tag">script</span> <span class="attribute-name">type</span>="<a class="attribute-value">module</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">src</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/frame-shell-CyuLxhZS.js">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/frame-shell-CyuLxhZS.js</a>" <span class="attribute-name">nonce</span>="<a class="attribute-value">MWa6jc4f+lrQksvpuZhQeQ==</a>"></span><span></span><span></<span class="end-tag">script</span>></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">modulepreload</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/preload-helper-BWst14uo.js">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/preload-helper-BWst14uo.js</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">modulepreload</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/shared-frame-boot-CXfHivao.js">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/shared-frame-boot-CXfHivao.js</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">modulepreload</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/frame-shell-chrome-CI0LSU9X.js">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/frame-shell-chrome-CI0LSU9X.js</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">modulepreload</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/vendor-frame-CSAGA0ei.js">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/vendor-frame-CSAGA0ei.js</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">modulepreload</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/rolldown-runtime-CAJkiChf.js">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/rolldown-runtime-CAJkiChf.js</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">modulepreload</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/shared-frame-DUfrMYyp.js">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/shared-frame-DUfrMYyp.js</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">modulepreload</a>" <span class="attribute-name">crossorigin</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/frame-shell-deferred-BY0VGPkd.js">https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/frame-shell-deferred-BY0VGPkd.js</a>"></span><span></span><span><<span class="start-tag">style</span> <span class="attribute-name">nonce</span>="<a class="attribute-value">MWa6jc4f+lrQksvpuZhQeQ==</a>"></span><span>:root{--font-anthropic-sans:"anthropic-sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@font-face{font-family:anthropic-sans;src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc27851ad-DDVos-BJ.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap;font-feature-settings:"dlig" 0}@font-face{font-family:anthropic-sans;src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c9d3a3a49-CJtkx3-S.woff2)format("woff2");font-weight:300 800;font-style:italic;font-display:swap;font-feature-settings:"dlig" 0}:root{--font-anthropic-serif:"anthropic-serif", ui-serif, Georgia, "Times New Roman", serif}@font-face{font-family:anthropic-serif;src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c66fc489e-2VcCjn5t.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap;font-feature-settings:"dlig" 0}@font-face{font-family:anthropic-serif;src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc410af59-Dcb-9NUS.woff2)format("woff2");font-weight:300 800;font-style:italic;font-display:swap;font-feature-settings:"dlig" 0}:root{--bg:#fff;--fg:#0b0b0b;--mut:#52514e;--spin:#898781;--line:#0b0b0b1a;--div:#0b0b0b0d;--bord:#0b0b0b33;--hov:#0b0b0b0d;--surf:#fff;--brand:#c6613f;--primary:#0b0b0b;--on-primary:#fff}@media (prefers-color-scheme:dark){html:not([data-mode]){--bg:#1a1a19;--fg:#f0efec;--mut:#c3c2b7;--line:#ffffff1a;--div:#ffffff0d;--bord:#fff3;--hov:#ffffff13;--surf:#20201f;--primary:#fff;--on-primary:#0b0b0b}}html[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-mode=dark]{--bg:#1a1a19;--fg:#f0efec;--mut:#c3c2b7;--line:#ffffff1a;--div:#ffffff0d;--bord:#fff3;--hov:#ffffff13;--surf:#20201f;--primary:#fff;--on-primary:#0b0b0b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Anthropicons-Variable;src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c0f671921-BcCEXi7X.woff2)format("woff2-variations");font-weight:400 700;font-display:block}:root{--bar-h:40px;--strip:0px;--bar:calc(var(--bar-h) + var(--strip));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-promote-strip]{--strip:36px}@layer{*{box-sizing:border-box;margin:0;padding:0}button{font:inherit;border:0;background:0 0;cursor:pointer;color:inherit}}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--fg);overflow:hidden}body{font:13px/1.4 anthropic-sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}#hdr{height:var(--bar-h);justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}html:not([data-embedded]) #hdr,html:not([data-embedded]) #hdr-degraded{border-bottom:1px solid var(--div)}.l,.r{align-items:center;gap:8px;display:flex}.l{flex:1;min-width:0}.r{flex:none}.byline{font-size:var(--cds-font-size-caption,12px);color:var(--mut);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:312px;overflow:hidden}.l>button[data-title-menu]{flex-shrink:1000;min-width:0;margin-left:-6px;overflow:hidden}.l button[data-title-menu]>span,.l button[data-title-menu] .truncate{min-width:0}.skel{background:var(--hov);border-radius:4px;display:inline-block}.skel-title{width:8em;height:1em}.skel-avatar{border-radius:50%;width:24px;height:24px}.degraded-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:400;overflow:hidden}#hdr-degraded,body.chrome-degraded #hdr{display:none}body.chrome-degraded #hdr-degraded{height:var(--bar-h);align-items:center;gap:8px;padding:0 12px;display:flex}@media (width</span><span><</span><span>=768px){html:not([data-embedded]) .l{grid-template-columns:minmax(0,1fr);place-items:center start;gap:0;display:grid}html:not([data-embedded]) .l>*{max-width:100%}html:not([data-embedded]) .l>.byline{margin-top:-3px}html:not([data-embedded]) .l>[data-storage]{margin-top:-4px}}html[data-embedded]{--bar-h:42px}html[data-embedded] #hdr{padding:0 8px}html[data-embedded] .byline{flex-shrink:1;max-width:100%}html[data-embedded] .skel-title,html[data-embedded] .skel-avatar,html[data-embedded][data-chrome=none] #hdr,html[data-embedded][data-chrome=none] #hdr-degraded,html[data-header-hidden] #hdr,html[data-header-hidden] #hdr-degraded,html[data-header-hidden] [data-chrome-pill],html[data-header-hidden] [data-sharing-status][data-host-chrome]{display:none}html[data-embedded][data-chrome=none],html[data-header-hidden]{--bar:0px}html[data-host][data-chrome=none]{--bar:env(safe-area-inset-top,0px)}html[data-embedded][data-chrome=none][data-promote-strip]:not([data-header-hidden]){--bar:var(--strip)}html[data-host][data-chrome=none][data-promote-strip]:not([data-header-hidden]){--bar:calc(env(safe-area-inset-top,0px) + var(--strip))}[data-sharing-status][data-host-chrome]{inset:calc(var(--bar) - var(--strip)) 0 auto;height:var(--strip);position:absolute}main{inset:var(--bar) 0 0 0;display:flex;position:absolute}#frame-slot{flex:1;min-width:0;position:relative}#loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loading[hidden]{display:none}#loading.slow{text-align:center;color:var(--mut);flex-direction:column;gap:12px;padding:0 24px;font-size:13px}#loading.slow>button{order:1}#loading:after{content:"";box-sizing:border-box;background:conic-gradient(transparent 40%, var(--spin)) border-box, linear-gradient(var(--line), var(--line)) border-box;border:2px solid #0000;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}@keyframes spin{to{transform:rotate(360deg)}}#frame-content{opacity:0;border:0;width:100%;height:100%;transition:opacity .12s;position:absolute;inset:0}#frame-slot>iframe.swap:not(.ready){opacity:0;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}#frame-slot>iframe.swap.hot-under:not(.ready){opacity:1}#frame-slot>iframe.hot-under~#frame-content{background:var(--bg)}#frame-slot>iframe.retired{opacity:0;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}#frame-content.swap{transition:none}#frame-content.swap.crossfade{transition:opacity .12s}#frame-slot>iframe.fading-out{opacity:1;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}#frame-content.ready{opacity:1}@media (prefers-reduced-motion:reduce){#loading:after{animation:none}#frame-content{transition:none}}body.err #hdr,body.err #hdr-degraded,#err[hidden]{display:none}#err{text-align:center;color:var(--fg);place-content:safe center;gap:8px;padding:96px 16px 128px;display:grid;position:absolute;inset:0;overflow-y:auto}
</span></span><span id="line2"><span>@font-face{font-family:Anthropicons-Variable;src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c0f671921-BcCEXi7X.woff2)format("woff2-variations");font-weight:400 700;font-display:block}
</span></span><span id="line3"><span></span><span></<span class="end-tag">style</span>></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">shell-inline-span</a>" <span class="attribute-name">content</span>="<a class="attribute-value">4752</a>"></span><span></span><span><<span class="start-tag">meta</span> <span class="attribute-name">name</span>="<a class="attribute-value">robots</a>" <span class="attribute-name">content</span>="<a class="attribute-value">noindex, nofollow</a>"></span><span></span><span><<span class="start-tag">link</span> <span class="attribute-name">rel</span>="<a class="attribute-value">preconnect</a>" <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:https://81c740eb-2c06-400f-8166-ebd137cdd65a.frame.claudeusercontent.com/">https://81c740eb-2c06-400f-8166-ebd137cdd65a.frame.claudeusercontent.com</a>"></span><span></span><span></<span class="end-tag">head</span>></span><span></span><span><<span class="start-tag">body</span>></span><span></span><span><<span class="start-tag">header</span> <span class="attribute-name">id</span>="<a class="attribute-value">hdr</a>" <span class="attribute-name">tabindex</span>="<a class="attribute-value">-1</a>" <span class="attribute-name">aria-label</span>="<a class="attribute-value">Artifact controls</a>"></span><span></span><span><<span class="start-tag">div</span> <span class="attribute-name">class</span>="<a class="attribute-value">l</a>" <span class="attribute-name">aria-hidden</span>="<a class="attribute-value">true</a>"></span><span></span><span><<span class="start-tag">span</span> <span class="attribute-name">class</span>="<a class="attribute-value">skel skel-title</a>"></span><span></span><span></<span class="end-tag">span</span>></span><span></span><span></<span class="end-tag">div</span>></span><span></span><span><<span class="start-tag">div</span> <span class="attribute-name">class</span>="<a class="attribute-value">r</a>" <span class="attribute-name">aria-hidden</span>="<a class="attribute-value">true</a>"></span><span></span><span><<span class="start-tag">span</span> <span class="attribute-name">class</span>="<a class="attribute-value">skel skel-avatar</a>"></span><span></span><span></<span class="end-tag">span</span>></span><span></span><span></<span class="end-tag">div</span>></span><span></span><span></<span class="end-tag">header</span>></span><span></span><span><<span class="start-tag">div</span> <span class="attribute-name">id</span>="<a class="attribute-value">hdr-degraded</a>"></span><span></span><span><<span class="start-tag">span</span> <span class="attribute-name">class</span>="<a class="attribute-value">degraded-title</a>"></span><span></span><span></<span class="end-tag">span</span>></span><span> </span><span><<span class="start-tag">span</span> <span class="attribute-name">class</span>="<a class="attribute-value">byline</a>"></span><span>Content is user-generated and unverified.</span><span></<span class="end-tag">span</span>></span><span></span><span></<span class="end-tag">div</span>></span><span></span><span><<span class="start-tag">main</span>></span><span></span><span><<span class="start-tag">div</span> <span class="attribute-name">id</span>="<a class="attribute-value">frame-slot</a>" <span class="attribute-name">data-frame-uuid</span>="<a class="attribute-value">81c740eb-2c06-400f-8166-ebd137cdd65a</a>" <span class="attribute-name">data-frame-uchost</span>="<a class="attribute-value">81c740eb-2c06-400f-8166-ebd137cdd65a.frame.claudeusercontent.com</a>" <span class="attribute-name">data-frame-tophost</span>="<a class="attribute-value">81c740eb-2c06-400f-8166-ebd137cdd65a-top.frame.claudeusercontent.com</a>"></span><span></span><span><<span class="start-tag">div</span> <span class="attribute-name">id</span>="<a class="attribute-value">loading</a>"></span><span></span><span><<span class="start-tag">div</span> <span class="attribute-name">class</span>="<a class="attribute-value">loading-status</a>" <span class="attribute-name">role</span>="<a class="attribute-value">status</a>" <span class="attribute-name">aria-label</span>="<a class="attribute-value">Loading</a>" <span class="attribute-name">tabindex</span>="<a class="attribute-value">-1</a>"></span><span></span><span></<span class="end-tag">div</span>></span><span></span><span></<span class="end-tag">div</span>></span><span></span><span></<span class="end-tag">div</span>></span><span></span><span></<span class="end-tag">main</span>></span><span></span><span><<span class="start-tag">div</span> <span class="attribute-name">id</span>="<a class="attribute-value">err</a>" <span class="attribute-name">hidden</span>></span><span></span><span></<span class="end-tag">div</span>></span><span></span><span></<span class="end-tag">body</span>></span><span></span><span></<span class="end-tag">html</span>></span><span></span></span></body></html>