*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--topbar-top-pad: calc(var(--dist-1) + env(safe-area-inset-top, 0px));--side-inset: var(--dist-1);--content-inset: calc(var(--side-inset) + var(--dist-0-5));--topbar-row-height: var(--dist-2);--topbar-height: calc(var(--dist-3) + var(--dist-1) + env(safe-area-inset-top, 0px));--bottombar-height: calc(var(--dist-3) + var(--dist-1-5));--float-bottom: calc(var(--bottombar-height) + var(--dist-0-25));--titlebar-mac-offset: 90px;--transition-duration: .15s;--transition-deadspace: 10ms;--transition-timing: cubic-bezier(.5, 0, .5, 1);--transition-duration-theme: .3s;--font-family: "Switzer", system-ui, sans-serif;--font-family-app: "Source Code Pro", monospace;--width-main-container: clamp(300px, 720px, 100vw);--width-float-panel: 400px;--color-bg: hsl(0, 0%, 95%);--color-glass-bg: hsla(0, 0%, 95%, .6);--color-btn-bg: hsl(0, 0%, 96%);--color-0: hsl(0, 0%, 5%);--color-1: hsl(0, 0%, 45%);--color-2: hsl(0, 0%, 55%);--color-3: hsl(0, 0%, 85%);--color-4: hsl(0, 0%, 90%);--color-5: hsl(0, 0%, 96%);--color-white: hsl(0, 0%, 100%);--dist-0-25: 4px;--dist-0-5: 8px;--dist-1: 16px;--dist-1-5: 24px;--dist-2: 32px;--dist-2-5: 40px;--dist-3: 48px;--dist-icon-gap-header: calc(var(--dist-0-5) + var(--dist-0-25));--dist-icon-gap-row: var(--dist-0-5);--dist-icon-gap-preview: calc(var(--dist-0-5) * .75);--icon-size-xs: var(--dist-1);--icon-size-s: var(--dist-1-5);--icon-size-m: var(--dist-2);--icon-size-l: var(--dist-2-5);--icon-size-xl: var(--dist-3);--icon-size-bar: var(--icon-size-m);--icon-size-mini: calc(var(--dist-1) * .5);--font-size-h1: 40px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-p: 16px;--font-size-label: 12px;--switzer-font-weight-h1: 250;--switzer-font-weight-h2: 275;--switzer-font-weight-h3: 300;--switzer-font-weight-p: 350;--switzer-font-weight-label: 450;--switzer-font-weight-h1-strong: 500;--switzer-font-weight-h2-strong: 450;--switzer-font-weight-h3-strong: 500;--switzer-font-weight-p-strong: 600;--switzer-font-weight-label-strong: 700;--scpro-font-weight-h1: 700;--scpro-font-weight-h2: 750;--scpro-font-weight-h3: 800;--scpro-font-weight-p: 600;--scpro-font-weight-label: 650;--scpro-font-weight-h1-strong: 850;--scpro-font-weight-h2-strong: 900;--scpro-font-weight-h3-strong: 900;--scpro-font-weight-p-strong: 900;--scpro-font-weight-label-strong: 900;--font-weight-h1: var(--switzer-font-weight-h1);--font-weight-h2: var(--switzer-font-weight-h2);--font-weight-h3: var(--switzer-font-weight-h3);--font-weight-p: var(--switzer-font-weight-p);--font-weight-label: var(--switzer-font-weight-label);--font-weight-h1-strong: var(--switzer-font-weight-h1-strong);--font-weight-h2-strong: var(--switzer-font-weight-h2-strong);--font-weight-h3-strong: var(--switzer-font-weight-h3-strong);--font-weight-p-strong: var(--switzer-font-weight-p-strong);--font-weight-label-strong: var(--switzer-font-weight-label-strong);--line-thickness-h1: 2.5px;--line-thickness-h2: 2px;--line-thickness-h3: 1.5px;--line-thickness-p: 1.25px;--line-thickness-label: 1px;--line-height-h1: calc(1 + (1 / 3));--line-height-h2: 1.5 ;--line-height-h3: calc(1 + (1 / 3));--line-height-p: 1.5 ;--line-height-label: calc(1 + (1 / 3));--color-rose-outline: hsl(340, 100%, 35%);--color-rose-fill: hsl(340, 100%, 87%);--color-rose-bg: hsl(340, 100%, 95%);--color-peach-outline: hsl(25, 100%, 35%);--color-peach-fill: hsl(25, 100%, 85%);--color-peach-bg: hsl(25, 100%, 95%);--color-banana-outline: hsl(30, 100%, 45%);--color-banana-fill: hsl(50, 100%, 70%);--color-banana-bg: hsl(55, 100%, 92%);--color-matcha-outline: hsl(140, 100%, 20%);--color-matcha-fill: hsl(140, 100%, 85%);--color-matcha-bg: hsl(140, 100%, 94%);--color-sky-outline: hsl(200, 100%, 25%);--color-sky-fill: hsl(200, 100%, 85%);--color-sky-bg: hsl(200, 100%, 93%);--color-lilac-outline: hsl(280, 100%, 20%);--color-lilac-fill: hsl(280, 100%, 85%);--color-lilac-bg: hsl(280, 100%, 95%);--color-brand-blue: #0070d6;--color-brand-red: #ff2525;--color-brand-red-dark: #d00;--color-brand-green: #25d600;--color-brand-green-dark: #1a9800;--color-brand-cyan: #16b8ff;--color-brand-yellow: #ffb816;--color-brand-yellow-light: #ffe955;--color-coin-outline: var(--color-lilac-outline);--color-coin-fill: var(--color-lilac-fill);--color-coin-bg: var(--color-lilac-bg);--color-brain-outline: var(--color-rose-outline);--color-brain-fill: var(--color-rose-fill);--color-ai-chat-outline: var(--color-lilac-outline);--color-ai-chat-fill: var(--color-lilac-fill);--color-chat-outline: var(--color-lilac-outline);--color-chat-fill: var(--color-lilac-fill);--color-tabs-1-outline: var(--color-banana-outline);--color-tabs-1-fill: var(--color-banana-fill);--color-tabs-2-outline: var(--color-matcha-outline);--color-tabs-2-fill: var(--color-matcha-fill);--color-tabs-3-outline: var(--color-lilac-outline);--color-tabs-3-fill: var(--color-lilac-fill);--color-note-outline: var(--color-banana-outline);--color-note-fill: var(--color-banana-fill);--color-folder-outline: var(--color-sky-outline);--color-folder-fill: var(--color-sky-fill);--color-image-frame: var(--color-sky-outline);--color-image-sky: var(--color-sky-fill);--color-image-hill-outline: var(--color-matcha-outline);--color-image-hill-fill: var(--color-matcha-fill);--color-image-spark: var(--color-banana-outline);--color-image-spark-center: var(--color-banana-bg);--color-pdf-outline: var(--color-rose-outline);--color-pdf-fill: #eee;--color-youtube-outline: var(--color-rose-outline);--color-youtube-fill: #eee;--color-move-outline: var(--color-sky-outline);--color-move-fill: var(--color-sky-fill);--color-move-base-outline: var(--color-move-outline);--color-move-base-fill: var(--color-move-fill);--color-group-outline: var(--color-matcha-outline);--color-group-fill: var(--color-matcha-fill);--color-restore-arrow-outline: var(--color-sky-outline);--color-restore-arrow-fill: var(--color-sky-fill);--color-restore-trash-outline: var(--color-matcha-outline);--color-restore-trash-fill: var(--color-matcha-fill);--color-key-outline: var(--color-banana-outline);--color-key-fill: var(--color-banana-fill);--color-cog-outline: var(--color-1);--color-cog-fill: var(--color-3);--color-sync-outline: var(--color-1);--color-add-outline: var(--color-1);--color-close-outline: var(--color-1);--color-arrow-outline: var(--color-1);--color-updated-outline: var(--color-1);--color-mail-outline: var(--color-1);--color-mail-fill: var(--color-3);--color-pyramid-outline: var(--color-0);--color-pyramid-fill: var(--color-bg);--color-lightning-outline: var(--color-banana-outline);--color-lightning-fill: var(--color-banana-fill);--color-persona-1-outline: var(--color-rose-outline);--color-persona-1-fill: var(--color-rose-fill);--color-persona-2-outline: var(--color-banana-outline);--color-persona-2-fill: var(--color-banana-fill);--color-persona-3-outline: var(--color-matcha-outline);--color-persona-3-fill: var(--color-matcha-fill);--color-sharable-leaf-outline: var(--color-matcha-outline);--color-sharable-leaf-fill: var(--color-matcha-fill);--color-sharable-soil-outline: var(--color-peach-outline);--color-sharable-soil-fill: var( --color-peach-outline );--color-sharable-hand-outline: var(--color-peach-outline);--color-sharable-hand-fill: var(--color-peach-fill);--color-hand-outline: var(--color-peach-outline);--color-hand-fill: var(--color-peach-fill);--color-trash-outline: var(--color-rose-outline);--color-trash-fill: var(--color-rose-fill);--color-account-outline: var(--color-sky-outline);--color-account-fill: var(--color-sky-fill);--color-edit-outline: var(--color-1);--color-edit-fill: var(--color-bg);--color-fire-outline: var(--color-rose-outline);--color-fire-shade: var(--color-rose-fill);--color-fire-fill: var(--color-banana-fill);--color-fire-bg: var(--color-white);--color-empty-trash-trash-outline: var(--color-rose-outline);--color-empty-trash-trash-fill: var(--color-rose-fill);--color-empty-trash-cloud-outline: var(--color-rose-outline);--color-empty-trash-cloud-shade: var(--color-rose-fill);--color-empty-trash-cloud-fill: var(--color-banana-fill);--color-empty-trash-cloud-bg: var(--color-white);--color-drop-outline: var(--color-sky-outline);--color-drop-shade: var(--color-sky-fill);--color-drop-fill: var(--color-sky-bg);--color-drop-bg: var(--color-white);--color-compass-outline: var(--color-peach-outline);--color-compass-fill: var(--color-rose-outline);--color-compass-bg: var(--color-peach-bg);--color-select-outline: var(--color-peach-outline);--color-select-fill: var(--color-peach-fill);--color-back-outline: var(--color-1);--color-sun-outline: var(--color-banana-outline);--color-sun-fill: var(--color-banana-fill);--color-moon-outline: var(--color-lilac-outline);--color-moon-fill: var(--color-lilac-fill);--color-success-bg: hsl(141, 73%, 90%);--color-success: hsl(142, 71%, 38%);--color-warning: hsl(32, 95%, 44%);--color-error: hsl(0, 72%, 51%);--color-info-bg: hsl(210, 100%, 92%);--color-info: hsl(210, 68%, 42%);--color-bar-ok: hsl(142, 71%, 38%);--color-bar-warn: hsl(45, 95%, 47%);--color-bar-danger: hsl(0, 72%, 51%);--color-border: var(--color-2);--color-border-focus: var(--color-1);--border-radius-outer: var(--dist-0-5);--border-radius-inner: var(--dist-0-25);--border-radius-overlay: var(--dist-1);--shadow-raised: 0 2px 2px hsla(0, 0%, 0%, .06), 0 8px 8px hsla(0, 0%, 0%, .03), inset 1px 4px 8px hsla(0, 0%, 100%, .8), inset -1px -1px 4px hsla(0, 0%, 0%, .1);--shadow-raised-sm: 0 2px 2px hsla(0, 0%, 0%, .06), 0 4px 8px hsla(0, 0%, 0%, .03), inset 1px 2px 4px hsla(0, 0%, 100%, .8), inset -1px -1px 4px hsla(0, 0%, 0%, .1);--shadow-raised-flat: 0 2px 2px hsla(0, 0%, 0%, .06), inset 1px 2px 4px hsla(0, 0%, 100%, .8), inset -1px -1px 4px hsla(0, 0%, 0%, .1);--shadow-recessed: inset 1px 2px 4px hsla(0, 0%, 0%, .1), inset 1px 1px 4px hsla(0, 0%, 0%, .1), inset -1px -2px 4px hsla(0, 0%, 100%, .8);--border-weight: 1.5px;--color-hover: hsl(100, 100%, 25%);--color-create: hsl(198, 100%, 40%);--color-trash: hsl(350, 100%, 55%);--color-code: hsl(0, 0%, 95%);--color-code-bg: hsl(0, 0%, 10%);--color-code-outline: hsl(100, 75%, 20%);--code-font: "Source Code Pro", monospace;--color-scrim: hsla(0, 0%, 0%, .5);--color-scrim-hover: hsla(0, 0%, 0%, .7);--color-on-scrim: hsl(0, 0%, 100%);--color-syntax-keyword: hsl(207.2, 61%, 58.8%);--color-syntax-string: hsl(17.4, 46.7%, 63.9%);--color-syntax-comment: hsl(139.8, 50%, 43.9%);--color-syntax-type: hsl(167.8, 53.2%, 54.7%);--color-syntax-number: hsl(99.5, 27.9%, 73.3%);--color-syntax-variable: hsl(200.8, 98%, 80.4%);--color-syntax-function: hsl(60, 41.7%, 76.5%);--color-syntax-tag: hsl(0, 53.1%, 61.6%)}:root[data-theme=dark]{color-scheme:dark;--color-bg: hsl(0, 0%, 9.8%);--color-glass-bg: hsla(0, 0%, 9.8%, .6);--color-btn-bg: hsl(0, 0%, 8%);--color-0: hsl(0, 0%, 95%);--color-1: hsl(0, 0%, 85%);--color-2: hsl(0, 0%, 75%);--color-3: hsl(0, 0%, 35%);--color-4: hsl(0, 0%, 15%);--color-5: hsl(0, 0%, 9.8%);--color-white: hsl(0, 0%, 5%);--color-rose-bg: hsl(340, 50%, 15%);--color-rose-outline: hsl(340, 70%, 55%);--color-rose-fill: hsl(340, 70%, 20%);--color-peach-bg: hsl(30, 50%, 10%);--color-peach-outline: hsl(20, 55%, 65%);--color-peach-fill: hsl(20, 45%, 25%);--color-banana-bg: hsl(40, 100%, 10%);--color-banana-outline: hsl(50, 90%, 55%);--color-banana-fill: hsl(35, 90%, 25%);--color-coin-bg: var(--color-lilac-fill);--color-fire-bg: var(--color-banana-outline);--color-compass-bg: var(--color-peach-fill);--color-empty-trash-cloud-bg: var(--color-banana-outline);--color-matcha-bg: hsl(140, 50%, 10%);--color-matcha-outline: hsl(140, 90%, 30%);--color-matcha-fill: hsl(140, 60%, 15%);--color-sky-bg: hsl(200, 60%, 10%);--color-sky-outline: hsl(200, 90%, 55%);--color-sky-fill: hsl(200, 70%, 20%);--color-lilac-bg: hsl(270, 45%, 15%);--color-lilac-outline: hsl(270, 85%, 70%);--color-lilac-fill: hsl(270, 55%, 25%);--color-success-bg: hsl(141, 50%, 16%);--color-success: hsl(142, 60%, 55%);--color-warning: hsl(32, 95%, 58%);--color-error: hsl(0, 80%, 62%);--color-info-bg: hsl(210, 60%, 18%);--color-info: hsl(210, 80%, 65%);--color-bar-ok: hsl(142, 60%, 50%);--color-bar-warn: hsl(45, 95%, 55%);--color-bar-danger: hsl(0, 80%, 60%);--shadow-raised: 0 2px 2px hsla(0, 0%, 0%, .25), 0 8px 8px hsla(0, 0%, 0%, .15), inset 1px 4px 8px hsla(0, 0%, 100%, .08), inset -1px -1px 4px hsla(0, 0%, 0%, .3);--shadow-raised-sm: 0 2px 2px hsla(0, 0%, 0%, .25), 0 4px 8px hsla(0, 0%, 0%, .15), inset 1px 2px 4px hsla(0, 0%, 100%, .08), inset -1px -1px 4px hsla(0, 0%, 0%, .3);--shadow-raised-flat: 0 2px 2px hsla(0, 0%, 0%, .25), inset 1px 2px 4px hsla(0, 0%, 100%, .08), inset -1px -1px 4px hsla(0, 0%, 0%, .3);--shadow-recessed: inset 1px 2px 4px hsla(0, 0%, 0%, .4), inset 1px 1px 4px hsla(0, 0%, 0%, .4), inset -1px -2px 4px hsla(0, 0%, 100%, .08);--color-hover: hsl(100, 90%, 45%);--color-create: hsl(198, 100%, 55%);--color-trash: hsl(350, 95%, 62%);--color-code-bg: hsl(0, 0%, 5%);--color-code-outline: hsl(100, 60%, 40%);--color-scrim: hsla(0, 0%, 0%, .6);--color-scrim-hover: hsla(0, 0%, 0%, .75)}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--transition-duration-theme);animation-timing-function:var(--transition-timing)}.theme-flipping,.theme-flipping *,.theme-flipping *:before,.theme-flipping *:after{transition:none!important}body{background:var(--color-bg);font-family:var(--font-family)}svg.pixel{display:block;overflow:visible;shape-rendering:crispEdges;padding:calc(var(--icon-size) * var(--icon-inset, 0))}button,input,select,textarea{font-family:inherit}u{text-decoration:underline;text-decoration-skip-ink:all}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-h1)}h1 strong{font-weight:var(--font-weight-h1-strong)}h1 u{text-decoration-thickness:var(--line-thickness-h1)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-h2)}h2 strong{font-weight:var(--font-weight-h2-strong)}h2 u{text-decoration-thickness:var(--line-thickness-h2)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3)}h3 strong{font-weight:var(--font-weight-h3-strong)}h3 u{text-decoration-thickness:var(--line-thickness-h3)}small{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label)}small strong{font-weight:var(--font-weight-label-strong)}small u{text-decoration-thickness:var(--line-thickness-label)}p,li{font-size:var(--font-size-p);line-height:var(--line-height-p);font-weight:var(--font-weight-p)}li{margin-bottom:var(--dist-1)}p strong,li strong{font-weight:var(--font-weight-p-strong)}p u,li u{text-decoration-thickness:var(--line-thickness-p)}ul{list-style:disc;list-style-position:inside}ul ul{margin-left:calc(var(--font-size-p) * 2);list-style:circle;list-style-position:inside}ul ol{margin-left:calc(var(--font-size-p) * 2)}.topbar.svelte-1n8i8ex{height:var(--topbar-height);flex-shrink:0;pointer-events:none}.bottom-bar.svelte-p60rt5{height:var(--bottombar-height);flex-shrink:0;pointer-events:none}html:has(.app-shell),html:has(.app-shell) body{height:100%;overflow:hidden}.app-shell{position:relative;display:flex;flex-direction:column;max-width:100%;height:100dvh;overflow:hidden}.app-font{font-family:var(--font-family-app);--font-weight-h1: var(--scpro-font-weight-h1);--font-weight-h2: var(--scpro-font-weight-h2);--font-weight-h3: var(--scpro-font-weight-h3);--font-weight-p: var(--scpro-font-weight-p);--font-weight-label: var(--scpro-font-weight-label);--font-weight-h1-strong: var(--scpro-font-weight-h1-strong);--font-weight-h2-strong: var(--scpro-font-weight-h2-strong);--font-weight-h3-strong: var(--scpro-font-weight-h3-strong);--font-weight-p-strong: var(--scpro-font-weight-p-strong);--font-weight-label-strong: var(--scpro-font-weight-label-strong)}.logomark-link.svelte-12qhfyh{position:absolute;top:var(--topbar-top-pad);left:var(--side-inset);display:flex;align-items:center;gap:var(--dist-0-5);height:var(--topbar-row-height);max-width:calc(33% - var(--side-inset));z-index:10;--icon-size: var(--icon-size-bar);border:none;background:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-decoration:none;color:inherit}.logomark-link.is-mac.svelte-12qhfyh{left:var(--titlebar-mac-offset)}.logomark-link.svelte-12qhfyh svg{transform:translate(var(--dist-0-25))}.page-wrapper.svelte-12qhfyh{position:absolute;top:var(--topbar-height);bottom:var(--bottombar-height);left:0;right:0}.page-wrapper-full.svelte-12qhfyh{top:calc(var(--topbar-height) - var(--dist-0-5));bottom:0}.debug-grid-proportional{position:fixed;top:0%;left:0%;transform:translate(0);width:100vw;height:250vh;pointer-events:none;z-index:9999;background-image:linear-gradient(to right,var(--color-0) 2px,transparent 2px),linear-gradient(to bottom,var(--color-0) 2px,transparent 2px),linear-gradient(to right,var(--color-1) 1px,transparent 1px),linear-gradient(to bottom,var(--color-1) 1px,transparent 1px);background-size:12.5% calc(var(--dist-1) * 10),12.5% calc(var(--dist-1) * 10),1.25% var(--dist-1),1.25% var(--dist-1);opacity:.1}.debug-grid-fixed{position:fixed;top:0%;left:0%;transform:translate(0);width:100vw;height:250vh;pointer-events:none;z-index:9999;background-image:linear-gradient(to right,var(--color-rose-outline) 2px,transparent 2px),linear-gradient(to bottom,var(--color-rose-outline) 2px,transparent 2px),linear-gradient(to right,var(--color-rose-outline) 1px,transparent 1px),linear-gradient(to bottom,var(--color-rose-outline) 1px,transparent 1px);background-size:calc(var(--dist-1) * 10) calc(var(--dist-1) * 10),calc(var(--dist-1) * 10) calc(var(--dist-1) * 10),calc(var(--dist-1)) var(--dist-1),calc(var(--dist-1)) var(--dist-1);opacity:.1}