*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:#f5f4f0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:16px 0}#root{width:100%;display:flex;justify-content:center}.app{width:100%;max-width:420px;min-height:620px;display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;border:1px solid #e0ddd6}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #f0ede8}.topbar-title{font-size:13px;font-weight:600;color:#534ab7}.back-btn{font-size:13px;color:#888780;cursor:pointer;padding:4px 0;background:none;border:none;font-family:inherit}.star-badge{background:#faeeda;color:#854f0b;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.progress-wrap{flex:1;height:6px;background:#f1efe8;border-radius:3px;margin:0 10px}.progress-bar{height:6px;border-radius:3px;background:#534ab7;transition:width .4s ease}.btn-primary{background:#534ab7;color:#fff;border:none;border-radius:14px;padding:15px;font-size:15px;font-weight:600;cursor:pointer;width:100%;font-family:inherit}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:#f1efe8;color:#5f5e5a;border:1px solid #d3d1c7;border-radius:14px;padding:12px;font-size:13px;cursor:pointer;width:100%;font-family:inherit;margin-top:6px}.listen-btn{background:#f1efe8;border:1px solid #d3d1c7;border-radius:20px;padding:8px 18px;font-size:12px;color:#5f5e5a;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit}.feedback{font-size:14px;font-weight:600;text-align:center;min-height:22px}.feedback.ok{color:#0f6e56}.feedback.no{color:#a32d2d}.hint-word{font-size:12px;color:#888780;text-align:center;min-height:18px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.bounce{animation:bounce .28s ease}.shake{animation:shake .28s ease}.print-page{width:100%;min-height:100vh;background:#f5f4f0;display:flex;flex-direction:column}.print-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #e0ddd6;position:sticky;top:0;z-index:10;gap:12px}.btn-print{background:#534ab7;color:#fff;border:none;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.print-preview{flex:1;padding:24px;display:flex;flex-direction:column;align-items:center;gap:32px;overflow-x:auto}.print-sheet{background:#fff;width:794px;flex-shrink:0;padding:36px 40px 28px;box-shadow:0 2px 24px #0000001f;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif}.print-sheet-header{text-align:center;padding-bottom:18px;margin-bottom:22px;border-bottom:3px solid}.print-grid{display:grid}.print-card{border:2.5px solid;border-radius:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.print-sound{font-weight:700;border-radius:8px;padding:3px 12px}.print-footer{text-align:center;margin-top:22px;font-size:12px;color:#b4b2a9}@media print{body{padding:0;background:#fff;display:block}#root{display:block}.no-print{display:none!important}.print-page{background:#fff}.print-preview{padding:0;gap:0;display:block}.print-sheet{width:100%;box-shadow:none;border-radius:0;padding:0}.print-sheet+.print-sheet{break-before:page}.print-card{cursor:default!important}@page{size:A4 portrait;margin:12mm}}