.ak-paper{--ak-paper:#F8F5EC;--ak-paper-line:#D9D3C3;--ak-ink:#232323;--ak-soft:#6A6458;--ak-note:#FFEC8A;--ak-note-ink:#3B3417;--ak-tape:rgb(255 255 255/.62)}.dark .ak-paper{--ak-paper:hsl(35 12% 15%);--ak-paper-line:hsl(35 8% 26%);--ak-ink:#EDE6D6;--ak-soft:#B9B09E;--ak-note:#5A4E1C;--ak-note-ink:#FBF0C2;--ak-tape:rgb(255 255 255/.16)}.ak-sketch{margin:0;background:var(--ak-paper);border:1px solid var(--ak-paper-line);border-radius:14px;padding:6px}.ak-sketch svg{display:block;width:100%;height:100%}.ak-sketch path{fill:none;stroke:var(--ak-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ak-sketch path.soft{stroke:var(--ak-soft);stroke-width:2;stroke-dasharray:2 7}.ak-sketch path.dot{fill:var(--ak-ink)}.ak-sketch path.hollow{fill:var(--ak-paper)}.ak-sketch text{font-family:"Gaegu",var(--font-hangul),"Noto Sans KR",sans-serif;font-size:22px;font-weight:700;fill:var(--ak-ink);text-anchor:middle}.ak-note{position:relative;margin:12px 4px 4px;padding:16px 14px 14px;border-radius:2px 2px 14px 2px;background:var(--ak-note);color:var(--ak-note-ink);transform:rotate(-1.2deg);box-shadow:0 6px 12px -8px rgb(60 50 10/.55),inset 0 -8px 12px -10px rgb(120 100 20/.35)}.ak-note:before{content:"";position:absolute;top:-8px;left:50%;width:52px;height:15px;transform:translateX(-50%) rotate(-3deg);background:var(--ak-tape);box-shadow:0 1px 2px rgb(0 0 0/.08)}@media (prefers-reduced-motion:reduce){.ak-note{transform:none}}