:root{--stock:#f7f4ea;--ink:#23211c;--ink-2:#6f6a5c;--pen:#26418f;--seal:#b23a2e;--rule:#b9b3a3;--serif:var(--font-serif), "Apple SD Gothic Neo", serif;--hand:var(--font-hand), var(--serif);--mono:var(--font-mono), ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--stock);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.75}.form{flex-direction:column;gap:16px;max-width:460px;min-height:100svh;margin:0 auto;padding:20px 16px 40px;display:flex}.form.pinned{justify-content:space-between;gap:0}.pinned .head,.pinned .foot{flex-direction:column;gap:12px;display:flex}.pinned .middle{flex-direction:column;flex:1;justify-content:center;gap:18px;min-height:0;padding:20px 0;display:flex}.masthead{border:2px solid var(--ink);text-align:center;padding:12px 14px}.masthead .doc{font:400 10px/1.6 var(--mono);letter-spacing:.34em;color:var(--ink-2);text-transform:uppercase}.masthead h1{font-family:var(--serif);letter-spacing:.12em;margin:4px 0 0;font-size:clamp(26px,8vw,34px);font-weight:700}.masthead .sub{color:var(--ink-2);margin:4px 0 0;font-size:13.5px}.table{border:1.5px solid var(--ink)}.tr{border-bottom:1px solid var(--rule);grid-template-columns:92px 1fr;display:grid}.tr:last-child{border-bottom:0}.th{border-right:1px solid var(--rule);font:400 11.5px/1.5 var(--serif);letter-spacing:.08em;color:var(--ink-2);background:#23211c0f;align-items:center;padding:10px;display:flex}.td{padding:10px 12px;font-size:14.5px}.td .pen{font-family:var(--hand);color:var(--pen);font-size:17px;line-height:1.5}.entries{border:1.5px solid var(--ink)}.entryrow{border-bottom:1px solid var(--rule);color:var(--ink-2);grid-template-columns:34px 1fr 34px;font-size:13px;display:grid}.entryrow:last-child{border-bottom:0}.entryrow span{border-right:1px solid var(--rule);padding:7px 8px}.entryrow span:last-child{text-align:center;font-family:var(--hand);color:var(--pen);border-right:0;font-size:16px}.entryrow.empty span{color:var(--rule)}.no{font:400 11px/1 var(--mono);letter-spacing:.18em;color:var(--ink-2);text-transform:uppercase;justify-content:space-between;display:flex}.item{font-family:var(--serif);text-wrap:balance;margin:0;font-size:clamp(21px,6.4vw,28px);font-weight:700;line-height:1.4}.answers{gap:9px;display:grid}.answer{border:1px solid var(--ink);color:var(--ink);font-family:var(--serif);text-align:left;cursor:pointer;background:#ffffff8c;align-items:center;gap:12px;padding:14px;font-size:15.5px;line-height:1.45;display:flex}.answer em{font:400 11px/1 var(--mono);color:var(--pen);border:1px solid var(--rule);flex:none;padding:5px 7px;font-style:normal}.answer:hover{border-color:var(--pen);background:#26418f12}.submit{border:2px solid var(--ink);background:var(--ink);width:100%;color:var(--stock);font-family:var(--serif);letter-spacing:.08em;text-align:center;cursor:pointer;padding:15px;font-size:16.5px;font-weight:700;text-decoration:none;display:block}.submit.plain{color:var(--ink);background:0 0;border-width:1px;font-weight:400}.submit:focus-visible,.answer:focus-visible{outline:2px solid var(--pen);outline-offset:3px}.erase{color:var(--ink-2);font:400 11.5px/1 var(--mono);letter-spacing:.12em;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.label{font-family:var(--serif);margin:0;font-size:clamp(26px,8vw,34px);font-weight:700;line-height:1.2}.oneline{color:var(--ink-2);margin:6px 0 0;font-size:14.5px}.marks{gap:7px;display:grid}.mark{font:400 12px/1 var(--mono);color:var(--ink-2);grid-template-columns:1fr 66px 42px;align-items:center;gap:10px;display:grid}.mark .bar{border:1px solid var(--rule);height:8px}.mark .bar i{background:var(--pen);opacity:.8;height:100%;display:block}.mark b{color:var(--pen);letter-spacing:.12em}.mark .n{text-align:right;font-variant-numeric:tabular-nums}.peers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.peers a{border:1px solid var(--rule);color:var(--ink);background:#ffffff80;padding:11px;text-decoration:none}.peers .k{font:400 10.5px/1.6 var(--serif);color:var(--ink-2)}.peers .v{margin-top:4px;font-size:15px;font-weight:700;line-height:1.25}.comment{border:1.5px solid var(--ink);background:#ffffff80;padding:14px;position:relative}.comment .k{font:400 11px/1.6 var(--serif);letter-spacing:.1em;color:var(--ink-2);margin:0}.comment p{font-family:var(--hand);color:var(--pen);margin:8px 60px 0 0;font-size:19px;line-height:1.65}.seal{border:2px solid var(--seal);width:52px;height:52px;color:var(--seal);text-align:center;font:400 9px/1.35 var(--serif);letter-spacing:.06em;opacity:.9;border-radius:6px;place-items:center;display:grid;position:absolute;bottom:12px;right:12px;transform:rotate(-6deg)}.fine{color:var(--ink-2);margin:0;font-size:12px}.send{gap:8px;display:flex}.send button,.send a{border:1px solid var(--ink);color:var(--ink);font-family:var(--serif);cursor:pointer;white-space:nowrap;background:#ffffff8c;flex:1;justify-content:center;align-items:center;gap:5px;padding:13px 5px;font-size:13px;text-decoration:none;display:flex}.send button.kakao{color:#191600;background:#fee500}.hint{font:400 11.5px/1.6 var(--mono);letter-spacing:.1em;color:var(--ink-2);text-align:center;margin:0}.roll{border:1.5px solid var(--ink)}.roll a{border-bottom:1px solid var(--rule);color:var(--ink);grid-template-columns:62px 1fr;text-decoration:none;display:grid}.roll a:last-child{border-bottom:0}.roll a:hover{background:#26418f0f}.roll .c{border-right:1px solid var(--rule);font:400 11px/1.6 var(--mono);color:var(--ink-2);padding:10px}.roll .n{padding:10px 12px;font-weight:700}.note{border:1px dashed var(--rule);color:var(--ink-2);padding:13px;font-size:13px}.note b{color:var(--ink)}.siblings{color:var(--ink-2);text-align:center;margin:0;font-size:12px}.siblings a{color:var(--pen)}.toast{z-index:9;background:var(--ink);color:var(--stock);font:400 13px var(--serif);word-break:break-all;text-align:center;max-width:calc(100% - 36px);padding:11px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (min-width:620px),(min-height:900px){.form.pinned{justify-content:center;gap:24px}.form.pinned .middle{flex:none;padding:0}}