.nb{--nb-in:#7cc4ee;--nb-out:#f0935c;--nb-fn:#86b7ff;--nb-str:#d3a6ee;border-block:1px solid var(--border-default);background:var(--surface-raised);font-family:var(--font-body);color:var(--text-body)}html.light .nb,.md-light .nb{--nb-in:#0b6aa8;--nb-out:#b34a1a;--nb-fn:#1a4fd6;--nb-str:#8a2bb0}.nb-bar{align-items:center;gap:var(--space-4);padding:6px var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--border-default);font-family:var(--font-mono);font-size:var(--text-3xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.nb-kernel{align-items:center;gap:var(--space-2);margin-right:auto;display:inline-flex}.nb-dot{border-radius:50%;width:8px;height:8px}.nb-tool{border:1px solid var(--border-default);border-radius:var(--radius-sm);font:inherit;color:var(--text-body);cursor:pointer;background:0 0;padding:4px 10px}.nb-tool:hover:not(:disabled){border-color:var(--nb-in)}.nb-tool:disabled{opacity:.45;cursor:default}@media (pointer:coarse){.nb-tool{min-height:44px}}.nb-page{max-width:960px;padding:var(--space-6) var(--gutter-page) var(--space-9);margin:0 auto}.nb-cells,.nb-stream{gap:var(--space-4);flex-direction:column;display:flex}.nb-cells{min-height:280px;padding-bottom:var(--space-4)}@keyframes nb-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nb-cell{animation:nb-in .3s var(--ease-out) both;column-gap:var(--space-3);row-gap:var(--space-2);grid-template-columns:76px minmax(0,1fr);align-items:start;display:grid}.nb-row{display:contents}.nb-md{padding-left:calc(76px + var(--space-3));grid-template-columns:minmax(0,1fr)}.nb-md h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-display);color:var(--text-strong);font-weight:500}.nb-md p{max-width:var(--measure);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-muted);margin:0}.nb-prompt{text-align:right;font-family:var(--font-mono);font-size:var(--text-2xs);white-space:nowrap;padding-top:9px}.nb-in{color:var(--nb-in)}.nb-outp{color:var(--nb-out)}.nb-code{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:0;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-strong);white-space:pre-wrap;overflow-wrap:anywhere;padding:9px 12px;line-height:1.6}.nb-running{border-color:var(--nb-in);box-shadow:inset 3px 0 0 var(--nb-in)}.nb-starter{text-align:left;cursor:pointer;width:100%;display:block}.nb-starter:hover:not(:disabled){border-color:var(--nb-in)}.nb-fn{color:var(--nb-fn)}.nb-str{color:var(--nb-str)}.nb-out{min-width:0;font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-line;overflow-wrap:anywhere;padding:9px 2px}.nb-notice{background:color-mix(in srgb, var(--status-wip) 20%, transparent);border-radius:var(--radius-sm);color:var(--text-body);padding:9px 12px}.nb-progress{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted)}.nb-compose{margin-top:var(--space-2);grid-template-columns:76px minmax(0,1fr) auto;align-items:center}.nb-compose .nb-prompt{padding-top:0}.nb-field{padding:0}.nb-field input{width:100%;min-width:0;font:inherit;color:var(--text-strong);background:0 0;border:0;outline:0;padding:11px 12px;display:block}.nb-field:focus-within{border-color:var(--nb-in);box-shadow:0 0 0 1px var(--nb-in)}.nb-field input::placeholder{color:var(--text-muted);opacity:1}.nb-run{min-height:44px}.nb-foot{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0 var(--space-6) calc(76px + var(--space-3));display:flex}.nb-links{gap:var(--space-5);display:inline-flex}@media (max-width:639px){.nb-cell,.nb-compose{grid-template-columns:minmax(0,1fr)}.nb-compose{grid-template-columns:minmax(0,1fr) auto}.nb-compose .nb-prompt{grid-column:1/-1}.nb-prompt{text-align:left;padding-top:0}.nb-md,.nb-foot,.nb-out{padding-left:0}}