:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#app-shell{height:100vh;height:100dvh}.noctua-toolbar{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right))}.noctura-pen-rail{top:calc(76px + var(--safe-top));left:calc(12px + var(--safe-left))}.noctua-zoombar{right:calc(16px + var(--safe-right));bottom:calc(16px + var(--safe-bottom))}.react-flow__minimap.noctua-minimap{margin:0 calc(16px + var(--safe-right)) calc(64px + var(--safe-bottom)) 0!important}.noctura-notices{left:calc(16px + var(--safe-left));bottom:calc(20px + var(--safe-bottom))}.noctura-consent{bottom:calc(16px + var(--safe-bottom))}@media(pointer:coarse){.noctua-tool-btn{min-width:44px;height:44px}.noctua-tool-btn:not(.noctura-labelled-btn){width:44px}.noctua-toolbar [aria-label="Noctura: start a new canvas"]{min-width:40px;min-height:40px;justify-content:center}.noctua-avatar{width:40px;height:40px}.noctura-notice-close{min-width:36px;min-height:36px}.noctua-kbd{display:none}}.noctura-tools-toggle{display:none}@media(max-width:640px){.noctua-toolbar{padding:0 8px;gap:4px}.noctua-tool-btn{min-width:40px;height:40px}.noctua-tool-btn:not(.noctura-labelled-btn){width:40px}.noctua-tool-btn.noctura-canvas-name{max-width:38vw}.noctura-search-slot{flex:0 0 44px;max-width:44px;margin:0}.noctura-search-slot .noctua-spotlight-field{width:44px;height:44px;padding:0;justify-content:center}.noctura-search-slot .noctua-spotlight-field input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;font-size:16px}.noctura-search-slot.is-expanded{position:absolute;z-index:5;top:6px;left:6px;right:6px;flex:none;max-width:none}.noctura-search-slot.is-expanded .noctua-spotlight-field{width:100%;padding:0 8px 0 14px;justify-content:flex-start;background:#141416}.noctura-search-slot.is-expanded .noctua-spotlight-field input{position:static;opacity:1}.noctura-tools-toggle{display:flex}.noctura-tool-rail:not(.is-open)>.noctura-tool:not(.noctura-tools-toggle):not([aria-pressed=true]){display:none}.noctura-tool{width:56px}.react-flow__minimap.noctua-minimap{margin:0 calc(12px + var(--safe-right)) calc(62px + var(--safe-bottom)) 0!important}.noctua-zoombar{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom))}.noctura-notices{top:calc(76px + var(--safe-top));left:calc(88px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:auto}}@media(pointer:coarse){.nc-edge-hit{stroke-width:44px}}@media(max-width:640px){.noctua-toolbar .noctua-menu[role=menu]{position:fixed;left:0;right:0;top:64px;width:auto;max-height:calc(100dvh - 100px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;background:#0e0e10fa}.nc-lens-panel{top:auto!important;left:calc(8px + var(--safe-left))!important;right:calc(8px + var(--safe-right));--tw-translate-x: 0 !important;bottom:calc(8px + var(--safe-bottom));width:auto!important;max-height:60dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:22px}}@media(pointer:coarse){.noctua-link,.nc-chapter-link{min-height:44px}.nc-chapter-label{opacity:.55;transform:none}.nc-lens-panel button{min-height:32px}}@media(max-width:640px){.nc-lens-panel{bottom:calc(8px + var(--safe-bottom) + var(--keyboard, 0px));max-height:calc(60dvh - var(--keyboard, 0px))}}.noctura-consent{bottom:calc(16px + var(--safe-bottom) + var(--keyboard, 0px))}@media(max-width:640px){html.keyboard-open .noctua-zoombar,html.keyboard-open .react-flow__minimap.noctua-minimap,html.keyboard-open .noctura-notices{display:none}}@media(max-width:640px){.noctura-toolbar-left{flex-shrink:1;min-width:0}.noctura-toolbar-left>.relative{min-width:0}.noctua-tool-btn.noctura-canvas-name{max-width:100%;min-width:0}.noctua-toolbar>div:last-child{flex-shrink:0}.noctua-avatar{margin-left:0}}@media(max-width:380px){.noctua-tool-btn:not(.noctura-labelled-btn){width:36px;min-width:36px}.noctua-avatar{width:36px;height:36px}.noctura-search-slot{flex-basis:40px;max-width:40px}.noctura-search-slot .noctua-spotlight-field{width:40px}}@media(max-width:639px){.nc-saved-window{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}}@media(max-width:640px){.nc-selection-bar{top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom,0px));left:12px!important;right:12px;max-width:none!important;transform:none!important;--tw-translate-x: 0 !important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;white-space:nowrap;background:#0b0b0d!important;z-index:45}.nc-selection-bar::-webkit-scrollbar{display:none}.nc-selection-bar>*{flex-shrink:0}.nc-selection-bar .nc-colour-picker{flex-wrap:nowrap}.nc-selection-bar .nc-colour-dot{width:26px;height:26px}}@media(pointer:coarse){.noctua-toolbar button:not(.noctua-menu *){position:relative;min-height:38px}.noctura-view-switch>button{width:44px;height:44px}.noctura-view-switch>button:before{top:0!important;right:0!important;bottom:0!important;left:0!important}.noctura-guest-save{min-width:38px}.nc-credits-sync[data-syncing=false]{display:none}button[data-credits-pill]{padding-left:8px;padding-right:8px}.noctua-toolbar button:not(.noctua-menu *):before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.noctua-toolbar button.noctua-avatar:not(.noctua-menu *):before{top:-3.5px;right:-3.5px;bottom:-3.5px;left:-3.5px}}@media(pointer:coarse)and (min-width:641px){header.noctua-toolbar{-moz-column-gap:8px;column-gap:8px}}@media(pointer:coarse)and (min-width:641px)and (max-width:1023px){.noctua-tool-btn.noctura-canvas-name{max-width:120px}}@media(pointer:coarse)and (max-width:380px){.noctua-tool-btn:not(.noctura-labelled-btn){width:40px;min-width:40px}.noctua-avatar{width:40px;height:40px}.noctura-search-slot{flex-basis:44px;max-width:44px}.noctura-search-slot .noctua-spotlight-field{width:44px}}@media(pointer:coarse){.noctua-zoombar{height:auto}.noctua-zoombar .noctua-icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}.noctua-zoombar .noctua-zoom-readout{height:44px}.react-flow__minimap.noctua-minimap{margin-bottom:calc(72px + var(--safe-bottom))!important}}@media(max-width:640px){.noctura-ink-panel{left:calc(12px + var(--safe-left))!important;right:calc(12px + var(--safe-right));top:auto!important;bottom:calc(76px + var(--safe-bottom))}.noctura-ink-panel>div:first-child,.noctura-ink-swatches{flex-wrap:wrap}.noctura-ink-panel button{flex-shrink:0}.noctura-ink-divider{flex-basis:100%;width:100%;height:0;margin:0;background:none}html:has(.noctura-ink-panel) .react-flow__minimap.noctua-minimap{display:none}}@media(pointer:coarse){.noctura-ink-panel>div:first-child button{width:40px;height:40px}.noctura-ink-panel>div:first-child button,.noctura-ink-swatches button{position:relative}.noctura-ink-panel>div:first-child button:before,.noctura-ink-swatches button:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.noctura-ink-panel>div:first-child,.noctura-ink-swatches{gap:4px}.noctura-ink-swatches{gap:12px;padding:6px}.noctura-ink-swatches button{width:32px;height:32px}.noctura-ink-swatches button:before{top:-7px;right:-7px;bottom:-7px;left:-7px}}@keyframes ncArrive{0%{opacity:0;transform:translateY(30px) scale(.76)}38%{opacity:1}62%{transform:translateY(-5px) scale(1.022);box-shadow:0 0 0 1.5px #f0a080f2,0 0 70px 6px #d9775799}to{opacity:1;transform:none}}.animate-node-spawn{animation:ncArrive .78s cubic-bezier(.22,1,.36,1) calc(var(--nc-spawn-delay, 0ms) + .2s) backwards}@keyframes ncPictureSettle{0%{transform:scale(1.16)}to{transform:none}}.animate-node-spawn img{animation:ncPictureSettle 1.3s cubic-bezier(.22,1,.36,1) calc(var(--nc-spawn-delay, 0ms) + .2s) backwards}@keyframes ncWordsIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.animate-flow-in{animation:ncWordsIn .62s cubic-bezier(.22,1,.36,1) calc(var(--nc-spawn-delay, 0ms) + .46s) backwards}.nc-edge-run{pointer-events:none}.nc-edge-run path{fill:none;stroke-linecap:round;animation-duration:.58s;animation-timing-function:cubic-bezier(.5,0,.2,1);animation-delay:var(--nc-spawn-delay, 0ms);animation-fill-mode:both}.nc-edge-tail{stroke:#f0a080;stroke-width:4;stroke-dasharray:.24 2;animation-name:ncEdgeTail}.nc-edge-halo{stroke:#d977576b;stroke-width:26;stroke-dasharray:.0001 2;animation-name:ncEdgeBead}.nc-edge-bead{stroke:#fff;stroke-width:9;stroke-dasharray:.0001 2;animation-name:ncEdgeBead}@keyframes ncEdgeTail{0%{stroke-dashoffset:.24;opacity:0}12%{opacity:1}88%{opacity:1}to{stroke-dashoffset:-.76;opacity:0}}@keyframes ncEdgeBead{0%{stroke-dashoffset:0;opacity:0}12%{opacity:1}88%{opacity:1}to{stroke-dashoffset:-1;opacity:0}}@keyframes ncEdgeDraw{0%{stroke-dasharray:1 1;stroke-dashoffset:1}to{stroke-dasharray:1 1;stroke-dashoffset:0}}.nc-edge-drawn{animation:ncEdgeDraw .58s cubic-bezier(.5,0,.2,1) var(--nc-spawn-delay, 0ms) backwards}@keyframes ncEdgeLate{0%{opacity:0}}.nc-edge-late{animation:ncEdgeLate .3s ease calc(var(--nc-spawn-delay, 0ms) + .5s) backwards}.nc-rim-bead{position:absolute;top:0;left:0;z-index:45;width:11px;height:11px;border-radius:50%;pointer-events:none;background:#fff;box-shadow:0 0 0 4px #f0a08047,0 0 26px 7px #d97757d9;offset-path:inset(0 round 18px);offset-rotate:0deg;offset-distance:0%;opacity:0;animation:ncRimLap 1.05s cubic-bezier(.3,.1,.1,1) both}.nc-rim-bead.is-working{animation:ncRimLoop 2.4s linear infinite}@keyframes ncRimLap{0%{offset-distance:0%;opacity:0}10%{opacity:1}78%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes ncRimLoop{0%{offset-distance:0%;opacity:1}to{offset-distance:100%;opacity:1}}@supports not (offset-path: inset(0 round 18px)){.nc-rim-bead{display:none}}.seed-spot-field{transition:box-shadow .35s ease,border-color .35s ease}.seed-spot-field:focus-within{border-color:#f0a0808c;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #f0a08047,0 0 46px #d977574d,var(--mac-shadow-pop)}.fx-no-glow .seed-spot-field:focus-within{box-shadow:var(--mac-shadow-pop)}.fx-no-entrance .nc-edge-run,.reduce-effects .nc-edge-run,.fx-no-entrance .nc-rim-bead:not(.is-working),.reduce-effects .nc-rim-bead{display:none}.fx-no-entrance :is(.nc-edge-drawn,.nc-edge-late,.animate-node-spawn img),.reduce-effects :is(.nc-edge-drawn,.nc-edge-late,.animate-node-spawn img){animation:none!important}@media(prefers-reduced-motion:reduce){.nc-edge-run,.nc-rim-bead{display:none}.animate-node-spawn,.animate-flow-in,.animate-node-spawn img,.nc-edge-drawn,.nc-edge-late{animation:none!important}}