:root{--green:#1cbd36;--dark-green:#17a82e;--light-green:#e8f9eb;--charcoal:#1a2035;--body:#3d4a5c;--border:#d4f0d8;--bg:#f7f9f8;--orange:#fe9923;--grey:#6b7a8d}*,:before,:after{box-sizing:border-box}body{color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Rubik,-apple-system,BlinkMacSystemFont,sans-serif}#root{min-height:100vh}.phone-frame{background:#fff;border:8px solid #1a2035;border-radius:32px;flex-direction:column;width:320px;min-height:560px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000002e}.phone-frame__notch{background:#1a2035;justify-content:center;align-items:center;height:28px;display:flex}.phone-frame__notch:after{content:"";background:#0d1420;border-radius:6px;width:80px;height:10px}.phone-frame__screen{background:#f7f9f8;flex:1;padding:16px;overflow-y:auto}.preview-question{background:#fff;border:1px solid #d4f0d8;border-radius:12px;margin-bottom:12px;padding:16px}.preview-question__text{color:#1a2035;margin-bottom:12px;font-size:15px;font-weight:500;line-height:1.4}.preview-option{color:#3d4a5c;border:2px solid #d4f0d8;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;font-size:14px;display:flex}.preview-voice{text-align:center;color:#17a82e;background:#e8f9eb;border-radius:12px;padding:20px;font-size:13px}.preview-voice__icon{margin-bottom:8px;font-size:32px}