:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#f7f4eb;--color-card:#fcfaf5;--color-card-2:#f0ece0;--color-ink:#1d222a;--color-ink-2:#343b45;--color-ink-3:#5d646e;--color-pencil:#6c727b;--color-accent:#282e38;--color-accent-press:#151b24;--color-accent-ink:#f7f5ef;--color-stamp:#af2b25;--color-stamp-press:#901211;--color-stamp-wash:#ffe9e5;--color-highlight:#f2ed94;--color-wash:#f2f1e6;--color-rule:#d6d4cc;--color-rule-2:#b4b1a7;--color-err:#9e1614;--color-err-wash:#ffe9e5;--color-focus:#af2b25;--shadow-tint:#1c222b24;--font-display:var(--font-nanumpen), "Apple SD Gothic Neo", sans-serif;--font-body:var(--font-nanummyeongjo), "Apple SD Gothic Neo", "Noto Sans KR", serif;--font-stamp:var(--font-gasoek), var(--font-nanummyeongjo), "Apple SD Gothic Neo", sans-serif;--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(2.6rem, 7vw + 1rem, 4.3rem);--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-paper:lab(96.3596% -.154525 4.97547);--color-card:lab(98.4259% -.248939 3.04238);--color-card-2:lab(93.3521% .0158846 6.14079);--color-ink:lab(12.9232% -.589736 -6.56705);--color-ink-2:lab(24.5199% -.749707 -7.33305);--color-ink-3:lab(41.943% -1.00316 -6.60855);--color-pencil:lab(47.7476% -.701487 -5.56231);--color-accent:lab(18.7165% -.689328 -7.3094);--color-accent-press:lab(9.42785% -.533104 -7.25476);--color-accent-ink:lab(96.5699% -.248671 3.04259);--color-stamp:lab(40.3353% 53.1823 37.9783);--color-stamp-press:lab(31.1315% 50.2581 37.9812);--color-stamp-wash:lab(93.9825% 7.46754 4.57674);--color-highlight:lab(92.6041% -7.08488 43.5453);--color-wash:lab(94.8802% -.823349 5.27551);--color-rule:lab(84.9937% -.354767 4.57646);--color-rule-2:lab(72.2506% -.419289 5.73812);--color-err:lab(34.514% 53.3831 40.1339);--color-err-wash:lab(93.9825% 7.46754 4.57674);--color-focus:lab(40.3353% 53.1823 37.9783);--shadow-tint:lab(12.9118% -.603847 -7.27841/.14)}}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);word-break:keep-all;margin:0;line-height:1.74}h1,h2,h3,h4,p,ol,ul,figure,form,fieldset,dl,dd,dt,blockquote{margin:0}ol,ul{padding:0;list-style:none}fieldset{border:0;padding:0}a{color:var(--color-ink-2);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--color-stamp-press);text-decoration-thickness:2px}em{font-style:normal}: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-ink);color:var(--color-paper);border-radius:var(--radius-ctl);padding:.7rem 1.1rem;position:absolute;top:-100%;left:.5rem}.skip:focus-visible{top:.5rem}.sheet{background:var(--color-card);border:2px solid var(--color-ink);outline:1px solid var(--color-rule-2);outline-offset:4px;border-radius:var(--radius-card);box-shadow:0 .35rem .9rem 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-card);border:1.5px 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-card-2)}.btn:active{transform:translateY(1px)}.btn--share{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.btn--share:hover{background:var(--color-accent-press);border-color:var(--color-accent-press)}.intro{min-height:100svh;padding:var(--space-xl) clamp(1.05rem, 4vw, 2rem);background:var(--color-paper);place-items:center;display:grid;position:relative}.intro__inner{width:100%;max-width:32rem;padding:var(--space-xl) var(--space-lg)}.intro__head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);border-bottom:2.5px solid var(--color-ink);padding-bottom:var(--space-2xs);display:flex}.intro__subject{font-weight:800;font-size:var(--text-sm);letter-spacing:.22em}.intro__year{font-size:var(--text-xs);color:var(--color-ink-3);white-space:nowrap}.intro__title{margin-top:var(--space-lg);font-family:var(--font-display);font-weight:400;font-size:var(--text-display);letter-spacing:.005em;color:var(--color-ink);white-space:pre-line;overflow-wrap:anywhere;min-width:0;line-height:1.18}.intro__line{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.8}.grade{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--color-rule)}.grade__legend{font-weight:800;font-size:var(--text-sm);color:var(--color-ink-2);padding:0}.grade__grid{margin-top:var(--space-xs);gap:var(--space-2xs) var(--space-2xs);flex-wrap:wrap;display:flex}.grade__chip{font:inherit;font-weight:700;font-size:var(--text-sm);color:var(--color-ink);background:var(--color-card);border:1.5px solid var(--color-pencil);border-radius:var(--radius-ctl);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);align-items:center;gap:.35em;margin:0;padding:.32rem .6rem;display:inline-flex}.grade__chip:hover{border-color:var(--color-ink);background:var(--color-wash)}.grade__chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.grade__box{width:1.05em;height:1.05em;font-family:var(--font-stamp);text-align:center;border:1.5px solid;border-radius:1px;font-size:.85em;line-height:1;display:inline-block}.grade__note{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-3)}.grade__preview{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-highlight);border-radius:var(--radius-ctl);font-size:var(--text-sm);line-height:1.75}.grade__preview strong{font-weight:800}.choice{margin-top:var(--space-lg);gap:var(--space-xs);display:grid}.choice__btn{column-gap:var(--space-sm);width:100%;font:inherit;text-align:left;color:var(--color-ink);background:var(--color-card);border:2px solid var(--color-pencil);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);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"box label""box desc";align-items:center;margin:0;padding:.95rem 1.1rem;display:grid;position:relative}.choice__btn:hover{border-color:var(--color-ink);background:var(--color-wash)}.choice__btn:active{transform:translateY(1px)}.choice__btn:disabled{cursor:wait;opacity:.6;transform:none}.choice__box{border:2px solid var(--color-pencil);background:var(--color-card);border-radius:2px;grid-area:box;width:1.35rem;height:1.35rem}.choice__btn:hover .choice__box{border-color:var(--color-ink)}.choice__label{font-weight:800;font-size:var(--text-lg);grid-area:label;line-height:1.4}.choice__desc{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);grid-area:desc}.form__busy{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-stamp)}.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)}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 double var(--color-ink);padding-top:var(--space-xs);flex-wrap:wrap;display:flex}.sec-h{font-weight:800;font-size:var(--text-2xl);color:var(--color-ink);line-height:1.35}.live-status{font-size:var(--text-xs);color:var(--color-ink-3);white-space:nowrap;margin-left:auto}.done{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-card-2);border-left:4px solid var(--color-highlight);border-radius:0 var(--radius-ctl) var(--radius-ctl) 0}.notice{margin-top:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-card);font-size:var(--text-sm);color:var(--color-ink-2)}.stamp{margin-top:var(--space-md);font-family:var(--font-stamp);font-weight:400;font-size:var(--text-lg);color:var(--color-stamp);border:3px solid var(--color-stamp);background:var(--color-card);box-shadow:0 0 0 1px var(--color-stamp-wash) inset;border-radius:6px;padding:.4rem .9rem;line-height:1.4;display:inline-block;transform:rotate(-2.5deg)}.stamp__cap{font-family:var(--font-body);font-size:var(--text-sm);margin-right:.5em;font-weight:700}.board{margin-top:var(--space-md);padding:var(--space-lg);background:var(--color-card);border:2px solid var(--color-ink);border-radius:var(--radius-card)}.board__title{font-size:var(--text-xs);letter-spacing:.14em;color:var(--color-ink-3);font-weight:700}.board__total{align-items:baseline;gap:var(--space-xs);margin-top:var(--space-2xs);display:flex}.board__n{font-family:var(--font-stamp);font-weight:400;font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--color-ink);line-height:1.1}.board__unit{font-size:var(--text-sm);color:var(--color-ink-3)}.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(6.5em,1fr) minmax(0,1.6fr) auto;display:grid}.dist__row--mine{background:var(--color-highlight)}.dist__label{color:var(--color-ink)}.dist__tick{width:1em;font-family:var(--font-stamp);color:var(--color-stamp);margin-right:.3em;display:inline-block}.dist__mine{margin-left:var(--space-2xs);font-size:var(--text-2xs);color:var(--color-ink);background:var(--color-card);border:1px solid var(--color-pencil);vertical-align:.1em;white-space:nowrap;border-radius:3px;padding:0 .34em;font-weight:700;display:inline-block}.dist__bar{background:var(--color-card-2);border:1px solid var(--color-rule);border-radius:2px;height:.95rem;overflow:hidden}.dist__fill{background:var(--color-pencil);width:0;height:100%;transition:width var(--dur-long) var(--ease-out);display:block}.dist__row--mine .dist__fill{background:var(--color-stamp)}.dist__n{font-family:var(--font-stamp);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-ink-2);justify-self:end;font-weight:400}.dist__row--mine .dist__n{color:var(--color-stamp-press)}.board__actions{margin-top:var(--space-md);align-items:center;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;display:flex}.share-msg{font-size:var(--text-sm);color:var(--color-ink-2)}.cohort{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-card);border:1.5px solid var(--color-rule-2);border-radius:var(--radius-card)}.cohort__cap{font-size:var(--text-xs);letter-spacing:.14em;color:var(--color-ink-3);font-weight:700}.cohort__head{margin-top:var(--space-xs);font-family:var(--font-stamp);font-size:var(--text-xl);color:var(--color-stamp);border:3px solid var(--color-stamp);background:var(--color-card);border-radius:6px;padding:.3rem .8rem;line-height:1.35;display:inline-block;transform:rotate(-1.5deg)}.cohort__body{margin-top:var(--space-sm);font-size:var(--text-md)}.cohort__quote{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-left:3px solid var(--color-pencil);background:var(--color-card-2);font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.85}.cards{gap:var(--space-sm);margin-top:var(--space-md);display:grid}.fact{padding:var(--space-md);background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-card)}.fact__head{align-items:center;gap:var(--space-2xs) var(--space-xs);flex-wrap:wrap;display:flex}.fact__badge{font-family:var(--font-stamp);font-size:var(--text-md);color:var(--color-card);background:var(--color-stamp);white-space:nowrap;border-radius:3px;padding:.05em .5em;line-height:1.55}.fact__t{font-weight:800;font-size:var(--text-lg);line-height:1.45}.fact__label{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-3);font-weight:700}.fact__quote{margin-top:var(--space-2xs);font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.85}.fact__src{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-ink-3)}.fact__label+.fact__src{margin-top:var(--space-2xs)}.humor{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-card-2);border:1px solid var(--color-rule);border-radius:var(--radius-card)}.humor__t{font-size:var(--text-xs);letter-spacing:.14em;color:var(--color-ink-3);font-weight:800}.humor__b{margin-top:var(--space-2xs);font-family:var(--font-display);font-size:var(--text-xl);line-height:1.7}.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){.intro__inner{padding:var(--space-lg) var(--space-md)}.board,.cohort,.fact,.humor{padding: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}.choice__btn{padding:.9rem 1rem}.choice__label{font-size:var(--text-md)}.board__n{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.grade__chip,.choice__btn,.dist__fill{transition:none}.btn:active,.choice__btn:active,.stamp,.cohort__head{transform:none}}
