:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-wall:#edf0f5;--color-paper:#fbfcfe;--color-paper-2:#f2f4f9;--color-ink:#16202e;--color-ink-2:#313b4b;--color-ink-3:#545e6f;--color-accent:#1f3c86;--color-accent-press:#10286e;--color-accent-ink:#f9fafd;--color-accent-soft:#d8e3fb;--color-cap:#b71824;--color-cap-ink:#fff2f0;--color-cap-wash:#ffebe9;--color-wash:#e9eef8;--color-rule:#d3d8e1;--color-rule-2:#9babcb;--color-board:#142139;--color-board-2:#21304c;--color-board-hi:#dbba66;--color-board-text:#e2e8f2;--color-board-dim:#95a5c5;--color-err:#a12f2f;--color-err-wash:#ffe9e6;--color-focus:#b71824;--shadow-tint:#202e4724;--font-display:var(--font-blackhansans), "Apple SD Gothic Neo", sans-serif;--font-body:var(--font-gothica1), "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-num:var(--font-nanumcoding), "Apple SD Gothic Neo", monospace;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.25rem;--space-2xl:3.25rem;--text-2xs:.68rem;--text-xs:.78rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.19rem;--text-xl:1.43rem;--text-2xl:1.75rem;--text-display:clamp(3rem, 8vw + 1rem, 4.6rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--radius-card:4px;--radius-ctl:3px}@supports (color:lab(0% 0 0)){:root{--color-wall:lab(94.6294% -.1854 -3.0233);--color-paper:lab(99.0593% -.0742972 -1.13657);--color-paper-2:lab(96.2637% -.178337 -2.26626);--color-ink:lab(11.6979% -.81002 -10.7145);--color-ink-2:lab(24.4522% -.847489 -11.6059);--color-ink-3:lab(39.5427% -.723839 -11.0372);--color-accent:lab(26.6279% 11.6282 -45.9341);--color-accent-press:lab(18.3688% 13.995 -44.0856);--color-accent-ink:lab(98.243% -.097841 -1.51466);--color-accent-soft:lab(89.9705% -.495553 -13.0624);--color-cap:lab(40.057% 60.2793 38.9217);--color-cap-ink:lab(96.3821% 4.58768 2.46804);--color-cap-wash:lab(94.5029% 9.19646 4.96033);--color-wash:lab(93.9091% -.380069 -5.26757);--color-rule:lab(86.0208% -.375241 -5.26495);--color-rule-2:lab(69.5832% -.543684 -18.4387);--color-board:lab(12.6396% 1.09689 -17.8074);--color-board-2:lab(19.5888% .772789 -19.6619);--color-board-hi:lab(77.0935% 4.97088 46.5787);--color-board-text:lab(91.8304% -.75224 -5.58867);--color-board-dim:lab(67.2615% -.51403 -18.4274);--color-err:lab(38.1738% 47.3605 28.6629);--color-err-wash:lab(93.9694% 7.65815 4.12705);--color-focus:lab(40.057% 60.2793 38.9217);--shadow-tint:lab(18.4733% .516817 -17.9098/.14)}}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--color-wall);color:var(--color-ink);font-family:var(--font-body);font-weight:500;font-size:var(--text-md);word-break:keep-all;margin:0;line-height:1.68}h1,h2,h3,h4,p,ol,ul,figure,form,dl,dd,dt,fieldset{margin:0}fieldset{border:0;padding:0}legend{padding:0}ol,ul{padding:0;list-style:none}a{color:var(--color-accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--color-accent-press);text-decoration-thickness:2px}em{font-style:normal}strong{font-weight:700}:focus{outline:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:42rem;margin-inline:auto;padding-inline:clamp(1.05rem,4vw,2rem)}.skip{z-index:100;background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-ctl);padding:.7rem 1.1rem;position:absolute;top:-100%;left:.5rem}.skip:focus-visible{top:.5rem}.sheet{background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-card);box-shadow:0 .3rem .7rem 0 var(--shadow-tint);position:relative}.btn{justify-content:center;align-items:center;gap:var(--space-2xs);font:inherit;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-ctl);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);margin:0;padding:.62rem 1.05rem;font-weight:700;display:inline-flex}.btn:hover{background:var(--color-paper-2)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55;background:var(--color-paper-2);transform:none}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-accent-press);border-color:var(--color-accent-press)}.btn--ghost{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-paper)}.btn--ghost:hover{background:var(--color-accent-soft)}.btn--primary:disabled{background:var(--color-paper-2);border-color:var(--color-rule-2);color:var(--color-ink-3)}.intro{min-height:100svh;padding:var(--space-xl) clamp(1.05rem, 4vw, 2rem);place-items:center;display:grid}.intro__inner{width:100%;max-width:30rem;padding:var(--space-2xl) var(--space-lg);border-top:6px solid var(--color-cap)}.intro__tag{font-size:var(--text-xs);letter-spacing:.14em;color:var(--color-accent);font-weight:700}.intro__title{margin-top:var(--space-xs);font-family:var(--font-display);font-weight:400;font-size:var(--text-display);letter-spacing:.01em;color:var(--color-ink);overflow-wrap:anywhere;min-width:0;line-height:1.08}.intro__line{margin-top:var(--space-md);font-size:var(--text-lg);color:var(--color-ink-2);font-weight:700}.intro__start{margin-top:var(--space-xl);width:100%;font-size:var(--text-lg)}main{padding-bottom:var(--space-2xl)}main>section{margin-top:var(--space-2xl);scroll-margin-top:1.5rem}.sec-head{align-items:baseline;gap:var(--space-xs) var(--space-sm);border-top:3px solid var(--color-accent);padding-top:var(--space-xs);flex-wrap:wrap;display:flex}.sec-h{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);color:var(--color-ink);line-height:1.3}.live-status{font-size:var(--text-xs);color:var(--color-ink-3);white-space:nowrap;margin-left:auto}.form{margin-top:var(--space-md);padding:var(--space-lg);gap:var(--space-md);display:grid}.f-row--indent{border-left:3px solid var(--color-accent-soft);padding-left:1.1rem}.f-legend{font-weight:700;font-size:var(--text-sm);color:var(--color-ink-2)}.f-opts{margin-top:var(--space-2xs);gap:var(--space-2xs) var(--space-sm);flex-wrap:wrap;display:flex}.f-opt{background:var(--color-paper-2);border:1px solid var(--color-rule-2);border-radius:var(--radius-ctl);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);align-items:center;gap:.34em;padding:.42rem .8rem;font-weight:700;display:inline-flex}.f-opt:has(input:checked){background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-press)}.f-opt:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.f-opt input{accent-color:var(--color-accent);margin:0}.f-inputbox{margin-top:var(--space-2xs)}.f-input{box-sizing:border-box;width:100%;font-family:var(--font-num);font-size:var(--text-lg);color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-rule-2);border-radius:var(--radius-ctl);padding:.66rem .8rem}.f-input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px;border-color:var(--color-accent)}.f-unit{font-weight:500;font-size:var(--text-xs);color:var(--color-ink-3);margin-left:.4em}.f-conv{margin-top:var(--space-2xs);font-family:var(--font-num);font-size:var(--text-sm);color:var(--color-ink-3)}.form-error{padding:var(--space-xs) var(--space-sm);background:var(--color-err-wash);border-left:3px solid var(--color-err);border-radius:0 var(--radius-ctl) var(--radius-ctl) 0;font-size:var(--text-sm);color:var(--color-err);font-weight:700}.form-note{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2)}.capcard{margin-top:var(--space-md);padding:var(--space-lg);background:var(--color-paper);border:1px solid var(--color-rule-2);border-top:6px solid var(--color-cap);border-radius:var(--radius-card);box-shadow:0 .3rem .7rem 0 var(--shadow-tint)}.capcard__cond{font-family:var(--font-num);font-size:var(--text-sm);color:var(--color-ink-3)}.capcard__label{margin-top:var(--space-sm);font-weight:900;font-size:var(--text-md);color:var(--color-cap)}.capcard__cap{margin-top:var(--space-2xs);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-ink);overflow-wrap:anywhere;min-width:0;font-size:clamp(2.6rem,9vw + 1rem,4.2rem);font-weight:400;line-height:1.1}.capcard__note{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.7}.capcard__law{margin-top:var(--space-md)}.calc{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg)}.calc__table{border-collapse:collapse;width:100%;font-family:var(--font-num);font-size:var(--text-sm)}.calc__table th,.calc__table td{padding:var(--space-2xs) var(--space-xs);border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:top}.calc__table th{white-space:nowrap;color:var(--color-ink-3);font-weight:700}.calc__table td{font-weight:400}.calc__foot{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-ink-3);line-height:1.7}.factcard{margin-top:var(--space-md);padding:var(--space-lg)}.factcard__body{font-size:var(--text-sm);line-height:1.8}.q{margin:var(--space-sm) 0 0;padding:var(--space-sm) var(--space-md);background:var(--color-paper-2);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-ctl) var(--radius-ctl) 0}.q__text{font-weight:400;font-size:var(--text-sm);line-height:1.8}.q__src{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--color-ink-3)}.myth{margin-top:var(--space-md);gap:var(--space-sm);display:grid}.myth__card{padding:var(--space-md) var(--space-lg);border-left:4px solid var(--color-cap)}.myth__head{font-weight:900;font-size:var(--text-md)}.myth__row{margin-top:var(--space-sm)}.myth__label{font-size:var(--text-2xs);border:1px solid var(--color-rule-2);border-radius:var(--radius-ctl);color:var(--color-ink-3);background:var(--color-paper-2);padding:0 .5em;font-weight:700;display:inline-block}.myth__quote{margin-top:var(--space-2xs);font-weight:400;font-size:var(--text-sm);line-height:1.8}.myth__src{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-ink-3)}.choice{margin-top:var(--space-md);padding:var(--space-lg)}.choice__lead{font-weight:700}.choice__grid{margin-top:var(--space-sm);gap:var(--space-xs);display:grid}.choice__btn{width:100%;font:inherit;font-size:var(--text-xl);text-align:center;color:var(--color-ink);background:var(--color-paper-2);border:2px solid var(--color-rule-2);border-radius:var(--radius-ctl);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);margin:0;padding:1.05rem 1.2rem;font-weight:700}.choice__btn:hover{background:var(--color-wash);border-color:var(--color-accent);color:var(--color-accent-press)}.choice__btn:active{transform:translateY(1px)}.choice__btn:disabled{cursor:wait;opacity:.6;transform:none}.form__busy{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-accent);font-weight:700}.vote-error{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-err-wash);border-left:3px solid var(--color-err);border-radius:0 var(--radius-ctl) var(--radius-ctl) 0;font-size:var(--text-sm);color:var(--color-err)}.done{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-accent-soft);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-ctl) var(--radius-ctl) 0;font-weight:700}.lock{margin-top:var(--space-md);padding:var(--space-xl) var(--space-lg);text-align:center;background:var(--color-paper);border:2px dashed var(--color-rule-2);border-radius:var(--radius-card)}.lock__line{font-weight:700;font-size:var(--text-lg)}.notice{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-card);font-size:var(--text-sm);color:var(--color-ink-2)}.board{margin-top:var(--space-md);padding:var(--space-lg);background:var(--color-board);color:var(--color-board-text);border-radius:var(--radius-card)}.board__title{font-size:var(--text-sm);letter-spacing:.08em;color:var(--color-board-dim);font-weight:700}.board__total{align-items:baseline;gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.board__n{font-family:var(--font-num);font-weight:700;font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--color-board-hi);line-height:1.15}.board__unit{font-size:var(--text-sm);color:var(--color-board-dim)}.is-swap{animation:swap-in var(--dur-long) var(--ease-out)}@keyframes swap-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.dist{gap:var(--space-xs);margin-top:var(--space-md);display:grid}.dist__row{align-items:center;gap:var(--space-2xs) var(--space-sm);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-ctl);font-size:var(--text-sm);grid-template-columns:minmax(4.5em,8em) minmax(0,1fr) auto;display:grid}.dist__label{color:var(--color-board-text);font-weight:700}.dist__mine{margin-left:var(--space-2xs);font-size:var(--text-2xs);color:var(--color-board);background:var(--color-board-hi);vertical-align:.1em;border-radius:3px;padding:0 .34em;font-weight:700;display:inline-block}.dist__bar{background:var(--color-board-2);border-radius:3px;height:.95rem;overflow:hidden}.dist__fill{background:var(--color-board-dim);width:0;height:100%;transition:width var(--dur-long) var(--ease-out);display:block}.dist__row--mine .dist__fill{background:var(--color-board-hi)}.dist__row--mine .dist__label{color:var(--color-board-hi)}.dist__n{font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-board-text);justify-self:end;font-weight:400}.dist__row--mine .dist__n{color:var(--color-board-hi)}.tl{gap:var(--space-sm);margin-top:var(--space-md);display:grid}.tl__item{padding:var(--space-md);background:var(--color-paper);border:1px solid var(--color-rule);border-left:4px solid var(--color-accent);border-radius:var(--radius-card)}.tl__meta{align-items:baseline;gap:var(--space-2xs) var(--space-sm);font-size:var(--text-xs);color:var(--color-ink-3);flex-wrap:wrap;display:flex}.tl__date{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:700}.tl__who{color:var(--color-ink-2);font-weight:700}.tl__quote{margin-top:var(--space-2xs);font-weight:400;font-size:var(--text-sm);line-height:1.8}.tl__src{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-3)}.humor{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-cap-wash);border:1px solid var(--color-rule);border-left:4px solid var(--color-cap);border-radius:var(--radius-card)}.humor__t{font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-cap);font-weight:700}.humor__b{margin-top:var(--space-2xs);font-size:var(--text-sm)}.foot{margin-top:var(--space-2xl);padding-block:var(--space-lg);border-top:1px solid var(--color-rule)}.foot__line{font-size:var(--text-xs);color:var(--color-ink-3);line-height:1.9}@media (max-width:480px){.form,.capcard,.choice,.board,.lock,.factcard,.myth__card,.humor,.calc{padding:var(--space-md)}.intro__inner{padding:var(--space-xl) var(--space-md)}.dist__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label n""bar bar"}.dist__label{grid-area:label}.dist__bar{grid-area:bar}.dist__n{grid-area:n}.calc__table th,.calc__table td{border-bottom:0;padding-block:.14rem;display:block}.calc__table tr{padding-block:var(--space-2xs);border-bottom:1px solid var(--color-rule);display:block}.calc__table tr:last-child{border-bottom:0}.choice__btn{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.choice__btn,.dist__fill,.f-opt{transition:none}.is-swap{animation:none}.btn:active,.choice__btn:active{transform:none}}