*{box-sizing:border-box}body{margin:0;background:#f5f3fa;color:#251a3b;font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif}main{max-width:560px;margin:auto;padding:20px 20px 32px}header{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:26px}a{color:#685878;text-decoration:none}h1{font-size:28px;line-height:1.4;margin:12px 0}p{line-height:1.6}button{font:inherit;font-size:16px;color:#251a3b;background:white;border:1px solid #ded8e9;border-radius:16px;min-height:50px;padding:12px 16px;cursor:pointer}button:disabled{opacity:.5}.primary{background:#7839dc;color:white;border-color:#7839dc;width:100%;font-weight:700}.panel{background:white;border:1px solid #ebe5f3;border-radius:26px;padding:24px;text-align:center}.hero{width:220px;max-width:70%;border-radius:22px}.muted,.step{color:#786c89;font-size:14px}.journey{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0}.journey span{background:#eee8f7;border-radius:20px;padding:8px 12px;font-size:13px}.progress{display:flex;gap:6px;margin:18px 0}.progress i{height:5px;flex:1;border-radius:5px;background:#e2dceb}.progress i.done{background:#7839dc}.expression{font-size:24px;font-weight:700;line-height:1.5;min-height:72px;margin:16px 0}.meaning{font-size:23px;font-weight:700;margin:18px 0}.actions{display:grid;gap:12px;margin-top:20px}.record-actions{display:flex;gap:8px}.record-actions button{flex:1;font-size:14px}.record-help{font-size:12px;color:#786c89}.recording-banner{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#fff;padding:12px;border-radius:16px;box-shadow:0 3px 20px #251a3b22;white-space:nowrap;font-size:13px}.recording-banner[hidden]{display:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}#status{font-size:13px;text-align:center}.review-row{padding:12px 0;border-bottom:1px solid #eee;text-align:left}.review-row strong{display:block;margin-bottom:4px}button:focus-visible,a:focus-visible{outline:3px solid #a87cef;outline-offset:3px}@media(max-width:380px){main{padding:14px}.panel{padding:18px}.expression{font-size:21px}h1{font-size:25px}}
body{background:linear-gradient(135deg,#f6f3ff,#eeecf7)}.panel{background:linear-gradient(145deg,#faf8ff,#eeebf6);border:1px solid #fff;box-shadow:5px 5px 13px #cbc5df99,-5px -5px 13px #fff}button{background:linear-gradient(145deg,#faf9ff,#ebe7f5);border:1px solid white;border-radius:20px;box-shadow:5px 5px 13px #cbc5df99,-5px -5px 13px #fff;color:#59348f}.primary{background:linear-gradient(140deg,#9858fa,#702ce1);border-color:#b485ff;color:white;box-shadow:3px 3px 8px #c5b8df,inset 1px 1px 2px #ceadff}.hero{border:6px solid white;box-shadow:4px 5px 10px #c4bad88c}