: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);--shadow-md:0 4px 24px rgba(91, 108, 249, 0.13)}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}.option-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow)}.option-label{display:flex;align-items:center;gap:7px;white-space:nowrap;width:120px;flex-shrink:0}.option-label strong{font-weight:700;color:var(--text)}.option-icon{font-size:22px;width:30px}#size-selector{display:flex;flex-wrap:wrap;gap:8px;flex:1}.chip-label{position:relative;cursor:pointer}.chip-label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.chip-label span{display:inline-block;padding:6px 16px;border-radius:100px;border:1.5px solid var(--border);background:var(--bg);font-weight:500;color:var(--text-muted);transition:.18s;user-select:none}.chip-label input:checked+span{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(91,108,249,.35)}.chip-label:hover span{border-color:var(--primary);color:var(--primary)}.chip-label input:checked+span:hover{color:#fff}#difficulty-panel{flex-wrap:wrap;align-items:stretch}#difficulty-panel .option-label{align-self:center}.radio-card{display:flex;align-items:stretch;cursor:pointer;position:relative;flex:1}.radio-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-card-body{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg);display:flex;flex-direction:column;gap:2px;transition:.18s}.radio-card-title{font-weight:700;color:var(--text-muted);transition:color .18s}.radio-card-desc{font-size:.75em;color:var(--text-muted);transition:color .18s}.radio-card input:checked+.radio-card-body{border-color:var(--primary)}.radio-card input:checked+.radio-card-body .radio-card-desc,.radio-card input:checked+.radio-card-body .radio-card-title{color:var(--primary)}.radio-card:hover .radio-card-body{border-color:var(--primary)}#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,opacity .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^=puzzle-section]{width:794px;height:1123px;overflow:hidden;margin:0 auto;display:none}[id^=puzzle-card]{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:28px 32px 32px;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:center}[id^=puzzle-title]{font-size:26px;font-weight:700;text-align:center;padding-top:10px;margin-bottom:20px;color:var(--text);letter-spacing:-.5px}[id^=puzzle-title]:empty{display:none}#grid-wrapper{text-align:center}#font-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:8px}#font-controls button{display:flex;align-items:center;gap:5px;padding:6px 14px;border:1.5px solid var(--border);background:var(--surface);border-radius:100px;font-size:20px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:.15s}#grid-canvas{display:block;width:680px;height:680px;margin:0 auto;border-radius:4px}#difficulty-desc{text-align:center;font-size:22px;color:var(--text-muted);padding:20px;border-radius:var(--radius-sm)}#word-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 20px;padding:25px;min-height:46px;border-radius:var(--radius-sm);width:100%;box-sizing:border-box}.word-item{font-size:22px;font-weight:700;color:var(--text)}#puzzle-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:.18s;box-shadow:var(--shadow)}#print-btn:hover{border-color:var(--primary)}#voca-section{width:794px;height:1123px;overflow:hidden;margin:0 auto;display:none}#voca-card{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:28px 40px;margin:0 auto;box-shadow:0 0 2px rgba(0,0,0,.2);width:794px;height:1123px;overflow:hidden;box-sizing:border-box}#voca-card-title{font-size:26px;font-weight:700;text-align:center;margin-bottom:20px;color:var(--text);letter-spacing:-.5px}#voca-table{width:100%;border-collapse:collapse;font-size:22px;font-family:inherit}#voca-table thead tr{background:#29d47f}#voca-table thead th{color:#fff;padding:10px 14px;font-weight:700;text-align:center}#voca-table thead th:first-child{width:72px;border-radius:10px 0 0}#voca-table thead th:nth-child(2){width:130px}#voca-table thead th:last-child{border-radius:0 10px 0 0}#voca-table tbody tr{transition:background .12s}#voca-table tbody tr:nth-child(2n){background:var(--bg)}#voca-table tbody td{padding:5px 8px;border-bottom:1px solid var(--border);vertical-align:middle}#voca-table tbody tr:last-child td{border-bottom:none}.voca-num{text-align:center;font-weight:600}.voca-word{font-weight:800;text-align:center}.voca-meaning{color:var(--text);line-height:1.2}@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}#voca-section,[id^=puzzle-section]{height:auto;overflow:visible;width:100%}#font-controls,#puzzle-controls{display:none}[id^=puzzle-card]{border:none;border-radius:0;padding:8mm 8mm 0;margin:0;box-shadow:none;width:100%;height:auto;overflow:visible}[id^=puzzle-title]{font-size:26px;margin-bottom:20px}#grid-canvas{display:block;margin:0 auto;max-width:100%}#difficulty-desc{font-size:22px;background:0 0;padding:20px}#word-list{gap:6px 18px;background:0 0;padding:25px}#puzzle-section-2,#voca-section{page-break-before:always}#voca-card{border:none;border-radius:0;padding:8mm;margin:0;box-shadow:none;width:100%;height:auto;overflow:visible}#voca-card-title{font-size:26px;margin-bottom:24px}#voca-table thead th{padding:10px 14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}#voca-table tbody td{padding:8px 10px}#voca-table tbody tr:nth-child(2n),.voca-word{-webkit-print-color-adjust:exact;print-color-adjust:exact}}