@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#f5f3f2;color:#060606;font-synthesis:none;--cyan: #060606;--cyan-bright: #060606;--muted: #777371;--line: rgba(6, 6, 6, .12);--panel: rgba(245, 243, 242, .94);--paper: #f5f3f2;--ink: #060606}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--paper)}body{overflow:hidden}button,input{font:inherit}.app{position:relative;display:grid;grid-template-rows:132px minmax(0,1fr) 118px;width:100vw;height:100svh;min-height:540px;overflow:hidden;background:var(--paper)}.app:before{display:none}.topbar{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;padding:0 28px;border-bottom:1px solid var(--line);background:var(--paper)}.topbar:after,.control-deck:before{content:"";position:absolute;left:50%;width:64px;height:3px;translate:-50%;background:var(--ink)}.topbar:after{bottom:-1px}.readout{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}.readout--center{align-items:center;border-inline:1px solid var(--line)}.readout--right{align-items:flex-end}.readout--left{flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.readout-group{display:flex;flex-direction:column;gap:8px}.readout-separator{width:1px;height:42px;background:var(--line)}.eyebrow{font:400 10px/1.1 DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:#777371}.readout strong,.ratio-readout strong{font:400 16px/1 DM Mono,monospace;letter-spacing:.1em;color:var(--ink)}.readout--left strong{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.025em}.readout .hero-number{--character-count: 7;width:100%;max-width:560px;min-width:0;padding:2px 8px;border:1px solid transparent;border-radius:0;outline:0;background:transparent;color:var(--ink);font:800 clamp(30px,calc(76px - var(--character-count) * 3px),62px)/.9 Inter,sans-serif;text-align:center;font-size:clamp(30px,calc(76px - var(--character-count) * 3px),62px);letter-spacing:-.055em}.readout .hero-number:hover{border-color:#0606062e}.readout .hero-number:focus{border-color:var(--ink);background:#ffffff7a}.type-row{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--ink)}.field-shell{position:relative;z-index:1;min-height:0;margin:0 20px 12px;border:1px solid rgba(6,6,6,.1);background:var(--paper);overflow:hidden}#primeCanvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#primeCanvas.is-panning{cursor:grabbing}#effectCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.reticle{position:absolute;width:20px;height:20px;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#0606068c}.reticle:before{width:20px;height:1px}.reticle:after{width:1px;height:20px}.reticle--tl{left:8px;top:8px}.reticle--tr{right:8px;top:8px;transform:rotate(90deg)}.reticle--bl{left:8px;bottom:8px;transform:rotate(-90deg)}.reticle--br{right:8px;bottom:8px;transform:rotate(180deg)}.scan-label,.empty-lines-toggle{padding:7px 9px;border:1px solid rgba(6,6,6,.12);background:#f5f3f2eb;color:#6f6b69;font:400 9px/1 DM Mono,monospace;letter-spacing:.12em;pointer-events:none}.scan-label{position:absolute;left:8px;bottom:8px}.pattern-panel{position:absolute;top:16px;right:8px;display:flex;flex-direction:column;width:178px;color:#6f6b69;font:400 9px/1 DM Mono,monospace;letter-spacing:.1em}.pattern-heading{margin:0 8px 6px 0;color:#787472;text-align:right}.pattern-item{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;min-height:29px;padding:0 8px 0 4px;border:0;border-right:1px solid rgba(6,6,6,.18);background:#f5f3f2e6;color:#777371;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.pattern-item+.pattern-item{border-top:1px solid rgba(6,6,6,.08)}.pattern-item:hover,.pattern-item:focus-visible{color:var(--ink);border-right-color:var(--ink);outline:none}.pattern-item[aria-pressed=true]{color:var(--ink);background:#ffffffb8}.pattern-control{display:grid;place-items:center;width:11px;height:11px;justify-self:center;font-style:normal}.pattern-control--toggle{border:1px solid #8e8986}.pattern-item[aria-pressed=true] .pattern-control--toggle,#primeNumbersToggle[aria-pressed=true] .pattern-control--toggle{border-color:var(--ink);background:var(--ink)}#twinPrimesToggle[aria-pressed=true] .pattern-control--toggle{border-color:#b83d22;background:#e4572e}#quadraticPrimesToggle[aria-pressed=true] .pattern-control--toggle{border-color:#6246c7;background:#7357e8}.pattern-control--play{color:var(--ink);font-size:10px}.bookmark-panel{position:absolute;top:16px;left:8px;width:min(270px,calc(100% - 32px));max-height:calc(100% - 68px);color:#6f6b69;font:400 9px/1.25 DM Mono,monospace;letter-spacing:.1em;pointer-events:none}.bookmark-heading{display:flex;align-items:center;padding-left:16px;margin-bottom:6px;color:#787472}.bookmark-list{display:flex;flex-direction:column;gap:4px;max-height:calc(100% - 24px);overflow-y:auto;scrollbar-width:thin}.bookmark-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;min-height:30px;border-left:1px solid rgba(6,6,6,.18);background:#f5f3f2eb;pointer-events:auto;animation:bookmark-in .14s ease-out both}.bookmark-load,.bookmark-delete{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.bookmark-load{min-width:0;padding:6px 5px 6px 9px;text-align:left}.bookmark-load span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-load small{display:block;margin-top:3px;color:#999390;font:inherit;font-size:8px;letter-spacing:.08em}.bookmark-item:hover,.bookmark-item:focus-within{border-left-color:var(--ink);background:#fff}.bookmark-item:hover .bookmark-load,.bookmark-load:focus-visible{color:var(--cyan-bright)}.bookmark-delete{display:grid;place-items:center;width:24px;padding:0;color:#a54252;font-size:15px;opacity:0;transform:scale(.15) rotate(-35deg);transition:opacity .1s ease-out,transform .12s cubic-bezier(.2,.9,.25,1.35),color .1s ease}.bookmark-item:hover .bookmark-delete,.bookmark-delete:focus-visible{opacity:1;transform:scale(1) rotate(0)}.bookmark-delete:hover{color:#d31f3c}@keyframes bookmark-in{0%{opacity:0;transform:translate(-8px) scaleX(.94)}to{opacity:1;transform:none}}.field-options{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:8px}.empty-lines-toggle{display:flex;align-items:center;gap:7px;pointer-events:auto;cursor:pointer;white-space:nowrap;appearance:none}.empty-lines-toggle:hover,.empty-lines-toggle:focus-within{color:var(--ink);border-color:var(--ink)}.line-mode-indicator{width:9px;height:9px;border:1px solid #8e8986;background:transparent}.empty-lines-toggle[data-mode=empty] .line-mode-indicator{border-color:#aaa5a2;background:#d7d3d0}.empty-lines-toggle[data-mode=non-empty] .line-mode-indicator{border-color:#55514f;background:#55514f}.control-deck{position:relative;z-index:2;display:grid;grid-template-columns:220px minmax(280px,680px) 260px;justify-content:space-between;align-items:center;gap:28px;padding:14px 36px 20px;border-top:1px solid var(--line);background:var(--paper)}.control-deck:before{top:-1px}.ratio-readout{display:flex;flex-direction:column;gap:9px}.matrix-inputs{display:flex;align-items:center;gap:7px;color:var(--ink);font:400 14px/1 DM Mono,monospace;letter-spacing:.04em}.matrix-inputs input{width:88px;min-width:0;padding:3px 1px;border:0;border-bottom:1px solid transparent;border-radius:0;outline:0;background:transparent;color:var(--ink);font:inherit}.matrix-inputs input:hover{border-bottom-color:#06060633}.matrix-inputs input:focus{border-bottom-color:var(--ink);background:#ffffff8c}.ratio-control{align-self:center;min-width:0}.animation-control{display:none;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:12px;min-width:0}.app[data-animation=goldbach] .ratio-control{display:none}.app[data-animation=goldbach] .animation-control{display:grid;animation:player-in .16s cubic-bezier(.2,.9,.25,1.2) both}.animation-timeline{min-width:0}.animation-labels{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#777371;font:400 9px/1 DM Mono,monospace;letter-spacing:.1em}.animation-labels strong{color:#9a7300;font:inherit}.player-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(6,6,6,.28);background:transparent;color:var(--ink);font:400 12px/1 DM Mono,monospace;cursor:pointer}.player-button:hover,.player-button:focus-visible{border-color:var(--ink);color:var(--ink);background:#fff;outline:none}.player-button--stop{color:#777371}@keyframes player-in{0%{opacity:0;transform:scaleX(.94)}to{opacity:1;transform:scaleX(1)}}.slider-labels{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px;color:#8b8582;font:400 9px/1 DM Mono,monospace;letter-spacing:.12em}.slider-labels span:nth-child(2){color:#4f4b49;text-align:center}input[type=range]{--position: 50%;width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--ink) 0 var(--position),#d8d4d1 var(--position) 100%)}input[type=range]::-moz-range-track{height:2px;background:#d8d4d1}input[type=range]::-moz-range-progress{height:2px;background:var(--cyan)}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:22px;margin-top:-10px;border:1px solid var(--ink);border-radius:1px;background:var(--ink)}input[type=range]::-moz-range-thumb{width:13px;height:22px;border:1px solid var(--ink);border-radius:1px;background:var(--ink)}input[type=range]:focus-visible{outline:1px solid var(--cyan);outline-offset:8px}.slider-ticks{height:8px;margin-top:7px;background:repeating-linear-gradient(90deg,rgba(6,6,6,.18) 0 1px,transparent 1px 10%)}.footer-actions{justify-self:end;display:flex;align-items:center;gap:8px}.deck-button{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#615d5b;border:1px solid rgba(6,6,6,.2);background:transparent;font:400 10px/1 DM Mono,monospace;letter-spacing:.1em;cursor:pointer}.deck-button:hover{color:var(--ink);border-color:var(--ink);background:#fff}kbd{padding:3px 5px;color:var(--ink);border:1px solid rgba(6,6,6,.28);font:inherit}.loading-layer{position:absolute;inset:132px 0 118px;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f3f2f0;transition:opacity .35s ease,visibility .35s ease}[data-ready=true] .loading-layer{display:none;opacity:0;visibility:hidden}.loader-mark{width:38px;height:38px;border:1px solid #d0ccca;border-top-color:var(--ink);animation:rotate 1s linear infinite}.loading-layer p{margin:22px 0 8px;color:var(--cyan-bright);font:400 11px/1 DM Mono,monospace;letter-spacing:.18em}.loading-layer span{color:#8d8784;font:400 9px/1 DM Mono,monospace;letter-spacing:.1em}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:760px){.app{grid-template-rows:88px minmax(0,1fr) 152px}.topbar{padding:0 16px;grid-template-columns:1fr 1.35fr 1fr}.readout--center{border-inline:0}.readout--left{gap:8px}.readout-separator{height:34px}.readout .hero-number{padding-inline:2px;font-size:clamp(14px,calc(28px - var(--character-count) * 1px),19px)}.readout strong{font-size:12px}.eyebrow{font-size:8px;letter-spacing:.1em}.field-shell{margin:12px 10px 8px}.control-deck{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:13px 18px;padding:14px 16px 18px}.ratio-control,.animation-control{grid-column:1 / -1;grid-row:1;width:100%}.ratio-readout,.footer-actions{grid-row:2}.matrix-inputs{gap:3px;font-size:11px}.matrix-inputs input{width:56px}.footer-actions{gap:4px}.deck-button{gap:6px;padding:8px 7px;font-size:8px}.slider-labels span:nth-child(2){display:none}.field-options{right:8px;bottom:8px;gap:5px}.empty-lines-toggle{padding-inline:7px;letter-spacing:.08em}.scan-label{left:8px;bottom:8px}.bookmark-panel{top:12px;left:8px;width:min(130px,calc(50% - 18px))}.pattern-panel{top:12px;right:8px;width:158px}.loading-layer{inset:88px 0 152px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}