@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;700&family=Gowun+Batang:wght@400;700&family=Gowun+Dodum&family=JetBrains+Mono:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&display=swap";
:root{--paper:#f4efe6;--paper-2:#ece6d8;--ink:#2a2c2f;--ink-2:#4a4d52;--ink-3:#7a7d82;--line:#2a2c2f;--rule:#2a2c2f2e;--rule-2:#2a2c2f59;--selva:#84bd00;--selva-soft:#e8f3c4;--clay:#205b6e;--clay-soft:#cfdde3;--highlight:#f5e5a8}@supports (color:lab(0% 0 0)){:root{--highlight:lab(91.1166% -.822455 31.9795)}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#ddd6c4;margin:0;font-family:Gowun Batang,Noto Serif KR,Georgia,serif}.hand{font-family:Caveat,Kalam,Gowun Dodum,cursive}.mono{font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,monospace}.sans{font-family:Gowun Dodum,Noto Sans KR,system-ui,sans-serif}.wf{background:var(--paper);color:var(--ink);width:100%;height:100%;font-family:Gowun Batang,Noto Serif KR,Georgia,serif;position:relative;overflow:hidden}.sketchy{border:1.5px solid var(--ink);position:relative}.sketchy:before{content:"";border:1.5px solid var(--ink);border-radius:inherit;opacity:.35;pointer-events:none;position:absolute;inset:-2px;transform:translate(2px,2px)rotate(.3deg)}.sketchy-soft{border:1.25px solid var(--ink);border-radius:6px}.dash{border:1.25px dashed var(--rule-2);border-radius:4px}.cover{background:repeating-linear-gradient(135deg, #2a2c2f0f 0 6px, transparent 6px 12px), var(--paper-2);border:1.25px solid var(--ink);color:var(--ink-2);align-items:flex-end;padding:6px;display:flex;position:relative;overflow:hidden}.cover-label{background:var(--paper);border:1px solid var(--ink);padding:2px 4px;font-family:JetBrains Mono,monospace;font-size:9px;line-height:1}.cover.green{background:repeating-linear-gradient(135deg, #ffffff2e 0 6px, transparent 6px 12px), var(--selva);color:var(--paper)}.cover.clay{background:repeating-linear-gradient(135deg, #ffffff2e 0 6px, transparent 6px 12px), var(--clay);color:var(--paper)}.cover.ink{background:repeating-linear-gradient(135deg, #ffffff14 0 6px, transparent 6px 12px), var(--ink);color:var(--paper)}.cover.has-image{background:var(--ink)}.cover.has-image:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#2a2c2f2e 0%,#2a2c2f38 42%,#2a2c2fc7 100%),linear-gradient(135deg,#84bd0033,#205b6e2e);position:absolute;inset:0}.cover-image{z-index:0;object-fit:cover;filter:saturate(.92)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.cover-copy,.cover-label{z-index:2}.chip{border:1px solid var(--ink);background:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.chip.fill{background:var(--ink);color:var(--paper)}.chip.green{background:var(--selva);color:var(--paper);border-color:var(--selva)}.chip.clay{background:var(--clay);color:var(--paper);border-color:var(--clay)}.chip.soft{background:var(--selva-soft);border-color:var(--selva)}.btn{border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;box-shadow:2px 2px 0 var(--ink);color:inherit;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:Gowun Dodum,sans-serif;font-size:12px;text-decoration:none;display:inline-flex;position:relative}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.btn.dark{background:var(--ink);color:var(--paper)}.btn.green{background:var(--selva);color:var(--paper);border-color:var(--ink)}.btn.clay{background:var(--clay);color:var(--paper);border-color:var(--ink)}.btn.ghost{box-shadow:none;background:0 0}.scribble{background:linear-gradient(#0000 60%,#ffd96680 60% 88%,#0000 88%);padding:0 2px;display:inline-block}.note{color:var(--ink-2);font-family:Caveat,cursive;font-size:16px;line-height:1}.note-arrow{color:var(--ink-2);pointer-events:none;font-family:Caveat,cursive;font-size:16px;line-height:1.1;position:absolute}.hr{background:var(--rule);width:100%;height:1px}.hr-dash{border-top:1.25px dashed var(--rule-2);width:100%;height:0}.status{color:var(--ink);justify-content:space-between;align-items:center;padding:6px 14px 4px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.status .right{align-items:center;gap:4px;display:flex}.menu-icon{cursor:pointer;flex-direction:column;gap:3px;display:inline-flex}.menu-icon span{background:var(--ink);width:18px;height:1.5px}.wave{align-items:center;gap:2px;height:16px;display:inline-flex}.wave i{background:currentColor;border-radius:1px;width:2px;font-style:normal;animation:1.1s ease-in-out infinite wave;display:inline-block}.wave i:first-child{height:6px;animation-delay:-1s}.wave i:nth-child(2){height:12px;animation-delay:-.8s}.wave i:nth-child(3){height:8px;animation-delay:-.6s}.wave i:nth-child(4){height:14px;animation-delay:-.4s}.wave i:nth-child(5){height:10px;animation-delay:-.2s}.wave i:nth-child(6){height:6px;animation-delay:0s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.1)}}.wave.paused i{animation-play-state:paused}.phone-pad{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.row{align-items:center;gap:10px;padding:8px 14px;display:flex}.row.between{justify-content:space-between}.tabs{border-bottom:1.25px solid var(--rule-2);align-items:center;gap:0;padding:0 12px;display:flex}.tabs .tab{color:var(--ink-2);border-bottom:2px solid #0000;margin-bottom:-1.25px;padding:8px 10px;font-family:Gowun Dodum,sans-serif;font-size:12px}.tabs .tab.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.pin{background:var(--clay);color:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:9px;line-height:1;position:absolute}.card{border:1.25px solid var(--ink);background:var(--paper);border-radius:4px;padding:10px}.postit{background:var(--highlight);border:1px solid var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--rule-2);padding:6px 8px;font-family:Caveat,cursive;font-size:15px;transform:rotate(-1deg)}.sk-under{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='6'><path d='M0 4 Q 15 1, 30 3 T 60 3 T 100 4' fill='none' stroke='%232a2c2f' stroke-width='1.25'/></svg>");background-position:0 100%;background-repeat:repeat-x;background-size:100px 6px;padding-bottom:4px}.prog{border:1px solid var(--ink);background:var(--paper);border-radius:3px;height:6px;position:relative;overflow:hidden}.prog>i{background:var(--ink);font-style:normal;display:block;position:absolute;inset:0 auto 0 0}.scroll-fade{background:linear-gradient(transparent, var(--paper));pointer-events:none;height:24px;position:absolute;bottom:0;left:0;right:0}.hscroll{gap:10px;padding:0 14px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.drawer{background:var(--paper);border-right:1.5px solid var(--ink);z-index:5;width:78%;padding:14px 16px;position:absolute;top:0;bottom:0;left:0;box-shadow:4px 0 #2a2c2f1f}.scrim{z-index:4;background:#2a2c2f59;position:absolute;inset:0}.crop:before,.crop:after{content:"";border:1px solid var(--ink-3);width:10px;height:10px;position:absolute}.crop:before{border-bottom:0;border-right:0;top:4px;left:4px}.crop:after{border-top:0;border-left:0;bottom:4px;right:4px}.reader-sentence{border-radius:3px;transition:background .2s,box-shadow .2s}.reader-sentence--active{background:var(--highlight);box-shadow:inset 0 -2px 0 var(--clay)}.tts-icon-button{width:42px;height:42px;color:var(--paper);cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff73;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tts-icon-button:disabled{opacity:.35;cursor:default}