:root{--primary:#02be60;--primary-light:#29d47f;--surface:#ffffff;--bg:#f4f5fb;--border:#e2e4f0;--text:#1a1d2e;--text-muted:#7b7f9e;--radius:14px;--radius-sm:8px;--shadow:0 2px 12px rgba(91, 108, 249, 0.08)}body,html{height:auto;min-height:100dvh}main{max-width:960px;margin:var(--header-height) auto 0!important;min-height:calc(100dvh - var(--header-height));padding:10px 24px 60px;display:flex;flex-direction:column;gap:32px}#maker-section{display:flex;gap:24px;font-size:22px}#main-content{flex:1;display:flex;flex-direction:column;gap:14px}.field-group{display:flex;flex-direction:column;gap:8px}.field-label{display:flex;align-items:center;gap:7px;font-weight:700;font-size:22px;color:var(--text)}.field-label .optional{font-weight:400;color:var(--text-muted)}.field-label .count-badge{font-weight:600;color:var(--primary);background:rgba(2,190,96,.1);padding:5px 10px;border-radius:100px}.option-icon{font-size:22px}#title-input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:22px;font-family:inherit;color:var(--text);background:var(--surface);box-sizing:border-box;transition:border-color .18s;outline:0}#answer-input:focus,#question-input:focus,#title-input:focus{border-color:var(--primary)}#answer-input,#question-input{width:100%;min-height:552px;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:22px;font-family:inherit;color:var(--text);background:var(--surface);box-sizing:border-box;resize:vertical;transition:border-color .18s;outline:0;line-height:1.6}#make-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:24px;font-family:inherit;font-weight:700;cursor:pointer;transition:opacity .18s,transform .15s,box-shadow .18s;box-shadow:0 4px 16px rgba(91,108,249,.4);letter-spacing:.3px}#make-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px rgba(91,108,249,.5)}#make-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(91,108,249,.4)}#page-nav-wrapper{display:none;align-items:center;gap:8px;width:100%}#page-content{flex:1;min-width:0;display:flex;flex-direction:column}.nav-page-btn{flex-shrink:0;width:44px;height:44px;border:1.5px solid var(--border);background:var(--surface);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:0;transition:border-color .18s,color .18s;box-shadow:var(--shadow)}.nav-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.nav-page-btn:disabled{opacity:.2;cursor:default;pointer-events:none}[id^=quiz-section]{width:794px;height:1123px;overflow:hidden;margin:0 auto;display:none}[id^=quiz-card]{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:24px 28px 20px;margin:0 auto;box-shadow:0 0 2px rgba(0,0,0,.2);width:794px;height:1123px;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}[id^=quiz-title]{font-size:26px;font-weight:700;text-align:center;padding-top:10px;margin-bottom:20px;color:var(--text)}[id^=quiz-title]:empty{display:none}[id^=quiz-table]{width:100%;border-collapse:collapse;table-layout:fixed}[id^=quiz-table] thead tr{background:#29d47f}[id^=quiz-table] thead th{color:#fff;padding:10px 8px;font-weight:700;font-size:20px;text-align:center}[id^=quiz-table] thead th:first-child{border-radius:8px 0 0;width:60px}[id^=quiz-table] thead th:nth-child(2){width:auto;text-align:center}[id^=quiz-table] thead th:nth-child(3){width:150px}[id^=quiz-table] thead th:last-child{border-radius:0 8px 0 0;width:170px}[id^=quiz-table] tbody tr:nth-child(2n){background:var(--bg)}[id^=quiz-table] tbody td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:6px 8px;vertical-align:middle}[id^=quiz-table] tbody td:last-child{border-right:none}[id^=quiz-table] tbody tr:last-child td{border-bottom:none}.col-num{text-align:center;font-weight:600;font-size:20px;color:var(--text-muted)}.col-question{font-size:20px;line-height:1.35;text-align:left;padding-left:12px!important;word-break:keep-all}.col-chosung{text-align:center;font-size:20px;font-weight:700;letter-spacing:2px;color:#02be60}.col-answer{text-align:center;vertical-align:middle}.answer-text{font-size:22px;font-weight:700;color:var(--text)}#quiz-controls{display:flex;flex-direction:column;align-items:center;gap:12px}#toggle-buttons{display:flex;background:var(--surface);border:1.5px solid var(--border);border-radius:100px;padding:4px;gap:4px;box-shadow:var(--shadow)}#toggle-buttons button{padding:9px 40px;border:none;background:0 0;border-radius:100px;font-size:22px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:.2s}#toggle-buttons button.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px rgba(91,108,249,.35)}#print-btn{display:flex;align-items:center;gap:7px;padding:10px 36px;background:var(--surface);color:var(--text-muted);border:1.5px solid var(--border);border-radius:100px;font-size:22px;font-weight:500;cursor:pointer;transition:border-color .18s;box-shadow:var(--shadow)}#print-btn:hover{border-color:var(--primary)}[id^=letter-section]{width:794px;height:1123px;overflow:hidden;margin:0 auto;display:none}[id^=letter-card]{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:24px 28px 20px;margin:0 auto;box-shadow:0 0 2px rgba(0,0,0,.2);width:794px;height:1123px;overflow:hidden;box-sizing:border-box}[id^=letter-title]{font-size:26px;font-weight:700;text-align:center;padding-top:10px;margin-bottom:12px;color:var(--text)}#desc,.letter-desc{text-align:center;font-size:17px;color:var(--text-muted);margin-bottom:20px}[id^=letter-grid]{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;width:100%}.letter-char-card{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:8px;padding:10px 4px;background:var(--bg);min-height:60px}.letter-char{font-size:26px;font-weight:700;color:var(--text)}@page{size:A4 portrait;margin:0}@media print{body{background:#fff;margin:0;padding:0}#maker-section,#site-footer,#site-header{display:none}main{margin:0!important;padding:0;gap:0;min-height:unset}#page-nav-wrapper{display:block!important;width:100%}#page-content{width:100%}.nav-page-btn{display:none!important}#quiz-controls{display:none}[id^=letter-section],[id^=quiz-section]{height:auto;overflow:visible;width:100%}[id^=letter-card],[id^=quiz-card]{border:none;border-radius:0;padding:8mm 8mm 0;margin:0;box-shadow:none;width:100%;height:auto;overflow:visible}[id^=letter-section],[id^=quiz-section-]{page-break-before:always}.col-chosung,.letter-char-card,[id^=quiz-table] tbody tr:nth-child(2n),[id^=quiz-table] thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}[id^=quiz-table] tbody tr{height:auto;min-height:60px}.col-sentence{font-size:20px;line-height:1.55;text-align:left;padding:10px 8px 10px 12px!important;word-break:keep-all;white-space:normal}.blank-mark{font-weight:700;color:#02be60;letter-spacing:1px}