@font-face{font-family:Jua;src:url(/fonts/Jua-Regular.ttf)format("truetype");font-display:block}:root{--key:#ff8fb8;--key-soft:#ffe9f1;--pop:#ffd60a;--ink:#111;--white:#fff;--alert:#c4004a;--line:3px}*{box-sizing:border-box}body{background:var(--key);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.5}.container{max-width:1120px;margin:0 auto;padding:0 32px}.site-header{padding-top:36px;padding-bottom:30px}.brand-box{background:var(--ink);color:var(--key);box-shadow:6px 6px 0 var(--pop);padding:6px 22px 12px;display:inline-block;transform:rotate(-1.5deg)}.brand-title{margin:0;font-family:Jua,sans-serif;font-size:56px;font-weight:400;line-height:1.1}.tagline{color:var(--white);margin:2px 0 0;font-size:14px;font-weight:700}.layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:48px;display:grid}.panel{background:var(--white);border:var(--line) solid var(--ink);box-shadow:8px 8px 0 var(--ink);flex-direction:column;gap:22px;padding:24px;display:flex}.options{flex-direction:column;gap:16px;display:flex}.option-group{border:0;margin:0;padding:0}.option-group legend{margin-bottom:8px;padding:0;font-size:15px;font-weight:800}.segmented{gap:8px;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{border:var(--line) solid var(--ink);background:var(--white);text-align:center;min-width:62px;padding:8px 14px;font-size:16px;font-weight:700;display:block}.segmented label:has(input:checked) span{background:var(--ink);color:var(--pop);transform:translate(2px,2px)}.segmented label:not(:has(input:checked)) span{box-shadow:3px 3px 0 var(--ink)}.segmented label:has(input:focus-visible) span{outline:3px solid var(--key);outline-offset:3px}.same-word{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.same-word[hidden]{display:none}.same-word input{width:20px;height:20px;accent-color:var(--ink)}.words{grid-template-columns:1fr 1fr;gap:12px;display:grid}.word-input{border:var(--line) solid var(--ink);background:var(--white);width:100%;min-width:0;color:var(--ink);border-radius:0;padding:10px 12px;font-family:Jua,sans-serif;font-size:26px}.word-input:first-child{grid-column:1/-1}.word-input:focus{background:var(--key-soft);box-shadow:4px 4px 0 var(--ink);outline:none}.word-input:disabled{color:#777;background:repeating-linear-gradient(135deg,#f1f1f1 0 6px,#e2e2e2 6px 12px)}.word-input::placeholder{color:#9b9b9b}.message{min-height:1.5em;color:var(--alert);margin:-10px 0 0;font-size:14px;font-weight:800}#print-button{border:var(--line) solid var(--ink);background:var(--pop);width:100%;color:var(--ink);cursor:pointer;box-shadow:5px 5px 0 var(--ink);border-radius:0;padding:14px 20px;font-family:Jua,sans-serif;font-size:24px}#print-button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}#print-button:focus-visible{outline:3px solid var(--key);outline-offset:3px}#print-button:disabled{color:#8a8a8a;box-shadow:none;cursor:not-allowed;background:#e4e4e4}.howto{margin:0;padding-left:22px;font-size:14px;font-weight:600}.howto li+li{margin-top:4px}#preview{aspect-ratio:210/297;border:var(--line) solid var(--ink);background:var(--white);width:100%;max-width:560px;box-shadow:10px 10px 0 var(--ink)}#preview[data-orientation=landscape]{aspect-ratio:297/210;max-width:760px}#preview svg{width:100%;height:100%;display:block}.placeholder{text-align:center;justify-content:center;align-items:center;height:100%;margin:0;padding:0 16px;font-weight:700;display:flex}.site-footer{margin-top:56px;padding-bottom:40px;font-size:13px;font-weight:600}.site-footer-inner{border-top:var(--line) solid var(--ink);padding-top:16px}.site-footer p{margin:0 0 4px}.site-footer a{color:inherit}@media print{body{background:#fff}#preview{box-shadow:none}}@page{margin:0}@media print{html,body{background:#fff;margin:0;padding:0}.no-print{display:none!important}.container{max-width:none;margin:0;padding:0}.layout{display:block}#preview{width:210mm;max-width:none;height:297mm;box-shadow:none;break-inside:avoid;border:0;overflow:hidden}#preview[data-orientation=landscape]{width:297mm;max-width:none;height:210mm}}.site-header{grid-template-columns:1fr auto;align-items:start;column-gap:24px;display:grid}.site-header>*{grid-column:1}.site-header>.brand-box,.site-header>.brand-link{justify-self:start}.site-nav{flex-wrap:wrap;grid-area:1/2;justify-content:flex-end;gap:8px 10px;font-size:15px;font-weight:800;display:flex}.site-nav a{border:var(--line) solid var(--ink);background:var(--white);color:var(--ink);box-shadow:3px 3px 0 var(--ink);padding:6px 12px;text-decoration:none}.site-nav a:hover{background:var(--pop)}.site-nav a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.brand-link{text-decoration:none}.doc{background:var(--white);border:var(--line) solid var(--ink);max-width:760px;box-shadow:8px 8px 0 var(--ink);margin:0 auto 0 0;padding:28px 32px 32px}.doc h1{margin:0 0 16px;font-family:Jua,sans-serif;font-size:34px;font-weight:400;line-height:1.25}.doc h2{border-bottom:2px solid var(--ink);margin:30px 0 8px;padding-bottom:4px;font-size:20px}.doc p,.doc li{font-size:16px;line-height:1.75}.doc p{margin:0 0 12px}.doc ul,.doc ol{margin:0 0 12px;padding-left:22px}.doc a{color:var(--alert);font-weight:700}.doc .updated{color:#555;font-size:14px}@media (width<=720px){.site-header{grid-template-columns:1fr;row-gap:18px}.site-nav{order:2;grid-area:auto/1;justify-content:flex-start}.doc{padding:20px 18px 24px}.doc h1{font-size:28px}}