:root{--bg: #fdfbf6;--surface: #ffffff;--ink: #2f2a26;--ink-soft: #6b625a;--line: #e6ded1;--accent: #e2662f;--accent-soft: #fdeee4;--accent-2: #2f7fb5;--accent-2-soft: #e6f1f9;--danger: #b23b2e;--radius: 18px;--radius-lg: 26px;--shadow: 0 2px 0 var(--line), 0 10px 24px rgba(47, 42, 38, .07);--touch: 48px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,-apple-system,Segoe UI,sans-serif;font-size:20px;line-height:1.6;word-break:keep-all}body.is-modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px;border-radius:6px}.app{max-width:1000px;margin:0 auto;padding:16px 20px 64px}.app__main:focus{outline:none}.screen{display:flex;flex-direction:column;gap:20px}.screen--center{align-items:center;text-align:center}.screen__title{margin:0;font-size:32px;line-height:1.35;letter-spacing:-.01em}.screen__title--small{font-size:26px}.screen__lead{margin:0;font-size:21px;color:var(--ink-soft)}.screen__note{margin:0;font-size:17px;color:var(--ink-soft)}.screen__status{margin:0;font-size:19px;color:var(--ink-soft)}.screen__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.screen__actions--extra{gap:10px}.card{width:100%;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:18px}.card--start{max-width:560px}.card--preview,.card--generating,.card--image{max-width:640px}.progress{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.progress__text{margin:0;font-size:17px;color:var(--ink-soft)}.progress__bar{display:flex;gap:8px;list-style:none;margin:0;padding:0}.progress__dot{width:14px;height:14px;border-radius:50%;background:var(--line)}.progress__dot.is-done{background:var(--accent)}.btn{min-height:var(--touch);min-width:var(--touch);padding:12px 24px;font:inherit;font-size:20px;font-weight:700;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,background-color .12s ease}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:#cc5723}.btn--secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn--secondary:hover:not(:disabled){background:var(--accent-soft)}.btn--ghost{background:transparent;color:var(--accent-2);border-color:transparent;text-decoration:underline;text-underline-offset:4px}.btn--ghost:hover:not(:disabled){background:var(--accent-2-soft)}.btn--wide{width:100%;max-width:420px}.field{width:100%;max-width:420px;text-align:left;display:flex;flex-direction:column;gap:8px}.field__label{font-size:19px;font-weight:700}.field__optional{font-weight:400;color:var(--ink-soft);font-size:17px}.field__input{width:100%;min-height:var(--touch);padding:10px 16px;font:inherit;font-size:20px;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius)}.field__input:focus-visible{border-color:var(--accent-2)}.start__emoji{font-size:56px;margin:0;line-height:1}.start__note{margin:0;font-size:17px;color:var(--ink-soft)}.word-section{width:100%;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--accent-soft);border-radius:var(--radius)}.word-section__title{margin:0;font-size:20px}.word-grid{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));width:100%}.word-card{position:relative;width:100%;min-height:72px;padding:12px 14px 12px 42px;display:flex;align-items:center;gap:8px;font:inherit;font-size:20px;font-weight:600;text-align:left;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 0 var(--line);cursor:pointer}.word-card:hover{border-color:var(--accent)}.word-card.is-selected{background:var(--accent-soft);border-color:var(--accent);border-width:3px}.word-card__check{position:absolute;left:12px;width:22px;font-size:22px;font-weight:800;color:var(--accent)}.word-card__emoji{font-size:24px}.word-card__text{overflow-wrap:anywhere}.combo__word{margin:0;font-size:30px;font-weight:700}.combo__plus{margin:0;font-size:24px;color:var(--ink-soft)}.combo__result{margin:0;padding:14px 22px;font-size:30px;font-weight:800;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius)}.combo__caption{margin:0;font-size:21px;font-weight:700;color:var(--ink-soft)}.generating__emoji{margin:0;font-size:56px;line-height:1}.loading{display:flex;flex-direction:column;align-items:center;gap:10px}.loading__dots{display:flex;gap:8px}.loading__dots span{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:bounce 1s infinite ease-in-out}.loading__dots span:nth-child(2){animation-delay:.15s}.loading__dots span:nth-child(3){animation-delay:.3s}.loading__label{font-size:19px;color:var(--ink-soft)}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-8px);opacity:1}}.result-image{width:100%;max-width:440px;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius);border:2px solid var(--line);background:var(--bg)}.error-box{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.error-box__title{margin:0;font-size:26px;font-weight:700}.error-box__description{margin:0;font-size:20px;color:var(--ink-soft)}.error-box__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.reason-card{align-items:stretch;text-align:left;gap:12px}.reason__question{margin:0;font-size:24px;font-weight:700}.reason__frame{margin:0;font-size:19px;color:var(--ink-soft)}.reason__blank{color:var(--accent);letter-spacing:1px}.reason-card .btn--ghost{align-self:flex-start}.final-card{width:100%;max-width:520px;background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:26px 24px 30px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.final-card__image{width:100%;max-width:380px;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius);border:2px solid var(--line)}.final-card__placeholder{width:100%;max-width:380px;aspect-ratio:1 / 1;display:grid;place-items:center;font-size:64px;border-radius:var(--radius);background:var(--accent-soft)}.final-card__name{margin:0;font-size:30px;color:var(--accent)}.final-card__reason{margin:0;font-size:20px}.final-card__nickname{margin:8px 0 0;font-size:22px;font-weight:700}.modal-backdrop{position:fixed;inset:0;background:#2f2a2673;display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:10}.modal{width:100%;max-width:520px;background:var(--surface);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 -6px 30px #2f2a2633}.modal__title{margin:0;font-size:26px}.modal__label{font-size:20px;font-weight:600}.modal__input{width:100%;min-height:var(--touch);padding:10px 16px;font:inherit;font-size:20px;border:2px solid var(--line);border-radius:var(--radius)}.modal__hint{margin:0;font-size:17px;color:var(--ink-soft)}.modal__error{margin:0;font-size:19px;font-weight:600;color:var(--danger)}.modal__actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}@media(min-width:900px){.word-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media(max-width:600px){body{font-size:19px}.app{padding:12px 16px 48px}.screen__title{font-size:28px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card{font-size:19px}.screen__actions .btn{flex:1 1 160px}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;border-bottom-left-radius:0;border-bottom-right-radius:0}}@media(max-width:360px){.word-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}