.noted-preview.svelte-mzued4{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;--u: calc(var(--pw) / 100);--line-w: clamp(1.5px, calc(var(--u) * .6), 2.5px)}.page.svelte-mzued4{position:absolute;width:var(--pw);height:calc(var(--pw) * 2);background:#fff;border:var(--line-w) solid var(--ink);border-radius:calc(var(--u) * 5);box-shadow:calc(var(--u) * 1.6) calc(var(--u) * 1.6) 0 var(--ink);transform-origin:50% 20%;will-change:transform}.content.svelte-mzued4{padding:calc(var(--u) * 9) calc(var(--u) * 9);display:flex;flex-direction:column;gap:calc(var(--u) * 6);opacity:var(--fade, 1)}.heading.svelte-mzued4{height:calc(var(--u) * 7);width:calc(62% * var(--heading, 0));border-radius:calc(var(--u) * 2);background:var(--accent)}.lines.svelte-mzued4{position:relative;display:flex;flex-direction:column;gap:calc(var(--u) * 3.6)}.line.svelte-mzued4{height:calc(var(--u) * 3.4);width:calc(var(--w) * 100% * var(--p, 0));border-radius:99px;background:color-mix(in srgb,var(--ink),transparent 84%)}.caret.svelte-mzued4{position:absolute;left:calc(var(--caret-x, 0) * 100% + var(--u) * 1.5);top:calc(var(--caret, 0) * var(--u) * 7 - var(--u) * 1.4);width:max(2px,calc(var(--u) * .8));height:calc(var(--u) * 6.2);border-radius:2px;background:var(--accent);opacity:0}.typing .caret.svelte-mzued4{opacity:1;animation:svelte-mzued4-blink .9s steps(1) infinite}@keyframes svelte-mzued4-blink{50%{opacity:0}}.menu.svelte-mzued4{position:absolute;left:calc(var(--u) * 12);top:calc(var(--u) * 20);width:62%;padding:calc(var(--u) * 2);background:#fff;border:var(--line-w) solid var(--ink);border-radius:calc(var(--u) * 3.5);box-shadow:calc(var(--u) * 1.2) calc(var(--u) * 1.2) 0 var(--ink);transform-origin:10% 0;scale:var(--menu, 0);opacity:min(1,calc(var(--menu, 0) * 3));z-index:2;display:flex;flex-direction:column;gap:calc(var(--u) * 1)}.item.svelte-mzued4{display:flex;align-items:center;gap:calc(var(--u) * 3);padding:calc(var(--u) * 1.8) calc(var(--u) * 2.4);border-radius:calc(var(--u) * 2);color:var(--ink);--on: max(0, 1 - max(var(--pick, 0) - var(--i), var(--i) - var(--pick, 0)));background:color-mix(in srgb,var(--accent) calc(var(--on) * 100%),transparent)}.icon.svelte-mzued4{width:calc(var(--u) * 6);height:calc(var(--u) * 6);display:grid;flex:none}.label.svelte-mzued4{height:calc(var(--u) * 2.8);border-radius:99px;background:color-mix(in srgb,var(--ink),transparent 70%)}.grid.svelte-mzued4{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 3.5)}.tile.svelte-mzued4{aspect-ratio:4 / 3;position:relative;overflow:hidden;border-radius:calc(var(--u) * 3);border:var(--line-w) solid var(--ink);background:var(--fill);scale:var(--tile, 0);opacity:min(1,calc(var(--tile, 0) * 4));translate:calc(var(--float-x, 0) * var(--depth) * var(--u) * 3) calc(var(--float-y, 0) * var(--depth) * var(--u) * 3)}.tile.svelte-mzued4:before{content:"";position:absolute;width:26%;aspect-ratio:1;left:58%;top:16%;border-radius:50%;background:#fff}.tile.svelte-mzued4:after{content:"";position:absolute;left:-20%;right:10%;top:58%;height:90%;border-radius:50%;background:var(--hill)}@media(prefers-reduced-motion:reduce){.typing .caret.svelte-mzued4{animation:none}}