.background-canvas-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.background-canvas-layer__layer{position:absolute;inset:0;opacity:1;transition:opacity .25s linear}.background-canvas-layer__layer[data-fading=out]{opacity:0}.background-canvas-layer__layer>canvas,.background-canvas-layer__layer>img{display:block;width:100%;height:100%}.background-canvas-fallback{object-fit:cover}@media(prefers-reduced-motion:reduce){.background-canvas-layer__layer{transition:none}}.frame-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;padding:0;background:var(--color-bg-raised);border-top:var(--card-border-width) solid var(--color-fg);border-bottom:var(--card-border-width) solid var(--color-fg);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-fg);z-index:20;min-height:40px}[data-frame-edge=bottom] .frame-bar{border-bottom-width:0}[data-frame-edge=top] .frame-bar{bottom:auto;top:0;border-top-width:0}.frame-bar__divider{width:1px;align-self:stretch;background:var(--color-fg);opacity:.35;flex-shrink:0}.frame-bar__title{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);flex-shrink:0}.frame-bar__site-name{font-weight:var(--font-weight-bold);letter-spacing:.04em;color:var(--color-fg);text-decoration:none}.frame-bar__site-name:hover{text-decoration:underline;text-underline-offset:2px}.frame-bar__site-name[data-active=true]{color:var(--color-accent)}.frame-bar__current-page{color:var(--color-fg-muted);font-size:var(--font-size-xs)}.frame-bar__nav{display:flex;align-items:center;padding:0 var(--space-2);flex-shrink:0}.frame-bar__nav-btn{background:none;border:none;margin:0;padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-fg);cursor:pointer;opacity:.65;letter-spacing:.02em;text-decoration:none}.frame-bar__nav-btn:hover{opacity:1;text-decoration:underline;text-underline-offset:2px}.frame-bar__nav-btn[data-active=true]{opacity:1;color:var(--color-accent)}.frame-bar__settings{margin-left:auto;display:flex;align-items:center;flex-shrink:0;position:relative}.frame-bar__settings-btn{background:none;border:none;margin:0;padding:var(--space-1) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-fg);cursor:pointer;opacity:.65;letter-spacing:.02em;line-height:1;min-height:40px}.frame-bar__settings-btn:hover{opacity:1}.frame-bar__settings-menu{position:absolute;bottom:calc(100% + 4px);right:0;min-width:160px;background:var(--color-bg-raised);border:var(--card-border-width) solid var(--color-fg);z-index:30}[data-frame-edge=top] .frame-bar__settings-menu{bottom:auto;top:calc(100% + 4px)}.frame-bar__menu-group{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-bottom:1px solid var(--color-rule)}.frame-bar__menu-group:last-child{border-bottom:none}.frame-bar__menu-label{font-size:var(--font-size-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-medium)}.frame-bar__menu-select{width:100%;padding:var(--space-1) var(--space-2);background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-rule);font-family:var(--font-body);font-size:var(--font-size-xs);cursor:pointer}.frame-bar__menu-select:focus{outline:2px solid var(--color-accent);outline-offset:2px}.frame-bar__menu-toggle{background:none;border:1px solid var(--color-rule);color:var(--color-fg);cursor:pointer;padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--font-size-xs);text-align:left;width:100%}.frame-bar__menu-toggle:hover{background:var(--color-rule)}.frame-bar__menu-toggle[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.physics-card{position:fixed;top:0;left:0;display:flex;flex-direction:column;gap:var(--card-gap);padding:var(--card-padding);margin:0;overflow:hidden;background:var(--color-bg-raised);color:var(--color-fg);border:var(--card-border-width) solid var(--color-fg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);font-family:var(--font-body);font-size:16px;line-height:1.3;letter-spacing:-.01em;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;z-index:10}.physics-card>h1,.physics-card>h2,.physics-card>h3,.physics-card>p,.physics-card>ul,.physics-card>ol,.physics-card>time{margin:0}[data-card-header]{display:flex;align-items:center;gap:6px;padding:4px 8px;margin:calc(-1 * var(--card-padding)) calc(-1 * var(--card-padding)) 0;min-height:32px;font-size:11px;font-family:var(--card-font-body, var(--font-mono));color:var(--card-fg, var(--color-fg));opacity:.75;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;flex-shrink:0}.read-post-link{align-self:flex-start;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-accent);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;pointer-events:auto}.physics-card[data-variant=letter]{padding:0;gap:0;display:grid;place-items:center;text-align:center;font-family:var(--font-mono);font-size:24px;font-weight:600;line-height:1;letter-spacing:0}.physics-card[data-variant=balloon]{padding:0;gap:0;display:grid;place-items:center;text-align:center;font-family:var(--font-mono);font-size:20px;font-weight:500;letter-spacing:.02em;text-transform:lowercase;background:var(--color-accent, var(--color-bg-raised));color:var(--color-bg)}[data-layout=canvas]{min-height:100vh;position:relative}