@font-face{font-family:Gowun Batang;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/gowun-batang-latin-400-normal-DhJlxzQq.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2013-2014,U+2026}@font-face{font-family:Gowun Batang;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/gowun-batang-latin-700-normal-ii_3u4DV.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2013-2014,U+2026}@font-face{font-family:Gowun Batang;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/gowun-batang-korean-400-normal-B01U8-a5.woff2) format("woff2");unicode-range:U+1100-11FF,U+2018-201D,U+2460-24FF,U+3001-303F,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF,U+FF00-FFEF}@font-face{font-family:Gowun Batang;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/gowun-batang-korean-700-normal-CH9Iz3IW.woff2) format("woff2");unicode-range:U+1100-11FF,U+2018-201D,U+2460-24FF,U+3001-303F,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF,U+FF00-FFEF}@font-face{font-family:IBM Plex Sans KR;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-sans-kr-latin-400-normal-Bc7vhvxM.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2013-2014,U+2026}@font-face{font-family:IBM Plex Sans KR;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-sans-kr-latin-500-normal-2SdHzE3p.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2013-2014,U+2026}@font-face{font-family:IBM Plex Sans KR;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-sans-kr-latin-600-normal-n-2PV5Ut.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2013-2014,U+2026}@font-face{font-family:IBM Plex Sans KR;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-sans-kr-korean-400-normal-BwgRZ-w5.woff2) format("woff2");unicode-range:U+1100-11FF,U+2018-201D,U+2460-24FF,U+3001-303F,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF,U+FF00-FFEF}@font-face{font-family:IBM Plex Sans KR;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-sans-kr-korean-500-normal-hlyNPvQE.woff2) format("woff2");unicode-range:U+1100-11FF,U+2018-201D,U+2460-24FF,U+3001-303F,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF,U+FF00-FFEF}@font-face{font-family:IBM Plex Sans KR;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/ibm-plex-sans-kr-korean-600-normal-BmfvNLC6.woff2) format("woff2");unicode-range:U+1100-11FF,U+2018-201D,U+2460-24FF,U+3001-303F,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF,U+FF00-FFEF}:root{--desk: #efece5;--paper: #faf9f6;--rule: #eae7df;--card: #ffffff;--border: #e3dfd5;--dashed: #d2ccbf;--ink: #23201c;--soft: #5a554c;--meta: #6e695c;--pen: #b3402b;--pen-hover: #8e3120;--accent: #2f6a5e;--hl: #f2d98d;--postit: #f2d98d;--alt-1: #b3402b;--alt-2: #2f6a5e;--alt-3: #78591f;--alt-4: #4a6280;--alt-5: #6e695c;--alt-dim: .55;--paper-edge: #ddd8cc;--line-soft: #ded9cc;--rule-ink: #c7c0b2;--bar-second: #6a6558;--bar-rest: #b2aba0;--icon-mute: #9a948a;--chip-neutral: #efebe1;--chip-accent: #e4ede9;--note-bg: #fdf8f2;--note-border: #ebd8cc;--margin-line: rgba(179, 64, 43, .22);--paper-shadow: 0 2px 10px rgba(35, 32, 28, .06);--font-title: "Gowun Batang", "Apple SD Gothic Neo", serif;--font-body: "IBM Plex Sans KR", system-ui, -apple-system, sans-serif;--font-ink: "PenInk", "Gowun Batang", cursive;--ease: cubic-bezier(.22, .9, .24, 1);--stagger: 80ms;--desk-pad: 8px;--paper-radius: 3px;--paper-pad-top: 52px;--paper-pad-right: 18px;--paper-pad-bottom: 24px;--paper-pad-left: 40px;--margin-line-x: 26px;--rule-height: 31px;color-scheme:light}@font-face{font-family:PenInk;src:url(/assets/penink-DYo6OZYM.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block;unicode-range:U+25,U+30,U+31,U+32,U+33,U+34,U+35,U+36,U+37,U+38,U+39,U+2460,U+2461,U+2462,U+2463,U+2464,U+ACB0,U+ACE0,U+B0AE,U+B192,U+B2C8,U+B2E4,U+B85D,U+BBFC,U+BCF4,U+C218,U+C5B4,U+C744,U+C74C,U+C774,U+C801,U+C815,U+C9D1,U+D1B5,U+D568}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--desk);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--ink);text-decoration:none}input{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.desk{height:100%;display:flex;justify-content:center;background:var(--desk);padding:calc(var(--desk-pad) + env(safe-area-inset-top)) var(--desk-pad) calc(var(--desk-pad) + env(safe-area-inset-bottom)) var(--desk-pad)}.paper{position:relative;width:100%;max-width:374px;display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--paper-radius);box-shadow:var(--paper-shadow)}.paper--ruled{background-image:repeating-linear-gradient(to bottom,transparent 0 var(--rule-height),var(--rule) var(--rule-height) calc(var(--rule-height) + 1px))}.paper:before{content:"";position:absolute;left:var(--margin-line-x);top:0;bottom:0;width:1px;background:var(--margin-line);pointer-events:none;z-index:1}.sheet{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--paper-pad-top) var(--paper-pad-right) var(--paper-pad-bottom) var(--paper-pad-left);overflow-y:auto;overscroll-behavior:contain}.paper__foot{position:relative;flex-shrink:0;display:flex;flex-direction:column;padding:10px var(--paper-pad-right) var(--paper-pad-bottom) var(--paper-pad-left);background:var(--paper)}.paper__foot:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px;background:linear-gradient(to bottom,transparent,var(--paper));pointer-events:none}.sheet>*{flex-shrink:0}.spacer{flex-grow:1;min-height:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes write-on{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes ink-draw{to{stroke-dashoffset:0}}@keyframes settle{0%{opacity:0;transform:translateY(12px) rotate(-.7deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes lift-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hilite{0%{background-size:0% 42%}to{background-size:100% 42%}}@keyframes strike{to{stroke-dashoffset:0}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes stamp-down{0%{opacity:0;transform:rotate(-8deg) scale(1.25)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}.m-write{animation:write-on .3s var(--ease) var(--d, 0ms) both}.m-draw{animation:ink-draw .38s var(--ease) var(--d, 0ms) both}.m-settle{animation:settle .26s var(--ease) var(--d, 0ms) both}.m-lift{animation:lift-in .22s ease-out var(--d, 0ms) both}.m-grow{transform-origin:left;animation:grow-x .38s var(--ease) var(--d, 0ms) both}.m-fade{animation:fade-in .3s ease-out var(--d, 0ms) both}.m-stamp{animation:stamp-down .32s var(--ease) var(--d, 0ms) both}.m-strike{animation:strike .42s var(--ease) var(--d, 0ms) both}.is-eliminated{animation:fade-to-muted .3s ease-out calc(var(--d, 0ms) + .42s) both}@keyframes fade-to-muted{to{opacity:.45}}.m-hilite{background-image:linear-gradient(var(--hl),var(--hl));background-repeat:no-repeat;background-position:0 82%;background-size:0% 42%;animation:hilite .32s ease-out var(--d, 0ms) both}.m-caret{animation:caret .9s steps(1,end) var(--d, 0ms) infinite both}.m-back-fade{animation:fade-in .18s ease-out both}@media(prefers-reduced-motion:reduce){.m-write,.m-draw,.m-settle,.m-lift,.m-grow,.m-fade,.m-stamp,.m-strike,.is-eliminated,.m-hilite,.m-caret,.m-back-fade{animation:none!important}.m-hilite{background-size:100% 42%}.is-eliminated{opacity:.45}.m-draw,.m-strike{stroke-dashoffset:0!important}.m-caret{opacity:1}}.title{margin:0;font-family:var(--font-title);font-weight:700;line-height:1.5}.title>span{display:block}.archive-link{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 2px 0 10px;font-size:13px;font-weight:500;color:var(--soft)}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--soft)}.lede{margin:10px 0 0;font-size:13px;line-height:1.7;color:var(--soft)}.meta{font-size:12px;color:var(--meta)}.ink-hand{font-family:var(--font-ink);font-weight:400;color:var(--pen)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.topbar__step{font-size:12px;letter-spacing:.14em;color:var(--soft)}.iconbtn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:0;background:transparent;cursor:pointer}.iconbtn--back{margin-left:-14px}.stepbar{margin-top:6px;display:flex;gap:5px}.stepbar__cell{height:3px;flex-grow:1;border-radius:2px;background:var(--border)}.stepbar__cell--done{background:var(--ink)}.progress{margin-top:8px;height:5px;border-radius:999px;background:var(--rule);overflow:hidden}.progress__fill{display:block;height:5px;background:var(--ink)}.card{padding:16px 18px;background:var(--card);border:1px solid var(--border);border-radius:14px}.card--dashed{background:transparent;border:1px dashed var(--dashed);border-radius:12px;padding:14px 16px}.card--note{background:var(--note-bg);border:1px solid var(--note-border);border-radius:14px;padding:16px 18px}.card__pen-label{font-size:12px;letter-spacing:.04em;color:var(--pen);font-weight:600}.stack{display:flex;flex-direction:column}.circlenum{font-family:var(--font-title);font-size:19px;color:var(--pen);flex-shrink:0}.ordinal{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--ink);color:var(--paper);font-size:12px;display:flex;align-items:center;justify-content:center}.chip{font-size:12px;padding:5px 10px;border-radius:999px;background:var(--chip-neutral);color:var(--soft);font-weight:600;white-space:nowrap}.chip--pass{background:var(--chip-accent);color:var(--accent)}.chip--sm{font-size:11px;padding:4px 9px;font-weight:400}.sticker{display:block;height:auto;pointer-events:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 1px 1.2px rgba(35,32,28,.16))}.sticker--tape{filter:none}.topbar__sticker{width:44px;display:flex;justify-content:flex-end;margin:-6px -4px -6px 0}.postit{position:absolute;right:16px;top:-11px;padding:4px 10px 5px;font-size:11.5px;font-weight:600;line-height:1.4;white-space:nowrap;color:var(--ink);background:var(--chip-neutral);box-shadow:0 1px 2px #23201c24}.postit--call{background:var(--postit)}.btn{display:flex;align-items:center;justify-content:center;height:54px;border:0;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;font-family:var(--font-body)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:disabled{opacity:.35;cursor:not-allowed}.btn--ghost{background:transparent;border:1px solid var(--ink);color:var(--ink);font-size:15px}.btn--quiet{background:transparent;border:1px solid var(--line-soft);color:var(--soft);font-size:15px;font-weight:400}.btn--add{height:52px;gap:8px;border:1px dashed var(--dashed);border-radius:14px;background:transparent;color:var(--soft);font-size:14px;font-weight:400}.btn--add:disabled{opacity:.4;cursor:not-allowed}.btn--chip{height:44px;padding:0 16px;border:1px dashed var(--dashed);border-radius:999px;background:transparent;color:var(--soft);font-size:14px;cursor:pointer;font-family:var(--font-body)}.btn--answer{flex-grow:1;height:44px;border:1px solid var(--line-soft);border-radius:11px;background:transparent;color:var(--soft);font-size:14px;font-weight:400}.btn--answer.is-strong{border-color:var(--ink);color:var(--ink);font-weight:500}.btn--link{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule-ink);text-underline-offset:4px;font-size:13px;font-weight:500;cursor:pointer;padding:10px 0;min-height:44px;font-family:var(--font-body)}.btnrow{display:flex;gap:10px}.scale5{margin-top:12px;display:flex;gap:8px}.scale5__cell{flex-grow:1;height:46px;border:1px solid var(--line-soft);border-radius:10px;background:transparent;cursor:pointer;padding:0}.scale5__cell.is-filled{border-color:var(--accent);background:var(--accent)}.scale5__ends{margin-top:8px;display:flex;justify-content:space-between;font-size:12px;color:var(--soft)}.score5{display:flex;gap:8px}.score5__cell{flex-grow:1;height:58px;border:1px solid var(--line-soft);border-radius:12px;background:transparent;cursor:pointer;font-size:15px;color:var(--soft);font-family:var(--font-body)}.score5__cell.is-picked{border:2px solid var(--ink);background:var(--card);font-size:16px;font-weight:700;color:var(--ink)}.fitbar{margin-top:7px;height:14px;border-radius:3px;background:var(--rule);overflow:hidden}.fitbar__fill{display:block;height:100%;background:var(--bar-second)}.fitbar__fill--lead{background:var(--accent)}.fitbar__fill--own{background:var(--own);opacity:var(--alt-dim);transition:opacity .3s var(--ease)}.fitbar__fill--own.fitbar__fill--lead{opacity:1}.fitbar--thin,.fitbar--thin .fitbar__fill{height:10px}.barhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pick{display:flex;align-items:center;gap:14px;padding:19px 17px;background:transparent;border:1px solid var(--line-soft);border-radius:14px;text-align:left;cursor:pointer;font-family:var(--font-body);width:100%}.pick.is-picked{background:var(--card);border:2px solid var(--ink);padding:18px 16px}.pick__label{flex-grow:1;font-size:16px;color:var(--ink)}.pick.is-picked .pick__label{font-weight:600}.row{display:flex;align-items:center;gap:12px;padding:16px 17px;background:var(--card);border:1px solid var(--border);border-radius:14px}.row__text{flex-grow:1;font-size:16px;font-weight:500;min-width:0;overflow-wrap:anywhere}.row--quiet{background:transparent;position:relative}.row__strike{position:absolute;left:11px;top:50%;margin-top:-13px;pointer-events:none}.write{display:flex;flex-direction:column;gap:4px}.write__label{font-size:12px;letter-spacing:.04em;color:var(--soft)}.write__line{display:flex;align-items:flex-end;gap:3px}.write__input{flex-grow:1;min-width:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-title);font-size:19px;line-height:1.6;padding:6px 0 10px}.write__input:focus{outline:none}.write__caret{width:2px;height:24px;background:var(--pen);margin-bottom:12px;flex-shrink:0}.write__rule{display:block;margin-top:-4px;width:100%}.stamp{position:relative;width:120px;height:120px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:rotate(-8deg)}.stamp__ring{position:absolute;top:0;right:0;bottom:0;left:0}.stamp__word{font-family:var(--font-ink);font-size:34px;color:var(--pen)}.stamp__date{font-size:12px;color:var(--pen)}.toggle{width:52px;height:30px;flex-shrink:0;border:0;border-radius:999px;background:var(--line-soft);position:relative;cursor:pointer;padding:0;transition:background .16s var(--ease)}.toggle.is-on{background:var(--ink)}.toggle__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--paper);transition:left .16s var(--ease)}.toggle.is-on .toggle__knob{left:25px}.empty{padding:22px 18px;border:1px dashed var(--dashed);border-radius:14px;font-size:14px;line-height:1.7;color:var(--soft)}.empty--sticker{border:0;padding:8px 0 0;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}@media(prefers-reduced-motion:reduce){.toggle,.toggle__knob{transition:none}}.tune{display:flex;flex-direction:column;gap:18px}.tune__row{display:flex;flex-direction:column;gap:8px}.tune__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tune__name{font-size:15px;font-weight:600;min-width:0;overflow-wrap:anywhere}.tune__weight{font-size:12px;color:var(--meta);white-space:nowrap}.tune__weight.is-moved{color:var(--ink);font-weight:600}.tune__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}.tune__slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--rule)}.tune__slider::-moz-range-track{height:6px;border-radius:999px;background:var(--rule)}.tune__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);box-shadow:0 1px 3px #23201c1f}.tune__slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.tune__slider:focus-visible::-webkit-slider-thumb{border-color:var(--accent)}.tune__ends{display:flex;justify-content:space-between;font-size:11.5px;color:var(--meta);margin-top:-4px}.flipbox{padding:15px 17px;border-radius:14px;background:var(--note);border:1px solid var(--note-edge)}.flipbox--same{background:transparent;border:1px solid var(--line-soft)}.insight{display:flex;flex-direction:column;gap:8px}.insight textarea{width:100%;min-height:88px;font-family:var(--font-body);font-size:15px;line-height:1.75;color:var(--ink);background:transparent;border:1px dashed var(--dashed);border-radius:12px;padding:13px 15px;resize:vertical}.insight textarea:focus{outline:none;border-style:solid;border-color:var(--ink)}.matrix{margin-top:18px}.matrix__sheet{display:block;width:100%;height:auto;overflow:visible}.matrix__legend{margin:16px 0 0;padding:0;list-style:none;font-size:12.5px;line-height:1.8;color:var(--soft)}.matrix__dropped{margin:14px 0 0;font-size:12.5px;line-height:1.75;color:var(--meta)}.soundbadge{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid var(--line-soft);border-radius:999px;background:transparent;color:var(--meta);font-family:var(--font-body);font-size:11.5px;font-weight:600;white-space:nowrap;cursor:pointer}.soundbadge.is-on{border-color:var(--accent);color:var(--accent);background:var(--chip-accent)}.soundbadge__eq{display:flex;align-items:flex-end;gap:2px;height:12px}.soundbadge__eq i{width:2.5px;height:4px;border-radius:1px;background:currentColor}.soundbadge__eq i:nth-child(2){height:9px}.soundbadge__eq i:nth-child(3){height:6px}.soundbadge.is-on .soundbadge__eq i{animation:soundbadge-eq .9s ease-in-out infinite}.soundbadge.is-on .soundbadge__eq i:nth-child(2){animation-delay:.15s}.soundbadge.is-on .soundbadge__eq i:nth-child(3){animation-delay:.3s}@keyframes soundbadge-eq{0%,to{height:3px}50%{height:12px}}@media(prefers-reduced-motion:reduce){.soundbadge.is-on .soundbadge__eq i{animation:none}}.row--pressable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}.row__edit{flex-grow:1;min-width:0;padding:0;border:0;background:transparent;text-align:left;font-size:16px;font-weight:500;line-height:normal;overflow-wrap:anywhere;cursor:text}.row--sorting{transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.row--held{transition:box-shadow .18s var(--ease);position:relative;z-index:2;box-shadow:0 10px 24px #23201c29;border-color:var(--ink);cursor:grabbing}@media(prefers-reduced-motion:reduce){.row--sorting,.row--held{transition:none}}.block+.block,.stack+.block{margin-top:26px;padding-top:24px;border-top:1px solid var(--rule)}.block>.say{margin:0;font-size:16px;line-height:1.85}.block>.say+*{margin-top:16px}.rankrow{transition:transform .42s var(--ease)}@media(prefers-reduced-motion:reduce){.rankrow{transition:none}}
