:root{--paper:#fff;--orange:#ff8c42;--green:#2bb673;--ink:#222;--mist:#f5f5f5;--font-display:"Jua", "Gothic A1", "Apple SD Gothic Neo", sans-serif;--font-body:"Gothic A1", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--rule:3px;--tick:1.35rem;--gutter:clamp(1rem, 4vw, 2rem);--wrap:60rem;--measure:44em}*,:before,:after{box-sizing:border-box}html{color-scheme:light;background:var(--paper);-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);font:400 1.0625rem/1.75 var(--font-body);word-break:keep-all;overflow-wrap:break-word;flex-direction:column;margin:0;display:flex}main{flex:1 0 auto}a{color:inherit;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{text-decoration-color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:400;line-height:1.25}p{margin:0}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.site-head{border-bottom:var(--rule) solid var(--ink)}.site-head__in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-block:1rem;display:flex}.brand{font:400 1.6rem/1 var(--font-display);align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.mark{flex:none;width:1.5rem;height:1.5rem}.site-nav{gap:1.4rem;font-size:.95rem;font-weight:700;display:flex}.site-nav a[aria-current=page]{text-decoration-color:var(--ink)}.site-foot{background:var(--mist);border-top:var(--rule) solid var(--ink);margin-top:5rem}.site-foot__in{gap:.75rem;padding-block:2.25rem 2.5rem;font-size:.9rem;display:grid}.site-foot__brand{font:400 1.25rem/1 var(--font-display);align-items:center;gap:.5rem;display:inline-flex}.site-foot__brand .mark{width:1.2rem;height:1.2rem}.site-foot__note{max-width:40em}.site-foot__links{flex-wrap:wrap;gap:1.25rem;font-weight:700;display:flex}.tick{width:var(--tick);height:var(--tick);border:3px solid var(--ink);background:var(--paper);border-radius:2px;flex:none;transition:background-color .12s,border-color .12s;position:relative}.tick:after,.check input:after{content:"";border:solid var(--paper);opacity:0;border-width:0 3px 3px 0;width:.38rem;height:.72rem;position:absolute;top:.04rem;left:.33rem;transform:rotate(45deg)}.tick.is-done,.roll li:hover .tick,.roll li:focus-within .tick{background:var(--green);border-color:var(--green)}.tick.is-done:after,.roll li:hover .tick:after,.roll li:focus-within .tick:after{opacity:1}.check{cursor:pointer;align-items:flex-start;gap:.65rem;display:flex}.check input{-webkit-appearance:none;appearance:none;width:var(--tick);height:var(--tick);border:3px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:2px;flex:none;margin:.28rem 0 0;transition:background-color .12s,border-color .12s;position:relative}.check input:checked{background:var(--green);border-color:var(--green)}.check input:checked:after{opacity:1}.check input:checked+span{text-decoration:line-through 2px;text-decoration-color:var(--green)}.sticker{background:var(--orange);width:3.4rem;height:3.4rem;color:var(--ink);font:400 1.05rem/1 var(--font-display);border-radius:50%;flex:none;place-items:center;display:inline-grid;rotate:-8deg}.meta{flex-wrap:wrap;gap:.25rem 1.1rem;font-size:.875rem;display:flex}.tags{flex-wrap:wrap;gap:.6rem;display:inline-flex}.section-title{margin-bottom:1rem;font-size:1.7rem}.roll{border-top:2px dashed var(--ink);margin:0;padding:0;list-style:none}.roll li{border-bottom:2px dashed var(--ink);align-items:flex-start;gap:1rem;padding-block:1.35rem;display:flex}.roll .tick{margin-top:.45rem}.roll__body{flex:auto;min-width:0}.roll__title{font-size:1.4rem}.roll__desc{max-width:40em;margin:.35rem 0 .45rem}.intro{padding-block:2.5rem 2rem}.intro__title{font-size:clamp(1.9rem,4.5vw,2.6rem)}.intro__lead{max-width:34em;margin-top:.75rem;font-size:1.1rem}.board-scroll{margin-bottom:4rem;overflow-x:auto}.board{border-collapse:collapse;border:var(--rule) solid var(--ink);width:100%}.board caption{caption-side:top;border:var(--rule) solid var(--ink);background:var(--orange);font:400 1.35rem/1.2 var(--font-display);text-align:left;border-bottom:0;padding:.7rem 1rem}.board th,.board td{border:2px solid var(--ink);text-align:left;vertical-align:top;padding:.85rem 1rem}.board thead th{background:var(--mist);font-size:.95rem;font-weight:700}.board__name{width:26%;font:400 1.3rem/1.3 var(--font-display)}.board__period{width:5.5rem}.board__todo{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.board__todo li{align-items:center;gap:.55rem;display:flex}.board__todo .tick{width:1.1rem;height:1.1rem}.guides{margin-bottom:2rem}.post{max-width:51rem;padding-block:2.5rem 0}.post-head{border-bottom:var(--rule) solid var(--ink);margin-bottom:2.5rem;padding-bottom:1.75rem;position:relative}.post-head .sticker{margin-bottom:.9rem}.post-head__title{font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.2}.post-head__lead{margin-top:1rem;font-size:1.15rem;line-height:1.7}.post-head .meta{margin-top:1.1rem}.today{border:var(--rule) solid var(--ink);margin:3.5rem 0 2rem}.today__title{border-bottom:var(--rule) solid var(--ink);background:var(--green);padding:.65rem 1rem;font-size:1.35rem}.today__hint{padding:.9rem 1rem 0;font-size:.9rem}.today__list{gap:.55rem;margin:0;padding:.75rem 1rem 1.1rem;list-style:none;display:grid}.notice{background:var(--mist);padding:1rem 1.25rem;font-size:.9rem;line-height:1.65}.related{margin-top:3.5rem}.page{max-width:51rem;padding-block:2.5rem 0}.page__title{margin-bottom:1.5rem;font-size:clamp(1.9rem,5vw,2.6rem)}.page h2{margin:2.5rem 0 .9rem;font-size:1.45rem}.page p{max-width:var(--measure);margin-bottom:1.1em}.rules{max-width:var(--measure);gap:.7rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.rules li{align-items:flex-start;gap:.65rem;display:flex}.rules .tick{margin-top:.3rem}.lost{max-width:40rem;padding-block:4rem 2rem}.lost .sticker{width:4.5rem;height:4.5rem;margin-bottom:1.25rem;font-size:1.4rem}.lost__title{font-size:clamp(1.8rem,5vw,2.5rem)}.lost p{margin:1rem 0 1.75rem}.button{background:var(--ink);color:var(--paper);font:400 1.1rem/1.3 var(--font-display);padding:.6rem 1.2rem;text-decoration:none;display:inline-block}.button:hover{background:var(--green);color:var(--ink)}@media (width<=40rem){.board caption{padding:.55rem .7rem;font-size:1.15rem}.board th,.board td{padding:.55rem .6rem;font-size:.88rem}.board__name{font-size:1.05rem}.board__period{width:3.6rem}.board .sticker,.roll .sticker{width:2.8rem;height:2.8rem;font-size:.9rem}.board__todo .tick{border-width:2px;width:.9rem;height:.9rem}.roll li{gap:.7rem}.roll__title{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}