.lp{--lp-ink:#1c2024;--lp-ink-soft:#494e55;--lp-faint:#8b8d98;--lp-paper:#fcfcfa;--lp-paper-2:#f6f5f1;--lp-line:#e6e5e0;--lp-blue:var(--color-mariner-800);--lp-blue-deep:var(--color-mariner-950);--lp-blue-mid:var(--color-mariner-600);--lp-blue-wash:var(--color-mariner-50);--lp-red:oklch(55% .18 27);--lp-card:#fff;--lp-on-accent:#fff;--border:var(--lp-line);background:var(--lp-paper);color:var(--lp-ink)}.dark .lp{--lp-ink:#e8e6e1;--lp-ink-soft:#b0aea7;--lp-faint:#82848c;--lp-paper:#17181a;--lp-paper-2:#1f2023;--lp-line:#34353a;--lp-blue:var(--color-mariner-500);--lp-blue-deep:var(--color-mariner-300);--lp-blue-mid:var(--color-mariner-600);--lp-blue-wash:color-mix(in oklab, var(--color-mariner-950) 45%, var(--lp-paper));--lp-red:oklch(66% .17 25);--lp-card:#232428;--lp-on-accent:oklch(17% .02 255)}.lp ::selection{background:var(--lp-blue);color:var(--lp-on-accent)}.lp-serif{font-family:var(--font-fraunces);font-optical-sizing:auto}.lp-hand{font-family:var(--font-caveat)}.lp-noise{pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.lp-ruled{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 27px, color-mix(in oklab, var(--lp-blue) 14%, transparent) 27px, color-mix(in oklab, var(--lp-blue) 14%, transparent) 28px)}.lp-stamp{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lp-blue);mix-blend-mode:multiply;border:3px solid;border-radius:4px;padding:.45em .8em;font-weight:700;display:inline-block;position:relative;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0.55 0.75 0.9 1 1 1 1 1 1 1 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0.55 0.75 0.9 1 1 1 1 1 1 1 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' fill='black'/%3E%3C/svg%3E")}.lp-stamp:after{content:"";border:1px solid;border-radius:2px;position:absolute;inset:4px}.lp-stamp--red{color:var(--lp-red)}.dark .lp-stamp{mix-blend-mode:screen}@keyframes lp-stamp-in{0%{opacity:0;transform:scale(2.6)rotate(-2deg)}55%{opacity:1;transform:scale(.9)rotate(-12deg)}75%{transform:scale(1.06)rotate(-11deg)}to{opacity:1;transform:scale(1)rotate(-12deg)}}.lp-stamp-in{animation:.45s cubic-bezier(.22,1.4,.36,1) 1.1s both lp-stamp-in}@keyframes lp-write{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% -5% -20% 0)}}.lp-write{animation:.9s steps(14,end) .7s both lp-write}@keyframes lp-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.lp-rise{animation:.7s cubic-bezier(.21,.47,.32,.98) both lp-rise}@keyframes lp-marquee{to{transform:translate(-50%)}}.lp-marquee{width:max-content;animation:36s linear infinite lp-marquee;display:flex}.lp-marquee:hover{animation-play-state:paused}.lp-bubble{border:1.5px solid var(--lp-ink-soft);width:1.5rem;height:1.5rem;font-family:var(--font-mono);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:inline-flex}.lp-bubble--filled{background:var(--lp-blue);border-color:var(--lp-blue);color:var(--lp-on-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--lp-blue) 18%, transparent);transform:rotate(-4deg)}.lp-bubble--wrong{background:var(--lp-red);border-color:var(--lp-red);box-shadow:0 0 0 3px color-mix(in oklab, var(--lp-red) 18%, transparent)}.lp-leader{border-bottom:2px dotted color-mix(in oklab, var(--lp-ink) 25%, transparent);flex:1;margin:0 .5rem;transform:translateY(-.3em)}.lp-tape{background:color-mix(in oklab, var(--lp-blue-wash) 70%, var(--lp-card));opacity:.85;border-left:1px dashed #ffffffe6;border-right:1px dashed #ffffffe6;width:6.5rem;height:1.6rem;position:absolute;box-shadow:0 1px 2px #00000014}.dark .lp-tape{opacity:.9;border-left-color:#ffffff38;border-right-color:#ffffff38}.lp-btn{border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;line-height:1;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.lp-btn:active{transform:translateY(1px)scale(.99)}.lp-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.lp-btn--ink{background:var(--lp-ink);color:var(--lp-paper);box-shadow:0 1px #0000004d,0 8px 20px -8px #0006}.lp-btn--ink:hover{background:#000;transform:translateY(-1px)}.dark .lp-btn--ink:hover{background:#fff}.lp-btn--blue{background:var(--lp-blue);color:var(--lp-on-accent);box-shadow:0 1px 0 color-mix(in oklab, var(--lp-blue-deep) 60%, transparent), 0 10px 24px -10px color-mix(in oklab, var(--lp-blue) 70%, transparent)}.lp-btn--blue:hover{background:var(--lp-blue-deep);transform:translateY(-1px)}.lp-btn--ghost{border:1.5px solid var(--lp-line);color:var(--lp-ink);background:0 0}.lp-btn--ghost:hover{border-color:var(--lp-ink-soft);background:var(--lp-paper-2)}.lp-strike{white-space:nowrap;position:relative}.lp-strike:after{content:"";background:var(--lp-red);border-radius:2px;height:2px;position:absolute;top:52%;left:-2%;right:-2%;transform:rotate(-2deg)}@keyframes lp-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.lp-dot{background:var(--lp-blue);border-radius:9999px;width:5px;height:5px;animation:1.2s ease-in-out infinite lp-dot}@keyframes lp-bar{0%{width:0}}.lp-bar{animation:1.1s cubic-bezier(.21,.47,.32,.98) both lp-bar}.lp-vertical{writing-mode:vertical-rl;transform:rotate(180deg)}