:root{font-family:system-ui,-apple-system,Hiragino Sans,sans-serif;color-scheme:light;--color-primary: #fd780f;--color-primary-dark: #e56800;--color-primary-light: #fff3eb;--color-primary-border: #fdd0a0;--color-text: #2a2622;--color-text-muted: #7a6e65;--color-bg: #faf9f7;--color-surface: #ffffff;--color-border: #e8e0d6;--color-success: #2d7d46;--color-danger: #c0392b;--color-user-bubble: #fd780f;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--btn-radius: 24px}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:var(--color-bg);color:var(--color-text)}.screen{padding:24px 20px;max-width:640px;margin:0 auto}.screen-header{position:sticky;top:0;z-index:50;background:var(--color-bg);display:flex;justify-content:space-between;align-items:center;margin:-24px -20px 0;padding:calc(24px + env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid var(--color-border)}button{border-radius:var(--btn-radius);font-family:inherit;cursor:pointer;background:var(--color-primary);color:#fff;border:none;min-height:44px;padding:0 12px}button:disabled{opacity:.5;cursor:default}input,select{min-height:44px}select{padding:0 10px}input,textarea,select{border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-family:inherit;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #fd780f1f}