:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efe9dc;--bg-2:#faf7f0;--card:#fff;--brand:#8b6f47;--brand-hover:#77603e;--brand-ink:#6b5535;--on-brand:#fff;--ink:#3e2723;--ink-2:#6b5a50;--ink-3:#8c7a6c;--line:#e3d9c8;--line-strong:#968368;--bad:#a83224;--bad-soft:#f4d3cc;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--fs-body:16px;--lh-body:28px;--fs-list:15px;--lh-list:24px;--fs-small:13px;--lh-small:20px;--fs-title:20px;--lh-title:28px;--fs-display:28px;--lh-display:36px;--w-regular:400;--w-medium:500;--w-bold:700;--ls-title:-.015em;--ls-display:-.025em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--tap:44px;--control:48px;--gutter:16px;--r-1:6px;--r-2:10px;--shadow-1:0 1px 2px #3e27230f;--dur-ui:.15s;--ease-out:cubic-bezier(0, 0, .38, .9);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0}:lang(ko){word-break:keep-all;overflow-wrap:break-word}h1,h2,h3{text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}.num{font-variant-numeric:tabular-nums;letter-spacing:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}input{font:inherit;color:inherit}.admin{max-width:720px;padding:var(--sp-8) var(--gutter) var(--sp-16);z-index:1;margin:0 auto;position:relative}.admin h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--w-bold);margin-bottom:var(--sp-6)}.top{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.spans{gap:var(--sp-1);display:flex}.spans button{min-height:var(--tap);padding:0 var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-1);background:var(--card);color:var(--ink-2);font-size:var(--fs-small)}.spans button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.link{color:var(--brand-ink);font-size:var(--fs-small);min-height:var(--tap);text-decoration:underline}.gate{gap:var(--sp-3);max-width:320px;padding:var(--sp-6);background:var(--card);border:1px solid var(--line);border-radius:var(--r-2);background-image:var(--grain);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.gate label{gap:var(--sp-1);flex-direction:column;display:flex}.gate label span{font-size:var(--fs-small);color:var(--ink-2)}.gate input{min-height:var(--control);padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-1);background:var(--bg-2);color:var(--ink)}.gate input:focus{border-color:var(--brand);outline:none}.gate button{min-height:var(--control);margin-top:var(--sp-1);border-radius:var(--r-1);background:var(--brand);color:var(--on-brand);font-weight:var(--w-medium);transition:background var(--dur-ui) var(--ease-out)}.gate button:hover:not(:disabled){background:var(--brand-hover)}.gate button:disabled{opacity:.4;cursor:default}.say{color:var(--bad);font-size:var(--fs-small);line-height:var(--lh-small);margin-top:var(--sp-4)}.none{color:var(--ink-3);font-size:var(--fs-small)}.sheet{transition:opacity var(--dur-ui) var(--ease-out)}.sheet.dim{opacity:.5}.tiles{gap:var(--sp-3);margin-bottom:var(--sp-8);grid-template-columns:repeat(3,1fr);display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--sp-4);background-image:var(--grain);box-shadow:var(--shadow-1)}.tile-n{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}.big{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:var(--w-bold);color:var(--ink)}.big i{font-style:normal;font-size:var(--fs-list);font-weight:var(--w-regular);color:var(--ink-2)}.tile-c{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-3)}.block{margin-bottom:var(--sp-8)}.block h2{font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--ls-title);font-weight:var(--w-bold);margin-bottom:var(--sp-3)}.bars{flex-direction:column;display:flex}.bar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--line);grid-template-columns:6.5rem 1fr 3.5rem 4.5rem;display:grid}.bar-l{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink)}.bar-t{background:var(--bg-2);border-radius:var(--r-1);height:12px;overflow:hidden}.bar-f{background:var(--brand);border-radius:var(--r-1);height:100%;display:block}.bar-v{font-size:var(--fs-small);color:var(--ink);text-align:left}.bar-c{font-size:var(--fs-small);color:var(--ink-3);text-align:right}.grid{border-collapse:collapse;width:100%}.grid th,.grid td{text-align:left;padding:var(--sp-2) var(--sp-2) var(--sp-2) 0;border-bottom:1px solid var(--line);font-size:var(--fs-small);line-height:var(--lh-small)}.grid th{color:var(--ink-2);font-weight:var(--w-medium)}.grid td{color:var(--ink)}.grid .n{text-align:right}@media (width<=520px){.tiles{grid-template-columns:1fr}.bar{grid-template-columns:5rem 1fr 3.5rem}.bar-c{display:none}}