.notebook{display:flex;flex-direction:column;gap:var(--space-7);padding-top:var(--space-3)}html[data-mode=edit] .notebook{gap:var(--cell-gap)}.islands-loading{position:fixed;bottom:calc(var(--space-5) + var(--control-size-lg) + var(--space-3));right:calc(var(--space-5) + 1px);display:none;gap:4px;color:var(--color-text-muted)}html[data-mode=edit][data-islands=loading] .islands-loading{display:flex}.islands-loading span{width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor;opacity:.3;animation:ellipsis-dot 1.2s ease-in-out infinite}.islands-loading span:nth-child(2){animation-delay:.4s}.islands-loading span:nth-child(3){animation-delay:.8s}@keyframes ellipsis-dot{0%,to{opacity:.3}50%{opacity:1}}.mode-toggle{--control-size: var(--control-size-lg);--control-icon: var(--control-icon-lg);position:fixed;bottom:var(--space-5);right:var(--space-5)}.mode-toggle:active{box-shadow:none}.icon-read,html[data-mode=edit] .icon-edit{display:none}html[data-mode=edit] .icon-read{display:block}.round-control,.post .post-island marimo-island>.relative>.absolute>button{display:flex;align-items:center;justify-content:center;width:var(--control-size);height:var(--control-size);padding:0;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs-solid);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.round-control:hover,.post .post-island marimo-island>.relative>.absolute>button:hover{background:var(--color-accent-bg);color:var(--color-accent-text);border-color:var(--color-accent-border)}.round-control svg,.post .post-island marimo-island>.relative>.absolute>button svg{width:var(--control-icon);height:var(--control-icon)}.reveal-on-hover,.post .post-island marimo-island>.relative>.absolute{opacity:0;transform:translateY(3px);transition:opacity var(--transition-fast),transform var(--transition-fast)}html[data-mode=edit] .post:hover .reveal-on-hover,html[data-mode=edit] .post:hover .post-island marimo-island>.relative>.absolute{opacity:1;transform:none}@media(hover:none){.post .reveal-on-hover,.post .post-island marimo-island>.relative>.absolute{opacity:1;transform:none}}.post-title,.post .post-island .output h1{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:var(--cell-text-xl);font-weight:500;line-height:1.25}.post-description,.post .post-island .output .paragraph{display:block;margin:0;color:var(--color-text-muted)!important;text-align:start;hyphens:manual}.post-date,.post .post-island .output code{font-family:var(--font-mono);font-size:var(--cell-text-xs);color:var(--color-text-muted)!important}.post-image,.post .post-island .output .paragraph img{margin:var(--space-4) 0 0;max-height:var(--post-image-max);width:auto;max-width:100%;border-radius:var(--radius-sm)}.post,.post-link{display:block;color:inherit}.post-link:hover{text-decoration:none;color:inherit}.post:hover .post-title{color:var(--color-accent-hover)}.post-date{display:block;margin-top:var(--space-2)}.post-source,.post-run,.post .post-island,.post.import-cell{display:none}html[data-mode=edit] .post{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-cell);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}html[data-mode=edit] .post:hover{border-color:var(--color-border-hover)}html[data-mode=edit] .post:active{box-shadow:none}html[data-mode=edit] .post-output{padding:var(--space-4) var(--space-5)}html[data-mode=edit] .post-source{display:block;order:-1;margin:0;border:none;border-bottom:1px solid var(--color-hairline);border-radius:0;background:transparent;padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--code-font-size);line-height:1.5;color:var(--color-text);white-space:pre-wrap;overflow-x:auto}.post-source .tok-comment{color:var(--color-comment)}.post-source .tok-func{color:var(--syntax-func)}.post-source .tok-string{color:var(--syntax-string)}.post-source .tok-keyword{color:var(--syntax-keyword)}.post-source .tok-name{color:var(--syntax-name)}.import-cell .post-source{border-bottom:none}html[data-mode=edit] .post-run{position:absolute;top:calc(var(--control-size) / -2);right:var(--space-2);display:flex}.post-run svg{margin-left:1px}html[data-mode=edit] .post:active .post-run{box-shadow:none}html[data-mode=edit][data-islands=ready] .has-island .post-link,html[data-mode=edit][data-islands=ready] .has-island .post-source,html[data-mode=edit][data-islands=ready] .has-island .post-run{display:none}html[data-mode=edit][data-islands=ready] .has-island .post-island{display:flex;flex-direction:column;--marimo-island-background: var(--color-surface);--marimo-island-foreground: var(--color-text);--marimo-island-surface: var(--color-surface);--marimo-island-muted-surface: var(--color-bg-subtle);--marimo-island-muted-foreground: var(--color-text-muted);--marimo-island-border: var(--color-border);--marimo-island-accent: var(--color-accent);--marimo-island-accent-foreground: light-dark(#ffffff, hsl(150 7.7% 10.2%));--marimo-island-focus-ring: var(--color-accent);--marimo-island-code-background: transparent;--marimo-island-code-foreground: var(--color-text);--marimo-island-radius: var(--radius-sm);--marimo-island-margin-block: 0}.post .post-island marimo-island>marimo-ui-element{display:block;order:-1;margin:0;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-hairline)}.post .post-island marimo-island:has(span[data-empty-output])>marimo-ui-element,.post .post-island marimo-island:not(:has(.output)):not(:has([role=alert]))>marimo-ui-element{border-bottom:none}.post .post-island marimo-island>.relative{position:static;min-height:0}.post .post-island marimo-island .output{padding:var(--space-4) var(--space-5)}.post .post-island marimo-island>.relative>[role=alert]{margin:var(--space-4) var(--space-5)}.post .post-island marimo-island .output:has(span[data-empty-output]){display:none}.post .post-island .prose{max-width:none;font-size:var(--cell-text-base);line-height:1.55}.post .post-island .output a{color:var(--color-accent-hover)!important}.post .post-island .output a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.post .post-island .output h1 a{color:inherit!important}.post .post-island .output h1 a:hover,html[data-mode=edit] .post:hover .post-island .output h1 a{color:var(--color-accent-hover)!important;text-decoration:none}.post .post-island .output .paragraph:has(>code:only-child){margin-top:var(--space-2)}.post .post-island .output pre{margin:0;padding:0;background:transparent;border:none;border-radius:0}.post .post-island .output code{background:transparent;border:none;padding:0}.post .post-island .output code:before,.post .post-island .output code:after{content:none}.post .post-island marimo-island>.relative>.absolute{top:calc(var(--control-size) / -2);right:var(--space-2);left:auto;bottom:auto;z-index:10}.post .post-island marimo-island>.relative>.absolute>button:has(.lucide-copy){display:none}.post .post-island marimo-island>.relative>.absolute>button svg{margin-left:1px}.post .post-island .marimo{--foreground: var(--color-text);--muted-foreground: var(--color-text-muted);--background: var(--color-surface);--link: var(--color-accent-hover);--link-visited: var(--color-accent-hover)}.post .post-island .prose{--tw-prose-body: var(--color-text);--tw-prose-headings: var(--color-text);--tw-prose-lead: var(--color-text-muted);--tw-prose-links: var(--color-accent);--tw-prose-bold: var(--color-text);--tw-prose-counters: var(--color-text-muted);--tw-prose-bullets: var(--color-text-muted);--tw-prose-hr: var(--color-hairline);--tw-prose-quotes: var(--color-text);--tw-prose-quote-borders: var(--color-border);--tw-prose-captions: var(--color-text-muted);--tw-prose-code: var(--color-text);--tw-prose-pre-code: var(--color-text);--tw-prose-pre-bg: var(--color-bg-subtle);--tw-prose-th-borders: var(--color-border);--tw-prose-td-borders: var(--color-hairline)}