:root{color-scheme:light;--ink: #000000;--canvas: #ffffff;--soft: #f7f7f5;--hairline: #e6e6e6;--hairline-soft: #f1f1f1;--lime: #dceeb1;--lilac: #c5b0f4;--cream: #f4ecd6;--coral: #f3c9b6;--pink: #efd4d4;--scrim: rgb(0 0 0 / .6);--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;--pixel: "Galmuri11", "Galmuri9", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 96px;--r-sm: 6px;--r-md: 8px;--r-lg: 24px;--r-pill: 50px;--gutter: 16px}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-weight:330;font-size:16px;line-height:1.5;letter-spacing:-.01em;word-break:keep-all}a{color:inherit;text-underline-offset:3px}b{font-weight:600}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.bar{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--gutter);padding-top:max(var(--s3),env(safe-area-inset-top))}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:17px;letter-spacing:-.02em}.logo svg{display:block}.account{display:flex;align-items:center;gap:var(--s2);font-size:15px}.account .who{font-weight:480;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:var(--r-pill);font:inherit;font-size:16px;font-weight:480;letter-spacing:-.01em;white-space:nowrap;transition:transform .12s ease,background-color .12s ease}.pill:active{transform:scale(.97)}.pill:disabled{opacity:.35;cursor:default;transform:none}.pill-primary{background:var(--ink);color:var(--canvas)}.pill-secondary{background:var(--soft);color:var(--ink)}.pill-secondary[aria-pressed=true]{background:var(--ink);color:var(--canvas)}.pill-small{min-height:36px;padding:6px 14px;font-size:14px}.layout{display:flex;flex-direction:column}.intro{padding:var(--s5) var(--gutter) 0;display:flex;flex-direction:column}.stage{order:-1}h1{margin:0;font-size:clamp(34px,8.6vw,64px);font-weight:340;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.lede{margin:var(--s4) 0 0;font-size:18px;line-height:1.45;max-width:34em}.tally{margin-top:var(--s6)}.tally-label{margin:0;font-size:15px;font-weight:540}.tally-num{margin:var(--s2) 0 0;font-family:var(--pixel);font-size:clamp(40px,11vw,64px);line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}.tally-num small{font-family:var(--sans);font-size:.42em;font-weight:480;margin-left:6px}.tally-sub{margin:var(--s3) 0 0;font-size:15px}.tally-sub span{font-weight:600;font-variant-numeric:tabular-nums}.meter{display:grid;grid-template-columns:repeat(50,1fr);gap:2px;margin-top:var(--s4)}.meter i{aspect-ratio:1;background:var(--hairline-soft)}.meter i.on{background:var(--ink)}.meter i.edge{background:var(--lilac)}.actions{display:flex;gap:var(--s2);margin-top:var(--s6);flex-wrap:wrap}.hint{margin:var(--s3) 0 0;min-height:1.5em;font-size:15px;font-weight:480}.zones{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.zones li{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--r-md);background:var(--soft);font-size:15px}.zones .swatch{width:18px;height:18px;flex:none;border-radius:2px;background-image:radial-gradient(rgb(0 0 0 / .28) 1px,transparent 1.2px);background-size:6px 6px}.zones .zname{font-weight:540}.zones .zprice{margin-left:auto;font-family:var(--pixel);font-size:13px;letter-spacing:0}.block{margin:var(--s6) calc(var(--gutter) * -1) 0;padding:var(--s6) var(--gutter)}.block-lilac{background:var(--lilac)}.block h2{margin:0;font-size:26px;font-weight:540;letter-spacing:-.02em}.steps{margin:var(--s4) 0 0;padding:0;list-style:none;counter-reset:step;display:grid;gap:var(--s3)}.steps li{counter-increment:step;display:grid;grid-template-columns:32px 1fr;gap:var(--s3);font-size:17px;line-height:1.45}.steps li:before{content:counter(step);font-family:var(--pixel);font-size:14px;letter-spacing:0;width:28px;height:28px;display:grid;place-items:center;background:var(--ink);color:var(--lilac);border-radius:2px}.foot{padding:var(--s6) 0 calc(var(--s8) + env(safe-area-inset-bottom));font-size:14px}.foot p{margin:0 0 var(--s2);max-width:36em}.board-frame{position:relative;background:var(--soft)}#board{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;touch-action:manipulation;cursor:default}body.picking #board{touch-action:none;cursor:crosshair}.tip{position:absolute;z-index:2;display:none;pointer-events:none;max-width:240px;padding:6px 10px;border-radius:var(--r-sm);background:var(--ink);color:var(--canvas);font-size:13px;font-weight:480;line-height:1.35}.dock{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;justify-content:space-between;padding:var(--s3) var(--gutter) max(var(--s3),env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--hairline)}.dock[hidden]{display:none}.dock-quote{font-size:15px;font-weight:480;min-width:0}.dock-quote .amt{font-family:var(--pixel);font-size:18px;letter-spacing:0;margin-right:6px}.dock-actions{display:flex;gap:var(--s2);margin-left:auto}.sheet{width:min(460px,100%);max-width:100%;max-height:92dvh;margin:auto auto 0;padding:var(--s5) var(--gutter) max(var(--s5),env(safe-area-inset-bottom));border:0;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--canvas);color:var(--ink)}.sheet::backdrop{background:var(--scrim)}.sheet[open]{animation:rise .22s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.sheet h2{margin:0 0 var(--s4);font-size:24px;font-weight:700;letter-spacing:-.02em}.sheet label{display:block;margin-top:var(--s4);font-size:15px;font-weight:540}.sheet label span{display:block;font-weight:330;font-size:13px;margin-top:2px}.sheet input{display:block;width:100%;margin-top:var(--s2);padding:12px 14px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);color:var(--ink);font:inherit;font-size:16px}.sheet input[type=file]{padding:10px}.sheet input:focus{border-color:var(--ink);outline:none}.row{display:flex;gap:var(--s2);justify-content:flex-end;margin-top:var(--s5)}.row .pill{flex:1}.quote{padding:var(--s4);border-radius:var(--r-md);background:var(--soft)}.quote .amt{font-family:var(--pixel);font-size:28px;line-height:1.1;letter-spacing:0}.quote ul{list-style:none;margin:var(--s2) 0 0;padding:0;font-size:14px}.quote li{display:flex;justify-content:space-between}.big-amount{margin:0;font-family:var(--pixel);font-size:40px;line-height:1.1;letter-spacing:0}.code-box{margin-top:var(--s4);padding:var(--s4);border-radius:var(--r-md);background:var(--lime)}.code-box p{margin:0;font-size:15px;font-weight:540}.code-box .code{margin-top:var(--s2);font-family:var(--pixel);font-size:40px;line-height:1;letter-spacing:.08em}.note{font-size:14px;margin:var(--s4) 0 0}@media(min-width:960px){:root{--gutter: 32px}.layout{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:var(--s7);padding:0 var(--gutter);align-items:start;max-width:1560px;margin:0 auto}.intro{padding:var(--s6) 0 0}.stage{order:0;position:sticky;top:var(--s4);padding-top:var(--s4)}.board-frame{border-radius:var(--r-lg);overflow:hidden;max-height:calc(100dvh - 32px);aspect-ratio:1;margin-left:auto}.block{margin:var(--s7) 0 0;padding:var(--s6);border-radius:var(--r-lg)}.sheet{margin:auto;border-radius:var(--r-lg);padding:var(--s6)}.dock{left:50%;right:auto;bottom:var(--s5);transform:translate(-50%);border:0;border-radius:var(--r-pill);padding:var(--s2) var(--s2) var(--s2) var(--s5);box-shadow:0 8px 32px #0000001f;flex-wrap:nowrap}.foot{padding-bottom:var(--s7)}}@media(min-width:960px)and (max-height:1100px){.board-frame{width:min(100%,calc(100dvh - 48px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.center{min-height:100dvh;display:grid;place-items:center;padding:var(--gutter)}.card{width:min(420px,100%);padding:var(--s6);border:1px solid var(--hairline);border-radius:var(--r-lg)}.card h1{font-size:30px;font-weight:540}.card p{margin:var(--s3) 0 var(--s5)}.tabs{display:flex;gap:var(--s2);overflow-x:auto;padding:0 var(--gutter) var(--s3);scrollbar-width:none}.tabs .pill{flex:none}.admin-list{display:grid;gap:var(--s3);padding:0 var(--gutter) var(--s7);max-width:960px}.item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s4);padding:var(--s4);border:1px solid var(--hairline);border-radius:var(--r-lg)}.item img{width:88px;height:88px;object-fit:contain;background:var(--soft);border-radius:var(--r-md);image-rendering:pixelated}.item pre{grid-column:1 / -1;margin:0;white-space:pre-wrap;font-family:var(--sans);font-size:14px}.item p{margin:var(--s1) 0;font-size:14px;overflow-wrap:anywhere}.item .row{justify-content:flex-start;margin-top:var(--s3)}.item .row .pill{flex:none}.item .code{font-family:var(--pixel);letter-spacing:.08em}.empty{padding:var(--s7) 0;font-size:16px}.sheet-editor{width:min(560px,100%)}.editor-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s3)}.editor-head h2{margin:0}.ed-size{font-family:var(--pixel);font-size:13px;letter-spacing:0}.editor-stage{display:grid;place-items:center;background:var(--soft);background-image:radial-gradient(#d4d4ce 1px,transparent 1.2px);background-size:10px 10px;border-radius:var(--r-md);height:min(48dvh,440px)}#ed-canvas{display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair;outline:1px solid var(--hairline)}.tools{display:flex;align-items:center;gap:var(--s1);margin-top:var(--s3);flex-wrap:wrap}.tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--ink)}.tool.on{background:var(--ink);color:var(--canvas)}.tool svg{width:18px;height:18px;fill:currentColor}.tool i{width:var(--d);height:var(--d);background:currentColor;display:block}.tool-sep{width:1px;height:24px;background:var(--hairline);margin:0 var(--s1)}.palette{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin-top:var(--s3)}.sw{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;aspect-ratio:1;border-radius:2px;background:var(--c);box-shadow:inset 0 0 0 1px #0000001f;position:relative}.sw.on{box-shadow:inset 0 0 0 1px #0000001f,0 0 0 2px var(--canvas),0 0 0 4px var(--ink)}.sw-custom{--c: conic-gradient(#ff3d8b, #ffd33d, #1ea64a, #4fb3ff, #7b5cff, #ff3d8b);background:var(--c);overflow:hidden}.sw-custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.foot{display:flex;gap:var(--s4);padding:var(--s6) 0 calc(var(--s8) + env(safe-area-inset-bottom));font-size:14px}.foot a{text-decoration:none;font-weight:480}.foot a:hover{text-decoration:underline}.doc{max-width:680px;padding:var(--s4) var(--gutter) var(--s8)}.doc h1{font-size:clamp(30px,6vw,44px);margin-bottom:var(--s2)}.doc .eff{margin:0 0 var(--s6);font-size:14px}.doc h2{font-size:20px;font-weight:600;margin:var(--s6) 0 var(--s2);letter-spacing:-.02em}.doc p,.doc li{font-size:16px;line-height:1.65}.doc ol,.doc ul{padding-left:1.2em}.doc table{width:100%;border-collapse:collapse;font-size:15px}.doc th,.doc td{text-align:left;padding:var(--s2) var(--s3) var(--s2) 0;border-bottom:1px solid var(--hairline);vertical-align:top}.doc th{font-weight:600}.doc .todo{background:var(--lime);padding:0 4px;border-radius:2px}.pay{margin:0;display:grid;gap:2px}.pay>div{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:var(--s3);min-height:44px;border-bottom:1px solid var(--hairline-soft)}.pay dt{font-size:14px;font-weight:540}.pay dd{margin:0;font-size:16px;font-weight:480;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.pay dd.pix{font-family:var(--pixel);font-size:20px;letter-spacing:0}.copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:540;padding:6px 12px;border-radius:var(--r-pill);background:var(--soft);color:var(--ink)}.code-box{position:relative}.copy-on-lime{position:absolute;right:var(--s4);top:50%;transform:translateY(-50%);background:var(--canvas)}.spin{display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--ink);animation:blink 1s steps(2) infinite;vertical-align:1px}@keyframes blink{50%{opacity:0}}.claim{margin-top:var(--s3);font-size:14px}.claim summary{cursor:pointer;font-weight:540;list-style:none;text-decoration:underline;text-underline-offset:3px}.claim summary::-webkit-details-marker{display:none}.claim-row{display:flex;gap:var(--s2);margin-top:var(--s2)}.claim-row input{flex:1;padding:10px 12px;border:1px solid var(--hairline);border-radius:var(--r-md);font:inherit;font-size:16px}