.app-ui{--background: #faf9f5;--foreground: #2c2920;--card: #ffffff;--popover: #ffffff;--secondary: #f3f0e9;--border: #ebe5d8;--muted-foreground: rgb(44 41 32 / .55);--accent: #f3f0e9;--ring: #d69600;--card-border: #f1ebdf;--card-border-accent: #f0d69a;--card-shadow: 0 8px 28px rgb(86 75 44 / .1);--card-shadow-hover: 0 12px 32px rgb(86 75 44 / .14);--amber: #e8a300;--amber-bright: #ffb300;--pill-bg: rgb(253 252 249 / .78);--pill-shadow: 0 1px 1px 0 rgb(60 45 20 / .04), 0 10px 30px -10px rgb(60 45 20 / .18), inset 0 0 0 .5px #e7dcca;--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;font-family:var(--font-sans);color:var(--foreground)}:where(.app-ui) button{font:inherit;border:0;background:none;color:inherit;padding:0;cursor:pointer}.app-ui .node-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--card-shadow);transition:border-color .15s ease-out,box-shadow .15s ease-out}.app-ui .node-card:hover{box-shadow:var(--card-shadow-hover)}.app-ui .node-card[data-selected=true]{border-color:var(--card-border-accent)}.app-ui .canvas-pill{background:var(--pill-bg);backdrop-filter:blur(28px) saturate(1.7);-webkit-backdrop-filter:blur(28px) saturate(1.7);box-shadow:var(--pill-shadow)}.app-ui .canvas-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;color:var(--foreground);transition:transform .18s cubic-bezier(.34,1.2,.64,1),background-color .18s ease-out}.app-ui .canvas-tool-btn svg{width:17px;height:17px}.app-ui .canvas-tool-btn:hover:not(:disabled){background-color:var(--accent);transform:scale(1.08)}.app-ui .canvas-tool-btn:disabled{opacity:.35;cursor:default}.app-ui .canvas-tool-btn.is-muted{color:var(--muted-foreground)}.app-ui .canvas-tool-btn.is-mode{border-radius:12px;background:#fdd22d;color:#3a2500}.app-ui .canvas-tool-btn.is-open{background:var(--accent)}.app-ui .canvas-pill-sep{width:1px;height:20px;margin:0 6px;background-color:color-mix(in srgb,var(--foreground) 12%,transparent)}.app-ui .highlight-yellow{--highlight: rgb(250 204 21 / .38);--highlight-ink: #ca8a04}.app-ui .highlight-green{--highlight: rgb(74 222 128 / .35);--highlight-ink: #16a34a}.app-ui .highlight-blue{--highlight: rgb(96 165 250 / .35);--highlight-ink: #2563eb}.app-ui .highlight-pink{--highlight: rgb(244 114 182 / .35);--highlight-ink: #db2777}.app-ui .excerpt-face{display:flex;flex-direction:column;height:100%;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--highlight-ink) 55%,transparent);background:var(--card)}.app-ui .excerpt-band{display:flex;height:24px;flex:none;align-items:center;gap:4px;padding:0 8px 0 12px;background:color-mix(in srgb,var(--highlight-ink) 26%,var(--card));color:color-mix(in srgb,var(--highlight-ink) 70%,var(--foreground));font-size:11px;font-weight:500}.app-ui .excerpt-band svg{width:12px;height:12px}.app-ui .excerpt-band-go{margin-left:auto;opacity:.7}.app-ui .excerpt-text{margin:10px 14px 12px;padding-left:10px;border-left:2px solid var(--border);font-size:14px;line-height:1.5}.sticky-card{--sticky-radius: 6px 6px 18px 6px;--sticky-pad: 16px;position:relative;border-radius:var(--sticky-radius);color:#2c2920;filter:drop-shadow(0 1px 1px rgb(60 45 20 / .1)) drop-shadow(0 10px 12px rgb(60 45 20 / .16))}.react-flow__node-sticky{will-change:transform}.canvas-far .react-flow__node-sticky{will-change:auto}.sticky-paper{position:absolute;inset:0;border-radius:var(--sticky-radius);background-color:var(--sticky-bg)}.sticky-body{position:relative;z-index:1;height:100%;overflow:hidden;padding:var(--sticky-pad)}.sticky-text{font-size:var(--sticky-font-size, 15px);line-height:1.4}.sticky-card:not(.sticky-style-classic) .sticky-text{font-family:Gaegu,Comic Sans MS,cursive;font-weight:700;font-size:var(--sticky-font-size, 20px);line-height:1.35}.sticky-card[data-bold=true] .sticky-text{font-weight:700}.sticky-card[data-bold=false] .sticky-text{font-weight:400}.sticky-card[data-selected=true]{outline:2px solid var(--card-border-accent);outline-offset:5px}.sticky-card[data-revealed=true]{outline:3px solid var(--amber);outline-offset:5px}.sticky-style-ticket{--sticky-radius: 16px;--sticky-pad: 18px 16px 16px 34px}.sticky-style-ticket .sticky-paper{-webkit-mask:radial-gradient(circle 6px at 19px 0,#0000 97%,#000) top / 100% 51% no-repeat,radial-gradient(circle 6px at 19px 100%,#0000 97%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 6px at 19px 0,#0000 97%,#000) top / 100% 51% no-repeat,radial-gradient(circle 6px at 19px 100%,#0000 97%,#000) bottom / 100% 51% no-repeat}.sticky-style-ticket .sticky-paper:before{content:"";position:absolute;top:11px;bottom:11px;left:18px;border-left:2px dashed rgb(0 0 0 / .16)}.sticky-style-ticket .sticky-paper:after{content:"★";position:absolute;top:12px;left:4px;font-size:12px;line-height:1;color:#0000004d}.sticky-style-notebook{--sticky-radius: 3px 14px 14px 3px;--sticky-pad: 14px 16px 16px 34px}.sticky-style-notebook .sticky-paper{background-image:linear-gradient(transparent 27px,#00000014 27px 28px);background-size:100% 28px;background-position:0 14px;-webkit-mask:radial-gradient(circle 4px at 10px 50%,#0000 96%,#000) 0 0 / 100% 22px repeat-y;mask:radial-gradient(circle 4px at 10px 50%,#0000 96%,#000) 0 0 / 100% 22px repeat-y}.sticky-style-notebook .sticky-paper:after,.sticky-style-torn .sticky-paper:after{content:"";position:absolute;top:0;bottom:0;left:23px;width:1.5px;background:#d6545459}.sticky-style-notebook .sticky-text,.sticky-style-torn .sticky-text{line-height:28px}.sticky-style-torn{--sticky-radius: 0 16px 16px 0;--sticky-pad: 18px 18px 16px 36px}.sticky-style-torn .sticky-paper{--tooth: 6px;background-image:radial-gradient(circle 3px at 14px 11px,rgb(255 255 255 / .6) 96%,transparent),linear-gradient(transparent 27px,#00000014 27px 28px);background-size:100% 22px,100% 28px;background-position:0 4px,0 18px;-webkit-mask:conic-gradient(from 45deg at left,#0000,#000 1deg 89deg,#0000 90deg) left / var(--tooth) calc(2 * var(--tooth)) repeat-y,linear-gradient(#000 0 0) right / calc(100% - var(--tooth)) 100% no-repeat;mask:conic-gradient(from 45deg at left,#0000,#000 1deg 89deg,#0000 90deg) left / var(--tooth) calc(2 * var(--tooth)) repeat-y,linear-gradient(#000 0 0) right / calc(100% - var(--tooth)) 100% no-repeat}.sticky-style-torn .sticky-paper:after{left:27px}.sticky-style-dated{--sticky-radius: 16px;--sticky-pad: 18px 18px 16px}.sticky-date{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1.5px solid rgb(0 0 0 / .12);font-family:var(--font-sans)}.sticky-date-day{font-size:34px;font-weight:700;line-height:1;letter-spacing:-.02em}.sticky-date-month{display:flex;flex-direction:column;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.04em}.sticky-date-month small{font-size:10px;font-weight:500;letter-spacing:0;opacity:.55}.sticky-clip{--clip: #a3a8b0;position:absolute;z-index:3;top:-15px;right:30px;width:14px;height:40px;border:2.5px solid var(--clip);border-radius:8px;box-shadow:1px 1px 1px #0000001f}.sticky-clip:after{content:"";position:absolute;top:6px;right:1px;left:1px;height:22px;border:2px solid var(--clip);border-top:none;border-radius:0 0 6px 6px}.sticky-style-pinned,.sticky-style-grid{--sticky-radius: 18px;--sticky-pad: 26px 18px 16px}.sticky-style-pinned:before,.sticky-style-grid:before{content:"";position:absolute;z-index:2;top:-7px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:9999px;background:radial-gradient(circle at 34% 30%,rgb(255 255 255 / .85) 0 2px,transparent 3px),radial-gradient(circle at 50% 45%,var(--pin-light),var(--pin-dark));box-shadow:0 3px 4px #0000004d}.sticky-style-pinned{--pin-light: #d9ae5c;--pin-dark: #8e6420}.sticky-style-grid{--pin-light: #6f9ff0;--pin-dark: #1d4fb8}.sticky-style-grid .sticky-paper{background-image:linear-gradient(90deg,rgb(255 255 255 / .24) 50%,transparent 0),linear-gradient(rgb(255 255 255 / .24) 50%,transparent 0);background-size:22px 22px}.sticky-style-taped{--sticky-radius: 3px;--sticky-pad: 22px 18px 16px;--tape-w: 46px;--tape-h: 17px;--tape-out: -14px}:is(.sticky-style-taped,.sticky-style-taped .sticky-paper):before,:is(.sticky-style-taped,.sticky-style-taped .sticky-paper):after{content:"";position:absolute;z-index:2;width:var(--tape-w);height:var(--tape-h);background:#f3e8d0c7;box-shadow:0 1px 1px #00000014;clip-path:polygon(0 12%,7% 0,93% 0,100% 14%,95% 50%,100% 86%,93% 100%,7% 100%,0 88%,5% 50%)}.sticky-style-taped:before{top:-4px;left:var(--tape-out);rotate:-38deg}.sticky-style-taped:after{top:-4px;right:var(--tape-out);rotate:38deg}.sticky-style-taped .sticky-paper:before{bottom:-4px;left:var(--tape-out);rotate:38deg}.sticky-style-taped .sticky-paper:after{right:var(--tape-out);bottom:-4px;rotate:-38deg}.sticky-style-stamp{--sticky-radius: 0;--sticky-pad: 22px 20px}.sticky-style-stamp .sticky-paper{--r: 5px;-webkit-mask:radial-gradient(var(--r),#0000 97%,#000) round calc(-1.5 * var(--r)) calc(-1.5 * var(--r)) / calc(3 * var(--r)) calc(3 * var(--r)),linear-gradient(#000 0 0) no-repeat 50% / calc(100% - 3 * var(--r)) calc(100% - 3 * var(--r));mask:radial-gradient(var(--r),#0000 97%,#000) round calc(-1.5 * var(--r)) calc(-1.5 * var(--r)) / calc(3 * var(--r)) calc(3 * var(--r)),linear-gradient(#000 0 0) no-repeat 50% / calc(100% - 3 * var(--r)) calc(100% - 3 * var(--r))}.sticky-style-polaroid{--sticky-radius: 10px;--sticky-pad: 24px 24px 40px;--print-inset: 12px 12px 30px;color:#2c2920}.sticky-style-polaroid .sticky-paper:before{content:"";position:absolute;inset:var(--print-inset);border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px #00000014}.sticky-swatch{background:var(--sticky-bg);box-shadow:inset 0 0 0 1px #00000014}.sticky-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--amber)}.sticky-yellow{--sticky-bg: #f3e6a6}.sticky-pink{--sticky-bg: #f1c6d3}.sticky-green{--sticky-bg: #b8dcc8}.sticky-blue{--sticky-bg: #b9cdea}.sticky-purple{--sticky-bg: #c9c2ec}.sticky-peach{--sticky-bg: #f4c9a6}.sticky-white{--sticky-bg: #f7f4ee}.sticky-dark{--sticky-bg: #2b2c2e}.dark .sticky-card{color:#1d1d1d}.sticky-card:is(.sticky-dark,.sticky-ink-light):not(.sticky-style-polaroid){color:#f1efe9}.dark .sticky-yellow{--sticky-bg: #ddce86}.dark .sticky-pink{--sticky-bg: #dbaab9}.dark .sticky-green{--sticky-bg: #9cc6ae}.dark .sticky-blue{--sticky-bg: #9db4d8}.dark .sticky-purple{--sticky-bg: #b1a8dc}.dark .sticky-peach{--sticky-bg: #ddb08c}.dark .sticky-white{--sticky-bg: #dcd8d0}.dark .sticky-dark{--sticky-bg: #1e1f21}.sticky-card.sticky-mini{--sticky-pad: 10px;filter:drop-shadow(0 4px 6px rgb(60 45 20 / .18))}.sticky-mini.sticky-style-ticket{--sticky-pad: 10px 8px 8px 26px}.sticky-mini.sticky-style-notebook,.sticky-mini.sticky-style-torn{--sticky-pad: 8px 6px 8px 28px}.sticky-mini.sticky-style-dated{--sticky-pad: 8px}.sticky-mini .sticky-date{gap:3px;margin-bottom:3px;padding-bottom:3px}.sticky-mini .sticky-date-day{font-size:15px}.sticky-mini .sticky-date-month{font-size:7px}.sticky-mini .sticky-date-month small{display:none}.sticky-mini .sticky-clip{top:-8px;right:10px;width:7px;height:20px;border-width:1.5px;border-radius:4px}.sticky-mini .sticky-clip:after{top:3px;height:11px;border-width:1.2px;border-radius:0 0 3px 3px}.sticky-mini.sticky-style-pinned,.sticky-mini.sticky-style-grid,.sticky-mini.sticky-style-taped{--sticky-pad: 16px 10px 8px}.sticky-mini.sticky-style-polaroid{--sticky-pad: 12px 10px 16px;--print-inset: 6px 6px 14px}.sticky-mini.sticky-style-taped{--tape-w: 20px;--tape-h: 8px;--tape-out: -6px}.sticky-mini .sticky-text{font-size:11px;line-height:1.35}.sticky-mini:not(.sticky-style-classic) .sticky-text{font-size:15px;line-height:1.2}.sticky-style-popover{z-index:30;border-radius:22px;padding:12px;background:var(--popover);transform-origin:bottom center;animation:style-popover-in .2s cubic-bezier(.2,.9,.25,1.15) both}@keyframes style-popover-in{0%{opacity:0;transform:translateY(8px) scale(.94)}}.sticky-style-list{display:grid;grid-template-columns:repeat(5,76px);gap:10px}.sticky-style-list>li{animation:style-tile-in .26s cubic-bezier(.2,.9,.25,1.2) var(--tile-delay) both}@keyframes style-tile-in{0%{opacity:0;transform:translateY(6px)}}.sticky-style-tile{display:flex;width:100%;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 6px;border-radius:14px;transition:background-color .15s ease-out}.sticky-style-tile:hover,.sticky-style-tile[aria-pressed=true]{background:var(--accent)}.sticky-style-tile:focus-visible{outline:2px solid var(--ring)}.sticky-style-tile .sticky-card{width:56px;height:56px;transition:rotate .2s cubic-bezier(.34,1.4,.64,1),translate .2s ease-out}.sticky-style-tile:hover .sticky-card{rotate:-4deg;translate:0 -2px}.sticky-style-label{font-size:11px;font-weight:500;color:var(--muted-foreground)}.dark .sticky-swatch:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px #ffffff2e}.sticky-format{display:grid;grid-template-columns:auto 0fr;align-items:center;transition:grid-template-columns .28s cubic-bezier(.2,.9,.25,1)}.sticky-format[data-open=true]{grid-template-columns:0fr 1fr}.sticky-format-aa.canvas-tool-btn{width:auto;min-width:0;height:32px;padding:0 8px;overflow:hidden;font-size:15px;font-weight:500;letter-spacing:.01em;transition:opacity .18s ease-out,padding .28s cubic-bezier(.2,.9,.25,1),background-color .18s ease-out}.sticky-format[data-open=true] .sticky-format-aa{padding:0;opacity:0;pointer-events:none}.sticky-format-options{min-width:0;overflow:hidden;opacity:0;translate:-6px 0;transition:opacity .2s ease-out,translate .28s cubic-bezier(.2,.9,.25,1)}.sticky-format[data-open=true] .sticky-format-options{opacity:1;translate:0 0;overflow:visible;transition-delay:60ms}.sticky-format-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;color:var(--foreground);transition:background-color .15s ease-out}.sticky-format-btn svg{width:17px;height:17px}.sticky-format-btn:hover,.sticky-format-btn[aria-expanded=true]{background:var(--accent)}.sticky-format-btn[aria-pressed=true]{background:color-mix(in srgb,var(--amber) 22%,transparent)}.sticky-format-btn:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.sticky-size-list{z-index:30;display:flex;flex-direction:column;padding:4px;border-radius:14px;background:var(--popover);animation:style-popover-in .18s cubic-bezier(.2,.9,.25,1.15) both}.sticky-size-option{width:44px;padding:4px 0;border-radius:8px;font-size:13px;font-variant-numeric:tabular-nums}.sticky-size-option:hover{background:var(--accent)}.sticky-size-option[aria-pressed=true]{color:color-mix(in oklab,var(--amber) 70%,var(--foreground))}.sticky-card textarea.sticky-text{text-align:inherit}.folder-blue{--folder-base: #d4e6f4;--folder-ink: #0f2f57;--folder-accent: #7fb5e4}.folder-pink{--folder-base: #f5dcd8;--folder-ink: #5c1a0f;--folder-accent: #e7a79d}.folder-green{--folder-base: #d5ebda;--folder-ink: #173f28;--folder-accent: #86c296}.folder-yellow{--folder-base: #f3e6bf;--folder-ink: #56410c;--folder-accent: #d4b35c}.folder-purple{--folder-base: #ddd4f3;--folder-ink: #34215f;--folder-accent: #a08be0}.folder-card{--folder-back-top: color-mix(in srgb, var(--folder-base) 65%, white);--folder-back: color-mix(in srgb, var(--folder-base) 85%, white);--folder-front-top: color-mix(in srgb, var(--folder-base) 55%, white);--folder-front: var(--folder-base);--folder-rim: rgb(255 255 255 / .35);--folder-muted: color-mix(in srgb, var(--folder-ink) 62%, transparent);--folder-sheet: #ffffff;--folder-sheet-2: #f6f6f4;--folder-shadow: 0 14px 32px -12px rgb(60 50 30 / .28)}.dark .folder-card{--folder-back-top: color-mix(in srgb, var(--folder-base) 30%, #3a3a3a);--folder-back: color-mix(in srgb, var(--folder-base) 22%, #303030);--folder-front-top: color-mix(in srgb, var(--folder-base) 30%, #3c3c3c);--folder-front: color-mix(in srgb, var(--folder-base) 22%, #323232);--folder-rim: rgb(255 255 255 / .05);--folder-ink: color-mix(in srgb, var(--folder-base) 55%, white);--folder-sheet: #555452;--folder-sheet-2: #4a4948;--folder-shadow: 0 14px 32px -12px rgb(0 0 0 / .6)}.folder-back{position:absolute;inset:0;background:linear-gradient(to bottom,var(--folder-back-top),var(--folder-back));clip-path:path("M0 22 Q0 0 22 0 L86 0 Q97 0 105 6 L119 17 Q126 22 137 22 L218 22 Q240 22 240 44 L240 178 Q240 200 218 200 L22 200 Q0 200 0 178 Z")}.folder-sheet{position:absolute;top:14px;left:34px;width:168px;height:110px;border-radius:6px;background:var(--folder-sheet);box-shadow:0 1px 3px #0000001a;rotate:-4deg;transition:translate .26s cubic-bezier(.34,1.3,.64,1)}.folder-sheet-2{top:20px;left:58px;background:var(--folder-sheet-2);rotate:3deg;transition-delay:30ms}.folder-card[data-empty=true] .folder-sheet{display:none}.folder-card:hover .folder-sheet,.folder-card[data-drop-active=true] .folder-sheet{translate:0 -6px}.folder-card[data-peeking=true] .folder-sheet{translate:0 -12px}.folder-front{position:absolute;inset:32px 0 0;display:flex;flex-direction:column;padding:16px 20px 18px 24px;border-radius:22px;border:1px solid var(--folder-rim);background:linear-gradient(to bottom,color-mix(in srgb,var(--folder-front-top) 90%,transparent),color-mix(in srgb,var(--folder-front) 94%,transparent));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff40,var(--folder-shadow);transform-origin:bottom center;transition:transform .38s cubic-bezier(.34,1.3,.64,1),box-shadow .15s ease-out}.folder-card[data-peeking=true] .folder-front,.folder-card[data-drop-active=true] .folder-front{transform:perspective(700px) rotateX(-12deg)}.folder-card[data-drop-active=true] .folder-front{box-shadow:0 0 0 3px color-mix(in srgb,var(--amber-bright) 55%,transparent),var(--folder-shadow)}.folder-card[data-revealed=true] .folder-front{animation:node-card-reveal 1.6s ease-out}.folder-open{display:flex;align-items:center;justify-content:center;align-self:center;width:44px;height:44px;flex-shrink:0;border-radius:9999px;color:var(--folder-accent);background:color-mix(in srgb,var(--folder-accent) 22%,transparent);opacity:.55;transition:opacity .15s ease-out,scale .18s cubic-bezier(.34,1.2,.64,1)}.folder-card:hover .folder-open{opacity:.85}.folder-open:hover{opacity:1!important;scale:1.08}.folder-open:active{scale:.94}.folder-peek{position:absolute;inset:0;pointer-events:none}.folder-peek-card{position:absolute;display:block;pointer-events:auto;cursor:default;border-radius:12px;transition:transform .2s cubic-bezier(.34,1.3,.64,1);animation:folder-peek-in .44s cubic-bezier(.2,1.2,.4,1) var(--delay) both}.folder-peek-card:hover{transform:translateY(-8px) scale(1.04)}.folder-peek[data-state=closed] .folder-peek-card{pointer-events:none;animation:folder-peek-out .22s cubic-bezier(.5,0,.75,0) both}@keyframes folder-peek-in{0%{translate:var(--from-x) var(--from-y);scale:.15;rotate:0deg;opacity:0}25%{opacity:1}to{translate:0 0;scale:1;rotate:var(--rotate);opacity:1}}@keyframes folder-peek-out{0%{translate:0 0;scale:1;rotate:var(--rotate);opacity:1}70%{opacity:1}to{translate:var(--from-x) var(--from-y);scale:.15;rotate:0deg;opacity:0}}.folder-peek-inner{position:absolute;top:0;left:0;transform-origin:top left}.folder-peek-card[data-editing=true]{z-index:2;cursor:text}.react-flow__node,.react-flow__edges{transition:opacity .3s ease-out}.canvas-peeking .react-flow__node:not(.folder-peeking),.canvas-peeking .react-flow__edges{opacity:.12}@media(prefers-reduced-motion:reduce){.folder-peek-card,.folder-peek[data-state=closed] .folder-peek-card{animation-duration:1ms;animation-delay:0ms}}.folder-custom{--folder-base: #d4e6f4}.react-flow__node-canvas .react-flow__handle.card-handle{opacity:0!important;pointer-events:none!important}:where(.app-ui) ul{list-style:none;margin:0;padding:0}.app-ui .app-avatar{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid;border-radius:9999px;font-size:12px;font-weight:600;font-style:normal;line-height:1;box-shadow:0 1px 2px #0000000d}.app-ui .app-avatar__dot{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid var(--background);border-radius:9999px}.app-ui .app-avatars{display:flex;align-items:center;padding:0 4px}.app-ui .app-avatars>.app-avatar+.app-avatar{margin-left:-8px}:root{--paper: #faf9f5;--ink: #1f1d1a;--ink-2: #5b574f;--ink-3: #8a8578;--line: #e7e3d8;--card: #ffffff;--brand: #ffc21a;--brand-deep: #f59e0b;--brand-ink: #3a2a00;--mark: #ffe58a;--tint-yellow: #fff6d6;--tint-blue: #e8efff;--tint-green: #e3f5ec;--tint-pink: #ffe9ef;--radius: 18px;--shadow: 0 1px 2px rgba(31, 29, 26, .06), 0 8px 24px rgba(31, 29, 26, .08);--shadow-lg: 0 2px 4px rgba(31, 29, 26, .06), 0 24px 60px rgba(31, 29, 26, .14);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-hand: "Caveat", "Comic Sans MS", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}h2{font-size:clamp(34px,4.6vw,54px);line-height:1.05;font-weight:800}p{margin:0}mark{background:linear-gradient(transparent 12%,var(--mark) 12%,var(--mark) 88%,transparent 88%);color:inherit;padding:0 .12em;border-radius:.2em}.lede{color:var(--ink-2);font-size:19px;max-width:34em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 24px;border-radius:14px;font-weight:600;font-size:16px;text-decoration:none;border:2px solid var(--ink);transition:transform .15s,box-shadow .15s;white-space:nowrap}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:none;box-shadow:none}.btn--brand{background:var(--brand);color:var(--brand-ink)}.btn--dark{background:var(--ink);color:#fff}.btn--ghost{background:#fff}.btn--sm{padding:8px 16px;font-size:14px;border-radius:11px}.nav{position:sticky;top:0;z-index:50;transition:background .2s,box-shadow .2s}.nav--scrolled{background:#faf9f5d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}.nav__inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:21px;letter-spacing:-.02em}.brand img{border-radius:9px}.nav__links{display:flex;align-items:center;gap:28px}.nav__links a:not(.btn){text-decoration:none;color:var(--ink-2);font-weight:500;font-size:15px}.nav__links a:not(.btn):hover{color:var(--ink)}.nav__menu{display:none;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 16px;font:500 14px var(--font-body);cursor:pointer}.hero{position:relative;max-width:1200px;margin:0 auto;padding:56px 24px 40px;text-align:center}.hero__copy{position:relative;max-width:820px;margin:0 auto}.hero h1{font-size:clamp(44px,7.4vw,88px);line-height:1;font-weight:800}.hero .lede{margin:22px auto 0}.hero__ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px}.hero__note{margin-top:14px;color:var(--ink-3);font-size:14px}.tag{position:absolute;font-family:var(--font-hand);font-size:24px;font-weight:700;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:0 12px;box-shadow:3px 3px 0 var(--ink)}.hero__tag--l{left:-70px;top:-34px;rotate:-8deg;background:var(--tint-pink)}.hero__tag--r{right:-10px;top:78px;rotate:7deg;background:var(--tint-blue)}.doodle{position:absolute;width:44px;pointer-events:none}.doodle--a{color:#ff9fb8;left:4%;top:120px;rotate:-20deg}.doodle--b{color:var(--brand-deep);right:7%;top:60px;width:32px}.doodle--c{color:#8fb3ff;right:3%;top:300px;rotate:30deg}.doodle--d{color:#6cc3a0;left:9%;top:330px;width:28px}.hero__mock{position:relative;margin-top:56px}.hero__arrow{position:absolute;width:90px;left:12%;top:-70px;color:var(--ink);rotate:10deg}.mock{position:relative;width:100%;border-radius:22px;overflow:hidden;background-color:#faf9f5;background-image:radial-gradient(rgb(44 41 32 / .13) 1px,transparent 1px);background-size:20px 20px;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);text-align:left;touch-action:none}.mock__stage{position:absolute;left:0;top:0;transform-origin:0 0;font-size:14px}.mock__edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.edge{fill:none;stroke:#b3aa98;stroke-width:1.6;stroke-linecap:round}.edge-label{font:500 12px var(--font-sans);background:#fff;border:1px solid var(--card-border);border-radius:999px;text-align:center;line-height:22px;color:var(--muted-foreground)}.mock__crumbs{position:absolute;left:14px;top:14px;z-index:40;display:flex;align-items:center;gap:2px;border-radius:999px;padding:4px 12px 4px 6px;font-size:14px}.crumb-back{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;color:var(--muted-foreground)}.crumb-dim{color:var(--muted-foreground);padding:0 4px}.crumb-chev{color:#2c292059}.crumb-here{font-weight:500;padding:0 4px}.mock__top-right{position:absolute;right:14px;top:14px;z-index:40;display:flex;align-items:center;gap:8px}.mock__top-right .round{width:36px;height:36px;border-radius:999px;display:grid;place-items:center}.mock__top-right .search{height:36px;border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;color:var(--muted-foreground);font-size:14px}.mock__top-right .search kbd{margin-left:8px}kbd{font:500 11px var(--font-body);background:#f1eee5;border-radius:5px;padding:1px 5px;color:var(--ink-2)}.mnode{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none}.mnode:active{cursor:grabbing}.mnode>.node-card{width:100%;height:100%;overflow:hidden}.mnode.is-sel-outline>*{outline:2px solid var(--card-border-accent);outline-offset:3px}.mnode--sticky>.sticky-card{width:100%;height:100%}.mock__title{font-family:var(--font-sans);font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--foreground)}.note-card{padding:16px 18px}.note-card p{color:#2c2920b8;font-size:13.5px;margin-bottom:6px;line-height:1.5}.note-card__title{font-weight:600;font-size:16px;margin-bottom:6px}.wikilink{color:#b07800;background:#e8a3001f;border-radius:5px;padding:0 4px;font-weight:500}.checks{list-style:none;padding:0;margin:6px 0 0;font-size:13px;color:#2c2920b8}.checks li{display:flex;gap:8px;align-items:center}.checks li:before{content:"";width:13px;height:13px;border:1.5px solid rgb(44 41 32 / .35);border-radius:4px;flex:none}.checks li.done{text-decoration:line-through;color:var(--muted-foreground)}.checks li.done:before{background:var(--amber);border-color:var(--amber)}.image-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.cursor{position:absolute;left:600px;top:270px;z-index:60;display:flex;align-items:flex-start;animation:wander 9s ease-in-out infinite;pointer-events:none}.cursor span,.share__cursor span{background:#e8793a;color:#fff;font:600 11px var(--font-body);padding:2px 7px;border-radius:6px;margin:14px 0 0 -2px}@keyframes wander{0%,to{translate:0 0}30%{translate:60px -120px}60%{translate:-140px -40px}80%{translate:-60px 80px}}.mock__toolbar{position:absolute;left:50%;bottom:16px;translate:-50%;z-index:40}.mock__zoom{position:absolute;right:14px;bottom:16px;z-index:40;display:flex;align-items:center;gap:2px;border-radius:999px;padding:4px;font-size:13px}.mock__zoom span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px}.mock__zoom b{font-weight:500;padding:0 6px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.mock__hint{position:absolute;right:22px;bottom:76px;font-family:var(--font-hand);font-size:22px;font-weight:700;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:0 12px;rotate:-3deg;opacity:0;translate:0 10px;transition:.4s;pointer-events:none;z-index:70}.mock__hint.is-on{opacity:1;translate:0 0}.feature{max-width:1200px;margin:0 auto;padding:110px 24px 40px;display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}.feature--flip .feature__copy{order:2}.kicker{display:inline-block;font-family:var(--font-hand);font-size:28px;font-weight:700;margin-bottom:8px;padding:0 12px;border-radius:10px;rotate:-3deg;background:var(--tint-yellow)}.feature--blue .kicker{background:var(--tint-blue)}.feature--green .kicker{background:var(--tint-green)}.feature h2{margin-bottom:18px}.feature__items{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:18px}.feature__items li{display:flex;gap:14px;align-items:flex-start}.feature__icon{width:44px;height:44px;flex:none;border-radius:12px;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center}.feature__icon svg{width:20px;height:20px}.feature__items strong{display:block;font-size:17px}.feature__items span{color:var(--ink-2);font-size:15.5px}.feature__visual{border-radius:26px;padding:36px;min-height:420px;display:grid;place-items:center;position:relative;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.feature--yellow .feature__visual{background:var(--tint-yellow)}.feature--blue .feature__visual{background:var(--tint-blue)}.feature--green .feature__visual{background:var(--tint-green)}.picker{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.picker__sample{width:200px;height:180px;margin-bottom:18px}.picker__sample .sticky-card{width:100%;height:100%;rotate:-2deg}.picker__popover{position:static;animation:none}.picker .sticky-style-tile{cursor:pointer}.study{display:grid;grid-template-columns:1fr 1fr;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);min-height:340px}.study__canvas{background-color:#fdfcf8;background-image:radial-gradient(#e0dbcd 1px,transparent 1px);background-size:16px 16px;padding:16px;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line)}.study__label{font-size:12px;font-weight:600;color:var(--ink-3)}.study .excerpt-face{height:auto;flex:none}.ex{background:#fff;border:1px solid var(--line);border-left:5px solid;border-radius:10px;padding:9px 11px;font-size:13px;line-height:1.4;box-shadow:var(--shadow)}.ex small{display:block;color:var(--ink-3);font-size:11px;margin-top:4px}.ex--y{border-left-color:#ffd84d}.ex--b{border-left-color:#8fb3ff;margin-left:18px}.ex--g{border-left-color:#8ee0b0;margin-left:36px}.study__pdf{background:#ecebe6;padding:16px;display:grid}.pdf__page{background:#fff;border-radius:4px;padding:18px 16px;box-shadow:0 2px 8px #00000014;position:relative;display:flex;flex-direction:column;gap:9px}.pdf__h{height:12px;width:60%;background:#d6d2c6;border-radius:3px;margin-bottom:6px}.pdf__l{height:7px;background:#e6e2d8;border-radius:3px}.pdf__l--short{width:55%}.pdf__l--hl-y{background:#facc1573;box-shadow:0 0 0 3px #facc1573}.pdf__l--hl-b{background:#60a5fa66;box-shadow:0 0 0 3px #60a5fa66}.pdf__l--hl-g{background:#4ade8066;box-shadow:0 0 0 3px #4ade8066}.palette{position:absolute;right:12px;top:40px;display:flex;gap:5px;background:#fff;padding:6px;border-radius:10px;box-shadow:var(--shadow)}.palette i{width:16px;height:16px;border-radius:50%}.share{position:relative;width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:22px}.share__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.share__live{color:#2f9e6a;font-size:13px;font-weight:600}.share__link{display:flex;gap:8px;align-items:center;background:#f6f4ee;border-radius:10px;padding:6px 6px 6px 12px;font-size:14px;color:var(--ink-2)}.share__link span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share__link button{font:600 13px var(--font-body);background:var(--ink);color:#fff;border:0;border-radius:8px;padding:7px 12px}.share__people{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}.share__people li{display:flex;align-items:center;gap:10px;font-size:15px}.share__people em{margin-left:auto;font-style:normal;font-size:13px;color:var(--ink-3);border:1px solid var(--line);border-radius:8px;padding:2px 8px}.share__cursor{position:absolute;display:flex;pointer-events:none}.share__cursor--a{right:-26px;top:58px;animation:wander2 6s ease-in-out infinite}.share__cursor--b{left:-30px;bottom:30px;animation:wander2 7s ease-in-out infinite reverse}.share__cursor--b span{background:#2f9e6a}@keyframes wander2{50%{translate:-24px 18px}}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head .lede{margin:16px auto 0}.section-head .kicker{background:var(--tint-pink)}.cases{max-width:1200px;margin:0 auto;padding:120px 24px 20px}.cases__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.case{border-radius:var(--radius);padding:26px;border:2px solid var(--ink);transition:transform .2s,box-shadow .2s}.case:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:6px 6px 0 var(--ink)}.case__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;border:2px solid var(--ink)}.case__icon svg{width:22px;height:22px}.case h3{font-size:22px;margin:14px 0 8px}.case p{color:var(--ink-2);font-size:15.5px}.own{max-width:1200px;margin:0 auto;padding:120px 24px 20px}.u{position:relative;display:inline-block}.u__line{position:absolute;left:0;bottom:-6px;width:100%;height:16px;color:var(--brand-deep)}.own__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.own__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tile{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:20px}.tile>span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--tint-yellow);color:#8a5a00}.tile>span svg{width:20px;height:20px}.tile strong{display:block;margin:8px 0 4px;font-size:17px}.tile p{color:var(--ink-2);font-size:15px}.palette-mock{background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--ink);padding:14px;position:sticky;top:100px}.pm__input{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:6px 6px 14px;font-size:18px}.pm__q{font-weight:500}.pm__caret{width:2px;height:22px;background:var(--ink);animation:blink 1s steps(1) infinite;margin-left:-8px}.pm__input kbd{margin-left:auto}@keyframes blink{50%{opacity:0}}.pm__filters{display:flex;gap:6px;padding:12px 4px;flex-wrap:wrap}.pm__filters span{font-size:13px;padding:3px 10px;border-radius:999px;background:#f6f4ee;color:var(--ink-2)}.pm__filters span.is-on{background:var(--ink);color:#fff}.palette-mock ul{list-style:none;margin:0;padding:0}.palette-mock li svg{width:17px;height:17px;color:var(--ink-3)}.palette-mock li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px;border-radius:10px;font-size:14.5px}.palette-mock li b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-mock li em{font-style:normal;font-size:12px;color:var(--ink-3)}.palette-mock li.is-sel{background:var(--tint-yellow)}.pricing{max-width:1040px;margin:0 auto;padding:120px 24px 20px}.final{max-width:1200px;margin:0 auto;padding:120px 24px 80px}.final__card{position:relative;text-align:center;padding:72px 24px;border-radius:32px;border:2px solid var(--ink);background-color:var(--brand);background-image:radial-gradient(rgba(58,42,0,.14) 1.2px,transparent 1.2px);background-size:22px 22px;box-shadow:10px 10px 0 var(--ink)}.final__card h2{color:var(--brand-ink)}.final__card p{margin-top:12px;font-size:19px;color:#5a4300}.final__arrow{position:absolute;width:90px;right:14%;top:30px;color:var(--brand-ink);rotate:70deg}.footer{border-top:1px solid var(--line)}.footer__inner{max-width:1200px;margin:0 auto;padding:48px 24px;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer__brand p{color:var(--ink-3);margin-top:10px;font-size:15px}.footer__cols{display:flex;gap:64px;flex-wrap:wrap}.footer__cols h4{margin:0 0 12px;font-size:14px;color:var(--ink-3);font-weight:600}.footer__cols a{display:block;text-decoration:none;color:var(--ink-2);font-size:15px;margin-bottom:8px}.footer__cols a:hover{color:var(--ink)}.footer__base{max-width:1200px;margin:0 auto;padding:0 24px 32px;color:var(--ink-3);font-size:13px}.reveal{opacity:0;translate:0 24px;transition:opacity .7s ease,translate .7s ease}.reveal.in{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none;transition:none}.cursor,.share__cursor,.pm__caret{animation:none}html{scroll-behavior:auto}}@media(max-width:960px){.feature{grid-template-columns:1fr;gap:40px;padding-top:80px}.feature--flip .feature__copy{order:0}.cases__grid{grid-template-columns:1fr 1fr}.own__layout{grid-template-columns:1fr}.palette-mock{position:static}.hero__arrow{display:none}}@media(max-width:720px){body{font-size:16px}.nav__menu{display:block}.nav__links{display:none;position:absolute;top:64px;left:16px;right:16px;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border:2px solid var(--ink);border-radius:16px;padding:12px;box-shadow:6px 6px 0 var(--ink)}.nav__links.is-open{display:flex}.nav__links a:not(.btn){padding:10px 12px;font-size:17px}.nav__inner,.hero,.feature,.cases,.own,.pricing,.final{padding-left:16px;padding-right:16px}.hero{padding-top:64px}.hero__tag--l{left:0;top:-48px}.hero__tag--r{right:0;top:auto;bottom:-34px}.mock{box-shadow:4px 4px 0 var(--ink);border-radius:14px}.mock__hint{display:none}.feature__visual{padding:18px;min-height:0;box-shadow:5px 5px 0 var(--ink)}.picker{zoom:.7}.pricing-scribble{display:none}.study{grid-template-columns:1fr}.study__pdf{display:none}.cases__grid,.own__grid,.plans{grid-template-columns:1fr}.share__cursor{display:none}.footer__cols{gap:36px}.doodle{display:none}}